/* ============================================================
   MANGO STUDIO — rebrand override for the Catalis template
   Loaded AFTER the template CSS, so :root redefinitions win.
   ============================================================ */
:root{
  /* Accent: template blue -> Mango orange */
  --base--blue:#F97316;
  --base--blue-dark:#e2620a;
  /* Dark-section accents -> Mango */
  --new-base---accent-cyan:#F97316;
  --new-base---accent-sky:#F97316;
  --new-base---accent-indigo:#5b2b6e;
  --new-base---accent-violet:#5b2b6e;
  /* Typography: Caslon/Roboto -> Viga (display) + Poppins (body) */
  --_typography---font-family--headers:"Viga","Poppins",sans-serif;
  --_typography---font-family--body:"Poppins",sans-serif;
}
body{font-family:"Poppins",sans-serif;}
/* Viga is a single-weight display face: reset Caslon's tight tracking */
h1,h2,h3,h4,h5,h6,[class*="heading-style"]{
  letter-spacing: normal !important;
  font-weight: 400 !important;
}
/* Mango wordmark sizing */
.navbar_logo,.footer_logo{ height:38px !important; width:auto !important; }

/* ---- Headings: Viga for display, Poppins for smaller ---- */
h1,h2,h3,[class*="heading-style-h1"],[class*="heading-style-h2"],[class*="heading-style-h3"]{
  font-family:"Viga","Poppins",sans-serif !important;
}
h4,h5,h6{ font-family:"Poppins",sans-serif !important; font-weight:600 !important; }
/* ---- Primary CTA buttons -> Mango orange ---- */
.button_component,.new-base--t-button{ background-color:#F97316 !important; border-color:#F97316 !important; }
.button_component .button_text,.button_component *,.new-base--t-button *{ color:#fff !important; }
/* ---- Nav links: ink, never blue ---- */
.nav_links,.nav_link-dropdown a{ color:#1d1d1d !important; }
/* ---- Generic: orange links in body content ---- */
.text-color-blue,[class*="text-color-blue"]{ color:#F97316 !important; }

/* Emphasized words in headings -> Mango orange highlight, Viga, no Caslon italic */
h1 em,h1 i,h2 em,h2 i,h3 em,h3 i,[class*="heading-style"] em,[class*="heading-style"] i{
  font-style:normal !important;
  font-family:"Viga","Poppins",sans-serif !important;
  color:#F97316 !important;
}
/* Remove Webflow attribution badge */
.w-webflow-badge{ display:none !important; }

/* Blue section bands -> Mango plum->orange gradient */
.benefits_wrap,.pricing_wrap{
  background-image:linear-gradient(135deg,#5b2b6e 0%,#F97316 100%) !important;
}
/* small blue decorative icons inside cards -> mango */
.pricing_icon{ background-color:#F97316 !important; }

/* ===== Mango custom sections (marquee + FAQ) for the template ===== */
.mango-section{padding:clamp(3rem,6vw,5rem) 1.25rem;background:#fffcf7;}
.mango-container{max-width:1180px;margin:0 auto;}
.mango-narrow{max-width:820px;}
.mango-eyebrow{text-align:center;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a4b8c;font-size:.8rem;margin-bottom:1.3rem;font-family:"Poppins",sans-serif;}
.mango-h2{text-align:center;font-family:"Viga","Poppins",sans-serif;color:#5b2b6e;font-size:clamp(1.9rem,4vw,2.8rem);margin:.2rem 0 2rem;}
.mango-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);}
.mango-track{display:flex;width:max-content;align-items:center;animation:mango-scroll 42s linear infinite;}
.mango-track .chip{flex:none;margin-right:1rem;display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:54px;padding:.6rem 1.2rem;background:#fff;border:1px solid rgba(31,36,48,.1);border-radius:999px;}
.mango-track .chip img{height:26px;width:auto;}
.mango-marquee:hover .mango-track{animation-play-state:paused;}
@keyframes mango-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mango-faq{display:flex;flex-direction:column;gap:.8rem;}
.mango-faq details{background:#fff;border:1px solid rgba(31,36,48,.1);border-radius:16px;}
.mango-faq summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-weight:600;color:#5b2b6e;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:"Poppins",sans-serif;}
.mango-faq summary::-webkit-details-marker{display:none;}
.mango-faq summary::after{content:"+";color:#F97316;font-size:1.5rem;line-height:1;}
.mango-faq details[open] summary::after{content:"\2013";}
.mango-faq p{margin:0;padding:0 1.3rem 1.2rem;color:#1f2430;font-family:"Poppins",sans-serif;}
@media (prefers-reduced-motion:reduce){.mango-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;gap:.8rem}.mango-marquee{-webkit-mask-image:none;mask-image:none}}

/* Sizing: our images keep proportions inside template slots (no stretching) */
img[src*="/mango-assets/clients/"]{ object-fit:cover; object-position:center; }
img{ max-width:100%; }