/* MoodyMango – site-wide styles (cleaned) */
:root{
  --mango-light:#FFD166; --mango-mid:#FF9A3D; --mango-dark:#E76F51;
  --leaf-green:#2A9D8F; --dark:#264653; --light:#F8F9FA;
  --mm-header-h:84px;
  --font-chewy:'Chewy',cursive; --font-poppins:'Poppins',sans-serif;
}

/* Base fonts */
body,p,li,a,span,input,textarea,button{font-family:var(--font-poppins)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-poppins);font-weight:700}
.mango-font{font-family:var(--font-chewy)}
html{scroll-behavior:smooth}
img,video{max-width:100%;height:auto}
iframe{width:100%;aspect-ratio:16/9}

/* Layout container (all pages) */
.container{max-width:1200px;margin:0 auto;padding-left:clamp(12px,2vw,20px);padding-right:clamp(12px,2vw,20px)}

/* ===== Header ===== */
.mm-header-wrap{
  position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;
  background:linear-gradient(135deg,var(--leaf-green) 0%,var(--mango-dark) 100%);
  color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);
  padding-left:20px;padding-right:20px
}
.mm-header-inner{display:flex;align-items:center;gap:16px}
.logo{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.logo-text{font-size:2rem;font-weight:700;color:#fff;text-decoration:none}
.logo .mango{color:var(--mango-light);text-shadow:2px 2px 0 var(--mango-dark)}

.mm-header-nav{flex:1 1 auto;min-width:0}
.mm-header-nav .mm-nav-list{
  display:flex;align-items:center;justify-content:flex-end;
  gap:clamp(12px,2vw,20px);flex-wrap:nowrap;margin:0;padding:0;list-style:none
}
.mm-header-nav a{
  color:#fff;text-decoration:none;font-weight:500;padding:6px 10px;border-radius:4px;
  font-size:clamp(.92rem,.9vw,1rem);white-space:nowrap;transition:background .3s ease
}
.mm-header-nav a:hover{background:rgba(255,255,255,.15)}

/* Hamburger button */
.mm-menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.mm-burger,.mm-burger::before,.mm-burger::after{
  display:block;width:26px;height:2px;background:#fff;position:relative;border-radius:2px;content:""
}
.mm-burger::before{position:absolute;left:0;top:-8px;content:""}
.mm-burger::after{position:absolute;left:0;top:8px;content:""}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Admin bar pushes the fixed header down */
.admin-bar .mm-header-wrap{top:32px}
@media (max-width:782px){.admin-bar .mm-header-wrap{top:46px}}

/* Reserve space below the fixed header for ALL templates (block + PHP) */
.wp-site-blocks, main#primary, #primary{padding-top:var(--mm-header-h)}
.admin-bar .wp-site-blocks,
.admin-bar main#primary,
.admin-bar #primary{padding-top:calc(var(--mm-header-h) + 32px)}
@media (max-width:782px){
  .admin-bar .wp-site-blocks,
  .admin-bar main#primary,
  .admin-bar #primary{padding-top:calc(var(--mm-header-h) + 46px)}
}

/* Wider screen header padding */
@media (min-width:1200px){.mm-header-wrap{padding-left:40px;padding-right:40px}}

/* ===== Nav breakpoint (single, non-conflicting) ===== */
@media (max-width:1360px){
  :root{--mm-header-h:96px}     /* a touch taller when toggle shows */
  .mm-menu-toggle{display:block}

  .mm-header-nav{
    display:none;position:fixed;top:var(--mm-header-h);left:0;right:0;
    background:linear-gradient(135deg,var(--leaf-green) 0%,var(--mango-dark) 100%);
    padding:16px 20px;box-shadow:0 8px 20px rgba(0,0,0,.2)
  }
  .mm-header-nav.is-open{display:block}
  .mm-header-nav .mm-nav-list{flex-direction:column;align-items:flex-start;gap:14px}
  body.mm-nav-open{overflow:hidden}
}

/* Desktop keeps inline menu */
@media (min-width:1361px){
  .mm-menu-toggle{display:none}
  .mm-header-nav{display:block !important;position:static;padding:0;box-shadow:none}
}

/* Small phones */
@media (max-width:480px){
  :root{--mm-header-h:100px}
  .logo-text{font-size:1.6rem}
}

/* ===== Footer (site-wide) ===== */
.mm-footer-wrap{
  background:linear-gradient(135deg,var(--dark) 0%,#1a3340 100%);
  color:#fff;padding:80px 20px 30px;position:relative
}
@media (min-width:1200px){.mm-footer-wrap{padding-left:40px;padding-right:40px}}
.footer-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:40px;margin-bottom:40px
}
.footer-column h3{margin-bottom:25px;position:relative;padding-bottom:15px;font-size:1.5rem}
.footer-column h3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--mango-mid)}
.footer-column ul{list-style:none;margin:0;padding:0}
.footer-column li{margin-bottom:12px}
.footer-column a{color:#cbd5e1;text-decoration:none;transition:.3s;display:inline-block}
.footer-column a:hover{color:var(--mango-light);transform:translateX(5px)}

/* Extra breathing room above footer on non-home views */
body:not(.home) .wp-site-blocks,
body:not(.home) main#primary,
body:not(.home) #primary{padding-bottom:80px}

/* site.css :root */
:root{
  --mango-light:#FFD166; --mango-mid:#FF9A3D; --mango-dark:#E76F51;
  --leaf-green:#2A9D8F; --dark:#264653; --light:#F8F9FA;
  --stem-brown:#6D4C3D;           /* <-- add this */
  --mm-header-h:84px;
  --font-chewy:'Chewy',cursive; --font-poppins:'Poppins',sans-serif;
}
.hero .cta-button { margin-top: 14px; }

/* Mango CTA – works on plain <a class="cta-button"> and Gutenberg Button blocks */
a.cta-button,
.wp-block-button .wp-block-button__link.cta-button,
.wp-block-button .wp-block-button__link {
  appearance: none;
  background: var(--mango-mid) !important;
  color: #fff !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 50px !important;
  font-weight: 600;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: 0 4px 10px rgba(231,111,81,.3);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

a.cta-button:hover,
.wp-block-button .wp-block-button__link.cta-button:hover,
.wp-block-button .wp-block-button__link:hover {
  background: var(--mango-dark) !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(231,111,81,.4);
}

/* Optional: a little breathing room in the hero */
.hero .cta-button,
.hero .wp-block-button .wp-block-button__link { margin-top: 14px; }

<style> .mm-nav button, .mm-submit { display: inline-block !important; visibility: visible !important; } </style>

.mm-remarks label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--mm-card);
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}
@media (prefers-color-scheme: dark) {
  .mm-remarks label { border-color: #243247; }
}
.mm-privacy-note {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 12px;
}
@media (prefers-color-scheme: dark){
  .mm-privacy-note { background:#0c1a28; border-color:#243247; }
}

/* free-resources-css */
  .free-resources{
    padding:80px 0;
    background:linear-gradient(180deg, var(--mm-cream, #fff8ef) 0%, #ffffff 60%);
  }
  .fr-grid{
    max-width:1100px;margin:24px auto 0;
    display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  }
  .fr-card{
    background:#fff;border:1px solid rgba(12,36,54,.08);border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.06);padding:22px 20px;
  }
  .fr-card header h3{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--mm-deep,#0c2436)}
  .fr-sub{margin:0;color:#6b7280;font-size:.95rem}
  .fr-list{margin:14px 0 0;padding-left:18px;color:#111827}
  .fr-list li{margin:8px 0}
  .fr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
  .fr-ghost{
    background:transparent;border:2px solid var(--mm-primary,#0f8a83);color:var(--mm-primary,#0f8a83)
  }
  .fr-ghost:hover{background:rgba(15,138,131,.06)}
  .fr-note{
    max-width:980px;margin:28px auto 0;padding:12px 16px;border-radius:12px;
    background:#fff;border:1px dashed rgba(12,36,54,.15);color:#374151
  }
  @media (prefers-color-scheme: dark){
    .free-resources{background:#0b1724}
    .fr-card{background:#0f1f30;border-color:rgba(255,255,255,.06)}
    .fr-sub,.fr-list li,.fr-note{color:#e5e7eb}
    .fr-note{background:#0b1724;border-color:rgba(255,255,255,.12)}
  }


/* ===== Reusable button for Free Resources cards ===== */
/* Free Resources – solid button that beats theme link styles */
.free-resources .fr-card .fr-actions a.mm-btn.mm-btn {
  /* specificity bump by repeating class */
  display: inline-block;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1;               /* keeps pill compact */
  text-decoration: none;        /* remove underline */
  text-align: center;
  vertical-align: middle;
  cursor: pointer;

  background-color: #0f8a83;    /* teal */
  color: #ffffff;               /* white text */
  border: 0;
  background-image: none;
  appearance: none;

  box-shadow: 0 6px 16px rgba(15,138,131,.22);
  transition: transform .15s ease, filter .15s ease, box-shadow .2s ease;
}

.free-resources .fr-card .fr-actions a.mm-btn.mm-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.free-resources .fr-actions {
  margin-top: 14px;
  text-align: right;            /* center? -> change to center */
}