.page-id-921 .wp-block-navigation {
    display: none;
}
.page-id-921 .site-header {
    display: none !important;
}

/* ================================
   GENERAL CALLOUT BOX BASE STYLE
   ================================ */
.tcc-callout,
.tcc-product-callout {
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  padding: 20px;
  margin: 32px 0;
  background: #fafafa;
}

/* Headings inside callouts */
.tcc-callout h2,
.tcc-product-callout h2,
.tcc-callout h3,
.tcc-product-callout h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.25rem;
}

/* Lists inside callouts */
.tcc-callout ul,
.tcc-product-callout ul {
  padding-left: 20px;
  margin-top: 0;
}

/* List item spacing */
.tcc-callout li,
.tcc-product-callout li {
  margin-bottom: 8px;
}

/* ================================
   COLOR VARIANTS PER BOX TYPE
   ================================ */

/* PRO TIPS (green) */
.tcc-callout-pro-tips {
  border-color: #71b47a;
  background: #f3faf4;
}
.tcc-callout-pro-tips h2 {
  color: #3a8a47;
}

/* QUICK WINS (blue) */
.tcc-callout-quick-wins {
  border-color: #6ba5d8;
  background: #f3f9fd;
}
.tcc-callout-quick-wins h2 {
  color: #2e73a8;
}

/* MISTAKES TO AVOID (red) */
.tcc-callout-mistakes {
  border-color: #d88c8c;
  background: #fdf4f4;
}
.tcc-callout-mistakes h2 {
  color: #b44646;
}

/* CHECKLIST (neutral but bold) */
.tcc-callout-checklist {
  border-color: #c9c9c9;
  background: #ffffff;
}
.tcc-callout-checklist h2 {
  color: #333333;
}

/* ================================
   PRODUCT BOXES
   ================================ */

/* Base style for product callouts */
.tcc-product-callout {
  background: #fffdf7;
  border-color: #e5d9b6;
}

/* Product headings */
.tcc-product-callout h2,
.tcc-product-callout h3 {
  color: #8a6e3b;
}

/* Product link */
.tcc-product-callout a {
  color: #6a4f22;
  font-weight: 600;
  text-decoration: underline;
}

/* Add gentle hover effect */
.tcc-product-callout a:hover {
  opacity: 0.7;
}

/* ================================
   RESPONSIVE TWEAKS
   ================================ */

@media (max-width: 600px) {
  .tcc-callout,
  .tcc-product-callout {
    padding: 16px;
    margin: 24px 0;
    border-radius: 10px;
  }

  .tcc-callout h2,
  .tcc-product-callout h2 {
    font-size: 1.15rem;
  }
}


/* === TCC MOBILE UX FIXES (added 2026-06) === */
/* Issue 1: reduce top gap between header and hero on mobile home */
@media (max-width:781px){
  .home main > .wp-block-spacer:has(~ .entry-content){height:8px !important;}
  .home .tcc-hero{padding-top:8px !important;}
}
/* Issue 2: hero image focal point (paired with uncropped source) */
.tcc-hero-img img{object-fit:cover !important;object-position:50% 50% !important;}
/* Issue 3: fix broken mobile nav menu layout (site-wide) */
.wp-block-navigation__responsive-container.is-menu-open{width:100% !important;max-width:100% !important;left:0 !important;right:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{width:100% !important;max-width:100% !important;align-items:flex-start !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;height:auto !important;width:100% !important;}


/* === TCC MENU POLISH (mobile open menu styling) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:4.5rem 1.5rem 2rem !important;justify-content:flex-start !important;gap:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:0 !important;width:100% !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item{width:100% !important;border-bottom:1px solid #ece7f2 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:block !important;width:100% !important;padding:0.9rem 0 !important;font-size:1.4rem !important;font-weight:600 !important;line-height:1.2 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding-left:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.05rem !important;font-weight:400 !important;padding:0.55rem 0 0.55rem 1rem !important;opacity:0.75;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{font-size:1.6rem !important;padding:1rem !important;top:0.5rem !important;right:0.6rem !important;}


/* === TCC MENU POLISH v2 (center, purple, spacing, Start Here accent) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{justify-content:center !important;padding:2rem 1.5rem 3rem !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute !important;top:0.75rem !important;right:0.9rem !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item{border-bottom:1px solid rgba(153,92,213,0.4) !important;text-align:center !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:last-child{border-bottom:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{text-align:center !important;padding:1.05rem 0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{text-align:center !important;padding:0.6rem 0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content{color:#995cd5 !important;font-weight:800 !important;font-size:1.6rem !important;}


/* === TCC MENU POLISH v3 (back to left-aligned) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item{text-align:left !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{text-align:left !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{text-align:left !important;padding-left:1rem !important;}


/* === TCC MENU POLISH v4 (submenu size + indent) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding-left:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.2rem !important;padding-left:0.25rem !important;}


/* === TCC MENU POLISH v5 (reduce submenu indent further) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding-left:0 !important;margin-left:0 !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{margin-left:0 !important;}


/* === TCC MENU POLISH v6 (flush submenu, slight indent) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li.wp-block-navigation-item{flex-direction:column !important;align-items:flex-start !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding-left:0.6rem !important;}


/* === TCC MENU POLISH v7 (nudge submenu indent +10px) === */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding-left:1.25rem !important;}


