/* ==========================================================================
   MAT Clinic Guide Premium — Main Stylesheet
   ========================================================================== */

:root{
  /* Brand palette — deep navy / teal / soft gold */
  --mcg-navy:        #0F2A43;
  --mcg-navy-dark:   #0A1E33;
  --mcg-teal:        #1B7A82;
  --mcg-teal-light:  #E7F3F3;
  --mcg-gold:        #C9A24B;
  --mcg-gold-light:  #F7EFDD;
  --mcg-offwhite:    #F7F8FA;
  --mcg-white:       #FFFFFF;
  --mcg-text:        #223142;
  --mcg-text-light:  #5A6B7B;
  --mcg-border:      #E4E9EE;

  /* Controllable via Customizer (fallbacks below) */
  --mcg-btn-primary-bg:     #1B7A82;
  --mcg-btn-primary-text:   #FFFFFF;
  --mcg-btn-primary-hover:  #145F66;
  --mcg-btn-secondary-bg:   #FFFFFF;
  --mcg-btn-secondary-text: #0F2A43;
  --mcg-header-call-bg:     #C9A24B;
  --mcg-header-call-hover:  #B58F3C;
  --mcg-radius: 16px;
  --mcg-container: 1200px;

  --mcg-shadow-sm: 0 2px 10px rgba(15,42,67,0.06);
  --mcg-shadow-md: 0 10px 30px rgba(15,42,67,0.10);
  --mcg-shadow-lg: 0 20px 50px rgba(15,42,67,0.14);

  --mcg-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--mcg-font);
  color:var(--mcg-text);
  background:var(--mcg-offwhite);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--mcg-teal); text-decoration:none; }
a:hover{ color:var(--mcg-navy); }
ul{ padding-left:1.2em; }
.screen-reader-text{ position:absolute; left:-9999px; }

