.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;}