/* === SITEWIDE MOBILE HEADER GAP FIX (2026-09-16) ===
   Phones only. Tightens the header (logo / site title / menu) and hides the page
   and post templates' empty spacer blocks, so page titles and hero content sit
   higher. Menu to page title went from about 119px to about 49px on posts and pages. */
@media (max-width: 560px) {
  header .site-header { row-gap: 0.75rem !important; }
  header .wp-block-site-logo { margin-bottom: 0.75rem !important; }
  main > .wp-block-spacer { display: none !important; }
}


/* === CAT TREE TOP CLEANUP (2026-09-16) ===
   Page 921 only, all screen sizes. The page now starts directly with the purple
   cover. The H1 "The Cat Tree" and the large "Fix Your Indoor Cat's Boredom" line
   are visually hidden but stay in the HTML (Chad: keep them for SEO). The
   template's empty spacers and block gaps around the content are removed. */
.page-id-921 .wp-site-blocks > * { margin-top: 0 !important; }
.page-id-921 main > * { margin-top: 0 !important; }
.page-id-921 main > .wp-block-spacer { display: none !important; }
.page-id-921 h1.wp-block-post-title,
.page-id-921 .wp-block-cover p.has-large-font-size { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }


/* === CAT TREE FORM ON-BRAND (2026-09-16): MailerLite "Cat Tree Embedded" form (form_id=5, ML 180136043983406872) restyled to Tree palette; applies wherever this form renders === */
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper { background-color:#fff3d3 !important; border:0 !important; border-radius:16px !important; box-shadow:0 6px 20px rgba(76,66,31,.18) !important; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { font-family:"DM Sans",sans-serif !important; font-weight:700 !important; font-size:26px !important; line-height:1.2 !important; color:#4c421f !important; text-align:center !important; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p span { font-family:"DM Sans",sans-serif !important; color:#4c421f !important; text-align:center !important; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p span[style*="12px"] { font-size:13px !important; opacity:.8; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper input[type=email] { font-family:"DM Sans",sans-serif !important; font-size:16px !important; border:2px solid #4c421f !important; border-radius:50px !important; padding:12px 18px !important; color:#4c421f !important; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper button.primary,
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary { font-family:"DM Sans",sans-serif !important; font-size:16px !important; font-weight:700 !important; background-color:#995cd5 !important; border:0 !important; border-radius:50px !important; padding:13px 20px !important; color:#fff !important; }
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper button.primary:hover,
#mlb2-37507042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button.primary:hover { background-color:#7e45b8 !important; }
/* Roundup (4961) Fix Kit form: keep the form title on one line on phones */
@media (max-width: 560px) {
  .postid-4961 .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 { font-size:24px !important; }
}
/* Tree: close the gap left by the visually hidden "Fix Your Indoor Cat's Boredom" line (80px to ~30px) */
.page-id-921 .wp-block-cover p.has-large-font-size + p { margin-top:0 !important; }
.page-id-921 .wp-block-cover .wp-block-group.has-text-color { padding-top:0 !important; }