.mcg-container{ max-width:var(--mcg-container); margin:0 auto; padding:0 24px; }
.mcg-section{ padding:72px 0; }
.mcg-section--tight{ padding:48px 0; }
.mcg-section--white{ background:var(--mcg-white); }
.mcg-section--offwhite{ background:var(--mcg-offwhite); }
.mcg-section--navy{ background:var(--mcg-navy); color:#fff; }
.mcg-section--navy h2, .mcg-section--navy h3, .mcg-section--navy p{ color:#fff; }

h1,h2,h3,h4{ font-family:var(--mcg-font); color:var(--mcg-navy); font-weight:700; line-height:1.25; margin:0 0 16px; }
h1{ font-size:clamp(32px,5vw,52px); letter-spacing:-0.02em; }
h2{ font-size:clamp(26px,3.4vw,36px); letter-spacing:-0.01em; }
h3{ font-size:22px; }
.mcg-eyebrow{ display:inline-block; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--mcg-teal); background:var(--mcg-teal-light); padding:6px 14px; border-radius:999px; margin-bottom:16px; }
.mcg-lead{ font-size:19px; color:var(--mcg-text-light); max-width:680px; }

/* Buttons */
.mcg-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:15px 28px; border-radius:12px; font-weight:700; font-size:16px; border:2px solid transparent; cursor:pointer; transition:all .2s ease; white-space:nowrap; }
.mcg-btn--primary{ background:var(--mcg-btn-primary-bg); color:var(--mcg-btn-primary-text); }
.mcg-btn--primary:hover{ background:var(--mcg-btn-primary-hover); color:var(--mcg-btn-primary-text); transform:translateY(-1px); box-shadow:var(--mcg-shadow-md); }
.mcg-btn--secondary{ background:var(--mcg-btn-secondary-bg); color:var(--mcg-btn-secondary-text); border-color:var(--mcg-border); }
.mcg-btn--secondary:hover{ border-color:var(--mcg-teal); color:var(--mcg-teal); }
.mcg-btn--gold{ background:var(--mcg-gold); color:#fff; }
.mcg-btn--gold:hover{ background:var(--mcg-header-call-hover); color:#fff; }
.mcg-btn--block{ width:100%; }
.mcg-cta-row{ display:flex; flex-wrap:wrap; gap:14px; margin:28px 0; }

/* Header */
.mcg-header{ position:sticky; top:0; z-index:500; background:rgba(255,255,255,0.97); backdrop-filter:blur(8px); border-bottom:1px solid var(--mcg-border); }
.mcg-header__inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 24px; max-width:var(--mcg-container); margin:0 auto; }
.mcg-logo img{ width:auto; height:auto; max-height:none; }
.mcg-logo img.mcg-header-logo-img{ width:180px; max-width:420px; }
.mcg-footer-logo-img{ width:160px; max-width:420px; height:auto; }
.mcg-logo{ font-size:20px; font-weight:800; color:var(--mcg-navy); }
.mcg-nav{ display:flex; align-items:center; gap:26px; }
.mcg-nav ul{ list-style:none; display:flex; gap:24px; margin:0; padding:0; }
.mcg-nav a{ color:var(--mcg-navy); font-weight:600; font-size:15px; }
.mcg-nav a:hover{ color:var(--mcg-teal); }
.mcg-header__cta{ display:flex; align-items:center; gap:10px; }
.mcg-call-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--mcg-header-call-bg); color:#fff; padding:11px 18px; border-radius:10px; font-weight:700; font-size:15px; }
.mcg-call-btn:hover{ background:var(--mcg-header-call-hover); color:#fff; }
.mcg-verify-btn{ padding:11px 18px; border-radius:10px; font-weight:700; font-size:15px; border:2px solid var(--mcg-navy); color:var(--mcg-navy); }
.mcg-verify-btn:hover{ background:var(--mcg-navy); color:#fff; }
.mcg-hamburger{ display:none; background:none; border:none; cursor:pointer; padding:8px; }
.mcg-hamburger span{ display:block; width:24px; height:2px; background:var(--mcg-navy); margin:5px 0; }
.mcg-mobile-nav{ display:none; flex-direction:column; gap:2px; background:#fff; border-top:1px solid var(--mcg-border); padding:10px 24px 20px; }
.mcg-mobile-nav a{ padding:12px 0; border-bottom:1px solid var(--mcg-border); color:var(--mcg-navy); font-weight:600; }
.mcg-mobile-nav.is-open{ display:flex; }

@media (max-width: 960px){
  .mcg-nav ul{ display:none; }
  .mcg-hamburger{ display:block; }
  .mcg-header__cta{ gap:8px; }
}

/* Hero */
.mcg-hero{ padding:60px 0 70px; background:linear-gradient(180deg,var(--mcg-teal-light) 0%, var(--mcg-offwhite) 100%); }
.mcg-hero__grid{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:48px; align-items:start; }
.mcg-hero__trust{ display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; }
.mcg-hero__trust span{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:var(--mcg-navy); }
.mcg-hero__trust span::before{ content:"✓"; color:var(--mcg-teal); font-weight:900; }
@media (max-width: 900px){ .mcg-hero__grid{ grid-template-columns:1fr; } }

/* Cards */
.mcg-card{ background:var(--mcg-white); border-radius:var(--mcg-radius); border:1px solid var(--mcg-border); box-shadow:var(--mcg-shadow-sm); padding:28px; }
.mcg-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; margin-top:32px; }
.mcg-option-card{ background:#fff; border-radius:var(--mcg-radius); border:1px solid var(--mcg-border); padding:28px; box-shadow:var(--mcg-shadow-sm); transition:transform .2s ease, box-shadow .2s ease; }
.mcg-option-card:hover{ transform:translateY(-4px); box-shadow:var(--mcg-shadow-md); }
.mcg-option-card__icon{ width:52px; height:52px; border-radius:14px; background:var(--mcg-teal-light); display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-size:24px; }
.mcg-option-card h3{ margin-bottom:8px; }
.mcg-option-card p{ color:var(--mcg-text-light); font-size:15px; }
.mcg-option-card a{ font-weight:700; font-size:14px; }

/* Steps */
.mcg-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:32px; counter-reset:mcg-step; }
.mcg-step{ position:relative; padding:28px 20px 20px; background:#fff; border-radius:var(--mcg-radius); border:1px solid var(--mcg-border); }
.mcg-step::before{ counter-increment:mcg-step; content:counter(mcg-step); position:absolute; top:-16px; left:20px; width:34px; height:34px; border-radius:50%; background:var(--mcg-navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; }
@media (max-width:900px){ .mcg-steps{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .mcg-steps{ grid-template-columns:1fr; } }

/* Form card */
.mcg-form-card{ background:#fff; border-radius:20px; border:1px solid var(--mcg-border); box-shadow:var(--mcg-shadow-lg); padding:30px; }
.mcg-form-card h3{ margin-bottom:6px; }
.mcg-form-card p.mcg-form-sub{ color:var(--mcg-text-light); font-size:14px; margin-bottom:18px; }
.mcg-form-card .wpforms-container{ margin:0 !important; }
.mcg-cta-fallback{ text-align:center; padding:34px 20px; }
.mcg-cta-fallback .mcg-btn{ margin-top:10px; }

/* Content / prose pages */
.mcg-prose{ max-width:100%; }
.mcg-prose h2{ margin-top:8px; }
.mcg-prose h2:not(:first-child){ margin-top:8px; }
.mcg-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
@media (max-width:900px){ .mcg-two-col{ grid-template-columns:1fr; } }

/* Illustration / image cards */
.mcg-illustration{ border-radius:20px; overflow:hidden; background:linear-gradient(135deg,var(--mcg-teal) 0%, var(--mcg-navy) 100%); min-height:280px; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:var(--mcg-shadow-md); }
.mcg-illustration svg{ width:70%; }

/* FAQ */
.mcg-faq{ margin-top:28px; }
.mcg-faq-item{ border-bottom:1px solid var(--mcg-border); padding:20px 0; }
.mcg-faq-item summary{ cursor:pointer; font-weight:700; color:var(--mcg-navy); font-size:17px; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.mcg-faq-item summary::-webkit-details-marker{ display:none; }
.mcg-faq-item summary::after{ content:"+"; font-size:22px; color:var(--mcg-teal); margin-left:12px; }
.mcg-faq-item[open] summary::after{ content:"–"; }
.mcg-faq-item p{ margin-top:12px; color:var(--mcg-text-light); }

/* CTA banners */
.mcg-cta-banner{ background:linear-gradient(120deg,var(--mcg-navy) 0%, var(--mcg-navy-dark) 100%); border-radius:24px; padding:52px; color:#fff; text-align:center; }
.mcg-cta-banner h2{ color:#fff; }
.mcg-cta-banner p{ color:#D9E4EC; max-width:560px; margin:0 auto 10px; }
.mcg-cta-banner .mcg-cta-row{ justify-content:center; }
.mcg-microcopy{ font-size:13px; color:var(--mcg-text-light); margin-top:12px; }
.mcg-section--navy .mcg-microcopy{ color:#B9C7D2; }

/* Trust badge row */
.mcg-badge-row{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:24px; }
.mcg-badge{ background:var(--mcg-gold-light); color:var(--mcg-navy); border-radius:999px; padding:8px 18px; font-size:13px; font-weight:700; }

/* Breadcrumbs */
.mcg-breadcrumbs{ font-size:13px; color:var(--mcg-text-light); padding:16px 0; }
.mcg-breadcrumbs a{ color:var(--mcg-text-light); }

/* Sticky mobile bar */
.mcg-sticky-mobile{ position:fixed; bottom:0; left:0; right:0; z-index:600; display:none; background:#fff; border-top:1px solid var(--mcg-border); box-shadow:0 -6px 20px rgba(0,0,0,0.08); padding:10px 14px; gap:10px; }
.mcg-sticky-mobile .mcg-btn{ flex:1; padding:14px 10px; font-size:15px; }
@media (max-width:780px){ .mcg-sticky-mobile.is-enabled{ display:flex; } body{ padding-bottom:76px; } }

/* Footer */
.mcg-footer{ background:var(--mcg-navy-dark); color:#C9D4DD; padding:64px 0 30px; }
.mcg-footer h4{ color:#fff; font-size:16px; margin-bottom:16px; }
.mcg-footer a{ color:#B9C7D2; }
.mcg-footer a:hover{ color:#fff; }
.mcg-footer__grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; }
.mcg-footer__grid ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; font-size:14px; }
.mcg-footer__logo img{ max-height:40px; margin-bottom:14px; }
.mcg-footer__bottom{ border-top:1px solid rgba(255,255,255,0.1); margin-top:44px; padding-top:22px; font-size:12px; color:#8FA1AF; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.mcg-footer__disclaimer{ font-size:12px; color:#8FA1AF; max-width:900px; margin-top:10px; line-height:1.6; }
@media (max-width:900px){ .mcg-footer__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .mcg-footer__grid{ grid-template-columns:1fr; } }

/* Blog / archive */
.mcg-blog-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:26px; margin-top:30px; }
.mcg-blog-card{ background:#fff; border-radius:var(--mcg-radius); overflow:hidden; border:1px solid var(--mcg-border); box-shadow:var(--mcg-shadow-sm); }
.mcg-blog-card__img{ height:180px; background:linear-gradient(135deg,var(--mcg-teal-light),var(--mcg-gold-light)); }
.mcg-blog-card__body{ padding:22px; }
.mcg-blog-card__cat{ font-size:12px; font-weight:700; color:var(--mcg-teal); text-transform:uppercase; letter-spacing:.05em; }
.mcg-single__toc{ background:var(--mcg-teal-light); border-radius:14px; padding:20px 24px; margin:24px 0; }
.mcg-related{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
@media (max-width:800px){ .mcg-related{ grid-template-columns:1fr; } }

/* State grid */
.mcg-state-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; margin-top:24px; }
.mcg-state-grid a{ background:#fff; border:1px solid var(--mcg-border); border-radius:10px; padding:12px 14px; font-weight:600; font-size:14px; color:var(--mcg-navy); }
.mcg-state-grid a:hover{ border-color:var(--mcg-teal); color:var(--mcg-teal); }

/* Utility */
.mcg-center{ text-align:center; }
.mcg-mt-0{ margin-top:0; }
.mcg-mb-0{ margin-bottom:0; }