/*
 * Conscious Copy: High-Specificity Override System
 * This file contains surgical overrides for aggressive plugin styles.
 * It is loaded late via functions.php to ensure it wins specificity wars.
*/

/* 1) Neutralize Essential Blocks heading fonts (font-family only) */
.entry-content .eb-parent-wrapper :is(h1,h2,h3,h4,h5,h6){
  font-family: var(--cc-font-heading) !important;
  font-style: normal;
}
/* EB body text */
.entry-content .eb-parent-wrapper p{ font-family: var(--cc-font-body) !important; }

/* 2) Re-assert heading spacing if a template kit zeroes margins */
.content-container :is(h1,h2,h3,h4,h5,h6),
.entry-content :is(h1,h2,h3,h4,h5,h6){ font-style: normal; }
.content-container h1, .entry-content h1{ margin: var(--s-120) 0 var(--s-30); }
.content-container h2, .entry-content h2{ margin: var(--s-80) 0 var(--s-60); }
.content-container h3, .entry-content h3{ margin: var(--s-40) 0 var(--s-20); }
.content-container h4, .entry-content h4{ margin: var(--s-30) 0 var(--s-20); }
.content-container h5, .entry-content h5{ margin: var(--s-20) 0 var(--s-10); }
.content-container h6, .entry-content h6{ margin: 0 0 var(--s-30); }
/*
.content-container h1 {
    font-family: var(--cc-font-heading);
    font-weight: 500;
    font-size: 3.55rem; /* ~71px 
    line-height: 1.2;
    letter-spacing: -0.05em;
    margin: var(--s-120) 0 var(--s-40);
}
*/
.content-container h2 {
    font-size: 3rem; /* 60px */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2.4rem;
    line-height: 2;
    letter-spacing: -0.015em;
}
/*
.content-container h3 {
    font-family: var(--cc-font-heading);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.75rem; /* 35px 
    line-height: 1.25;
    letter-spacing: 0.009em;
    margin: var(--s-60) 0 var(--s-20);
}

.content-container h4 {
    font-family: var(--cc-font-heading);
    font-weight: 600;
    font-size: 1.375rem; /* 27.5px 
    line-height: 1.4;
    margin-top: var(--s-40) 0 var(--s-20);
}

.content-container h5 {
    font-family: var(--cc-font-heading);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125rem; /* 25px 
    letter-spacing: 0.05em;
    line-height: 1.3;
    margin: var(--s-40) 0 var(--s-20);
}
*/
.content-container h6 {
    font-family: var(--cc-font-heading);
    font-weight: 500;
    font-size: 1.25rem;   /* 22.5px */
    line-height: 1.3;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .7rem;
}

.content-container p.font-stylistic {
    font-family: var(--cc-font-stylistic);
    font-size: 2.75rem; /* 40px */
    line-height: 1.1;
    color: var(--cc-text-primary);
}

/* 3) Unify CTA everywhere (beats theme/block defaults) */
body .wp-block-button .wp-block-button__link {
    background: var(--cc-accent-ochre);
    padding: 0.3rem 2rem;
    letter-spacing: var(--ls-btn);
    transition: background-color 0.2s ease, transform 0.2s ease;
}
body .wp-block-button .wp-block-button__link:hover,
body .wp-block-button .wp-block-button__link:focus{
  background: var(--cc-cta-hover);
  color:#fff;
  text-decoration: none;
  /* subtle “heavier” illusion without reflow */
  text-shadow: 0 0 0.01em currentColor, 0 0 0.01em currentColor;
  /* Optional for WebKit: -webkit-text-stroke: 0.3px currentColor; */
}

/* 4) Header chapter tweaks (portfolio page) */
.chapter-header h3{ font-size: 1.25rem; margin: 0 0 .5rem; padding: 0; }
.chapter-header h2{ font-size: 2.5rem; margin-top: 0; }

/* 5) Sticky header anchor offset safeguard (in case other CSS overrides it) */
.entry-content :is(h1,h2,h3,h4,h5,h6)[id]{ scroll-margin-top: 100px; }

/* 6) Footer separator method — hide per-column HR if any slipped through */
.footer .wp-block-separator{ display:none !important; }

.rationale-block h4 {
    margin-top: 0; /* Remove extra top margin on the main title */
}

.mt-120, 
.content-container .mt-120 {margin-top:var(--s-120)}

.content-container .mb-0 {
    margin-bottom:var(--s-0)
}

.pd-0 { padding: 0rem; }
.pt-60{padding-top:var(--s-60)}

.invitation h2 {
  text-decoration: none;
}

/* ===========================
   Mobile nav drawer overrides (last-in)
   =========================== */
@media (max-width: 768px){
  /* Header drawer */
  .header-band .wp-block-navigation__responsive-container{
    background: var(--cc-bg-primary) !important;
    color: #fff !important;
  }
  .header-band .wp-block-navigation__responsive-container a{
    color: #fff !important;
  }
  .header-band .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
    background: transparent !important;
  }

    /* FIX: Reduce heading sizes for mobile */
    .content-container h1 {
        font-size: 2.2rem;
    }

    .content-container h2 {
        font-size: 1.75rem;
    }

    /* Footer drawer */
  .footer .wp-block-navigation__responsive-container{
    background: var(--cc-bg-primary) !important;
    color: #fff !important;
  }
  .footer .wp-block-navigation__responsive-container a{
    color: #fff !important;
  }
  .footer .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
    background: transparent !important;
  }
}