/* Cluumo V18 unified public design | Maintains all marketplace/business logic.
   Load LAST after V10, V14. Colors: primary #FD4901, secondary #FFFA56, pale peach hero #FFEDE4,
   informational lavender #DCD3F7. Light surfaces use nearly black copy. */
:root{--cl-v18-primary:#FD4901;--cl-v18-yellow:#fffa56;--cl-v18-lavender:#dcd3f7;--cl-v18-black:#111111}
body:has(>.site-header){
  --cl-brand-accent:var(--cl-v18-primary)!important;
  --cl-hero-yellow:var(--cl-home-hero-color,#FFEDE4)!important;
  --brand:var(--cl-v18-primary)!important;
  --brand-soft:#FFEDE4!important;
  --brand-ink:#B53000!important;
  --btn-bg:var(--cl-v18-primary)!important;
  --btn-text:#ffffff!important;
  --link:#111111!important;
  --cl-type-text:'Cluumo Frama Text','Manrope','Figtree',sans-serif;
  --cl-type-display:'Cluumo Frama Display','Manrope','Bricolage Grotesque',sans-serif;
  --body:var(--cl-type-text)!important;
  --display:var(--cl-type-display)!important;
  font-family:var(--cl-type-text)!important;
}
/* Never force black on dark surfaces: light regions get dark ink, dark regions light ink. */
html:not([data-mode='dark']) body:has(>.site-header){color:var(--cl-v18-black)!important}
html:not([data-mode='dark']) body:has(>.site-header) :is(.page-head,.page-head h1,.page-head h2,.page-head p,.page-head a,.page-head .crumbs,.page-head .small,.page-head .chip){color:var(--cl-v18-black)!important}
html:not([data-mode='dark']) body:has(>.site-header) .page-head{background:var(--cl-v18-lavender)!important}
html:not([data-mode='dark']) body:has(>.site-header) .page-head .chip.on{background:var(--cl-v18-primary)!important;color:#fff!important;border-color:transparent!important}
body:has(>.site-header) :is(.btn:not(.btn-ghost):not(.btn-dark):not(.btn-danger):not(.btn-wa),.plan .btn:not(.btn-ghost),.cl-install-action){background:var(--cl-v18-primary)!important;color:#fff!important}
body:has(>.site-header) .site-header .header-actions .btn,
body:has(>.site-header) .site-header .header-actions .btn:hover,
body:has(>.site-header) .mnav .btn{background:var(--cl-v18-primary)!important;color:#fff!important}
body:has(>.site-header) :is(.save-pill,.cl-official-label){background:var(--cl-v18-lavender)!important;color:#111!important}
body:has(>.site-header) .plan .save-pill{background:var(--cl-v18-lavender)!important;color:#111!important}
body:has(>.site-header) .plan .btn{background:var(--cl-v18-primary)!important;color:#fff!important}
body:has(>.site-header) a:hover{color:var(--cl-v18-primary)}
body:has(>.site-header) :is(.plan,.card,.tool-card,.group-card,.editorial-step,.home-tool-tile){box-shadow:none!important}
/* Tight, consistent public-page typography without changing functional dashboard controls. */
body:has(>.site-header) :is(h1,h2,h3,h4,.page-head h1,.page-title,.plan-name){font-family:var(--cl-type-display)!important;letter-spacing:-.045em}
body:has(>.site-header) :is(p,li,blockquote,button,input,textarea,select,label,.footer-col a){font-family:var(--cl-type-text)}
body:has(>.site-header) .site-header .main-nav :is(a,button){font-family:var(--cl-type-text)!important}
body:has(>.site-header) :is(h1,h2) em{font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;font-style:italic!important}

/* Wide, nearly edge-to-edge footer with the same real links and CMS titles. */
body:has(>.site-header) > .site-footer.site-footer{
  width:100%!important;max-width:none!important;margin:0!important;
  background:#13242b!important;color:#111!important;
  padding:28px clamp(12px,1.45vw,26px) 24px!important;
}
body:has(>.site-header) > .site-footer .footer-grid{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:36px clamp(18px,2.1vw,42px)!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:52px clamp(24px,6.5vw,118px) 32px!important;
  background:#fff!important;color:#111!important;
  border-radius:24px 24px 0 0!important;border:0!important;box-shadow:none!important;
}
body:has(>.site-header) > .site-footer .footer-col{grid-column:auto!important;grid-row:1!important;min-width:0!important}
body:has(>.site-header) > .site-footer .footer-brand{
  grid-column:1/-1!important;grid-row:2!important;color:#111!important;
  border-top:1px solid #d8dbdd!important;padding-top:30px!important;
}
body:has(>.site-header) > .site-footer .footer-title,
body:has(>.site-header) > .site-footer .footer-col a,
body:has(>.site-header) > .site-footer .footer-brand :is(p,a,.logo-text),
body:has(>.site-header) > .site-footer .footer-base{color:#111!important}
body:has(>.site-header) > .site-footer .footer-col a:hover{color:var(--cl-v18-primary)!important}
body:has(>.site-header) > .site-footer .footer-base{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:20px clamp(24px,6.5vw,118px) 42px!important;
  background:#fff!important;color:#333!important;
  border-radius:0 0 24px 24px!important;box-shadow:none!important;
}
body:has(>.site-header) > .site-footer .cl-social-icon{color:#111!important;background:#eff0f4!important}

/* HERO: pale peach light theme, no gap under the moving cards, desktop overlay retained. */
html:not([data-mode='dark']) body.home-page .bx-hero{background:var(--cl-home-hero-color,#FFEDE4)!important;color:#111!important}
body.home-page .bx-hero{
  padding-bottom:0!important;display:flex;flex-direction:column;
  overflow:hidden!important;isolation:isolate;
}
body.home-page .bx-hero .bx-hero-content{width:100%;flex:none}
body.home-page .bx-hero-down{
  order:2;margin:24px auto 4px!important;position:relative;z-index:3;
  color:inherit!important;line-height:1.5;flex:none;
}
body.home-page .bx-showcase{
  order:3;box-sizing:border-box;margin:0 auto!important;
  min-height:303px!important;height:303px!important;max-height:none!important;
  padding:1px 0 0!important;overflow:hidden!important;flex:none;
}
body.home-page .bx-showcase-track{margin:0!important;padding:0!important}
body.home-page .bx-poster{height:303px!important;box-shadow:none!important}
body.home-page .home-hero-cta a,
body.home-page .home-main-search button{box-shadow:none!important}
body.home-page .home-main-search button,
body.home-page .home-primary-action{background:#151919!important;color:#fff!important}
body.home-page .home-secondary-action{background:transparent!important;color:#111!important}
body.home-page .bx-hero .hx-heading-accent{color:inherit!important}
body.home-page .home-tool-tile:hover{box-shadow:none!important}
body.home-page .home-groups-section .plan .btn{background:var(--cl-v18-primary)!important;color:#fff!important}
body.home-page .home-groups-section .plan .btn:hover{background:#474ce2!important;color:#fff!important}
/* Lavender blocks remain lavender. */
body.home-page .bx-host-summary,
body.home-page .bx-host-summary>div{background:var(--cl-v18-lavender)!important;color:#111!important}
body.home-page .bx-host-summary :is(strong,p,span){color:#111!important}
/* Deep purple group block is intentionally not recolored. */
body.home-page .home-groups-section{background:#261b45!important;color:#fff!important}
body.home-page .home-groups-section .editorial-head :is(h2,h2 em,.editorial-eyebrow,p),
body.home-page .home-groups-section .editorial-link{color:#fff!important}
@media(min-width:1120px){
 body.home-page .bx-hero.bx-overlay-on{position:sticky!important;top:0!important;z-index:0!important}
 body.home-page #main>section:not(.bx-hero){position:relative!important;z-index:2!important;border-radius:0!important}
}
@media(max-width:1119px){
 body.home-page .bx-hero{position:relative!important}
 body.home-page .bx-showcase{height:260px!important;min-height:260px!important}
 body.home-page .bx-poster{height:260px!important}
 body:has(>.site-header)>.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:has(>.site-header)>.site-footer .footer-col{grid-column:auto!important;grid-row:auto!important}
 body:has(>.site-header)>.site-footer .footer-brand{grid-column:1/-1!important;grid-row:auto!important}
}
@media(max-width:650px){
 body.home-page .bx-hero-down{margin:18px auto 5px!important}
 body.home-page .bx-showcase{height:220px!important;min-height:220px!important;max-height:none!important}
 body.home-page .bx-poster{height:220px!important}
 body:has(>.site-header)> .site-footer.site-footer{padding:12px 10px!important}
 body:has(>.site-header)>.site-footer .footer-grid{padding:31px 22px 18px!important;gap:26px 18px!important;border-radius:20px 20px 0 0!important}
 body:has(>.site-header)>.site-footer .footer-base{padding:16px 22px 25px!important;border-radius:0 0 20px 20px!important}
}
/* Dark mode: correct low-contrast legacy copy, keep black on actual light cards. */
html[data-mode='dark'] body:has(>.site-header){--link:#F5E5DB!important;--brand-soft:#4F382B!important;color:#FAF8F7!important}
html[data-mode='dark'] body:has(>.site-header) .page-head{
  background:#F3E1D7!important;color:#111!important;
}
html[data-mode='dark'] body:has(>.site-header) .page-head :is(h1,h2,h3,p,a,.crumbs,.small,.chip){color:#111!important}
html[data-mode='dark'] body:has(>.site-header) .page-head .chip.on{background:var(--cl-v18-primary)!important;color:#fff!important}
html[data-mode='dark'] body:has(>.site-header) :is(.plan,.card,.tool-card,.group-card){color:#FDFAF8!important}
html[data-mode='dark'] body:has(>.site-header) .plan :is(.plan-name,.price,.small,.plan-foot){color:#FDFAF8!important}
html[data-mode='dark'] body:has(>.site-header) :is(.plan .plan-savings,.plan .save-pill,.plan .cl-official-label){background:#F3E1D7!important;color:#111!important}
html[data-mode='dark'] body:has(>.site-header) .plan .plan-savings :is(strong,.plan-savings-pct){color:#111!important}
html[data-mode='dark'] body:has(>.site-header) .plan .btn{background:#FD4901!important;color:#fff!important}
html[data-mode='dark'] body.home-page .bx-hero{background:#2E211A!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .bx-hero :is(.bx-overline,.home-hero-lead,h1,.hx-heading-line,.hx-heading-accent,.bx-hero-down){color:#FCF9F8!important;-webkit-text-fill-color:currentColor!important}
html[data-mode='dark'] body.home-page .home-main-search{background:#fff!important;color:#111!important}
html[data-mode='dark'] body.home-page .home-main-search :is(input,svg){color:#111!important}
html[data-mode='dark'] body.home-page .home-secondary-action{color:#FCF9F8!important;border-color:#CEBAAE!important}
html[data-mode='dark'] body.home-page .home-tools-section,
html[data-mode='dark'] body.home-page .bx-how{background:#2C1F18!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page :is(.editorial-head,.editorial-heading-copy,.editorial-head h2,.editorial-head h2 em,.editorial-heading-copy>p,.editorial-eyebrow){color:inherit!important}
html[data-mode='dark'] body.home-page .home-tools-section :is(h2,p,.editorial-eyebrow),
html[data-mode='dark'] body.home-page .bx-how :is(h2,p,.editorial-eyebrow){color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .home-tool-tile,
html[data-mode='dark'] body.home-page .editorial-step,
html[data-mode='dark'] body.home-page .bx-faq-item{background:#483428!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .home-tool-tile :is(.home-tool-title,.home-tool-category,.home-tool-meta),
html[data-mode='dark'] body.home-page .editorial-step :is(h3,p,.step-num),
html[data-mode='dark'] body.home-page .bx-faq-item :is(summary,.faq-answer){color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .home-tool-searchbox{background:#483428!important}
html[data-mode='dark'] body.home-page .home-tool-searchbox input{color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .home-tool-searchbox input::placeholder{color:#DDD5D0!important}
html[data-mode='dark'] body.home-page .home-category-chip{background:#483428!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .home-category-chip span{background:#FD4901!important;color:#fff!important}
html[data-mode='dark'] body.home-page .home-groups-section .editorial-head :is(h2,h2 em,p,.editorial-eyebrow),
html[data-mode='dark'] body.home-page .home-groups-section .editorial-link{color:#fff!important}
html[data-mode='dark'] body.home-page .home-groups-section .plan{background:#43332A!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .bx-host-summary :is(strong,p,span){color:#111!important}
html[data-mode='dark'] body:has(>.site-header)> .site-footer .footer-grid,
html[data-mode='dark'] body:has(>.site-header)> .site-footer .footer-base{background:#3C2C22!important;color:#FCF9F8!important}
html[data-mode='dark'] body:has(>.site-header)> .site-footer :is(.footer-title,.footer-col a,.footer-brand p,.footer-brand a,.footer-brand .logo-text,.footer-base){color:#FCF9F8!important}
html[data-mode='dark'] body:has(>.site-header)> .site-footer .footer-col a:hover{color:#F5E5DB!important}
html[data-mode='dark'] body:has(>.site-header)> .site-footer .cl-social-icon{background:#554034!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body.home-page .bx-poster{transition:none!important}}

/* Final dark surface contrast (defeats older fixed-color declarations). */
html[data-mode='dark'] body:has(>.site-header)> .site-header .header-row{background:#3C2A20!important;border-color:rgba(255,255,255,.12)!important}
html[data-mode='dark'] body:has(>.site-header)> .site-header :is(.logo-text,.main-nav a,.main-nav .nav-drop-btn,.header-actions .link-strong,.theme-toggle){color:#FDFAF9!important}
html[data-mode='dark'] body:has(>.site-header)> .site-header :is(.header-actions .btn,.header-actions .btn:hover){color:#fff!important;background:#FD4901!important}
html[data-mode='dark'] body.home-page .home-groups-section .plan .plan-savings{background:#F3E1D7!important;color:#111!important}
html[data-mode='dark'] body.home-page .home-groups-section .plan .plan-savings :is(strong,.plan-savings-pct){color:#111!important}
html[data-mode='dark'] body.home-page .bx-faq .bx-faq-item[open]{background:#5A4335!important;color:#FCF9F8!important}
html[data-mode='dark'] body.home-page .bx-faq .bx-faq-item[open] :is(summary,.faq-answer){color:#FCF9F8!important}