/* Cluumo V26: primary #FD4901, light-theme hero #FFEDE4.
   Loaded after V25. Preserves lavender #DCD3F7 on group/page-header sections.
   Decorative primary-colored elements use white foreground. */
:root{
  --cl-primary:#FD4901;
  --cl-primary-hover:#CB3700;
  --cl-primary-soft:#FFEDE4;
}
body,html[data-mode="dark"] body{
  --brand:var(--cl-primary);
  --brand-soft:#FFEDE4;
  --brand-ink:#B53000;
}
html[data-mode="dark"] body{--brand-soft:#4D2218;--brand-ink:#FFD1BF}
/* Current hero setting is saved separately in Homepage Studio. */
html:not([data-mode="dark"]) body.home-page #main > section.bx-hero.home-hero,
html:not([data-mode="dark"]) body.home-page .bx-hero {
  background:var(--cl-home-hero-color,#FFEDE4)!important;
  color:#111!important;
}
/* Fixed legacy literals for primary-colored components (not black CTAs). */
body:has(>.site-header) :is(.nav-badge,.badge-count,.chat-launcher,.chat-send,.gsource-plus),
body.app :is(.nav-badge,.badge-count,.chat-launcher,.chat-send,.gsource-plus),
body :is(.theme-seg button.on,.chip.on:not(.page-head .chip.on)) {
  background:var(--cl-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body :is(.nav-badge,.badge-count,.chat-launcher,.chat-send,.gsource-plus,.theme-seg button.on) :is(svg,.ico){color:#fff!important;stroke:currentColor!important}
body :is(.chat-launcher,.chat-send):is(:hover,:focus-visible){background:var(--cl-primary-hover)!important;color:#fff!important}
body:has(>.site-header) .page-head .chip.on,
body.app .dash-main :is(.chip.on,.theme-seg button.on){background:var(--cl-primary)!important;color:#fff!important;border-color:var(--cl-primary)!important}
/* Preserve black CTAs, but give them an orange hover with white labels. */
body:has(>.site-header) .btn:not(.btn-ghost):not(.btn-danger):not(.btn-wa):is(:hover,:focus-visible),
body.home-page .home-main-search button:is(:hover,:focus-visible),
body.home-page .home-primary-action:is(:hover,:focus-visible),
body.home-page .home-secondary-action:is(:hover,:focus-visible),
body.home-page .home-groups-section .plan .btn:is(:hover,:focus-visible),
body.app .dash-main .btn:not(.btn-ghost):not(.btn-danger):not(.btn-wa):is(:hover,:focus-visible){
  background:var(--cl-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
/* Google sign in/up stays primary-filled at rest as previously specified. */
html body:has(>.site-header) .auth-form a.cl-google-signin.btn,
html[data-mode="dark"] body:has(>.site-header) .auth-form a.cl-google-signin.btn{
  background:var(--cl-primary)!important;border-color:var(--cl-primary)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body:has(>.site-header) .auth-form a.cl-google-signin.btn:is(:hover,:focus-visible){
  background:var(--cl-primary-hover)!important;border-color:var(--cl-primary-hover)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Sparkle-only cursor: recolor the existing four stars, never restore the aura. */
body.home-page .bx-hero.cl-hero-cursor-enabled .cl-hero-shimmer span::before,
body.home-page .bx-hero.cl-hero-cursor-enabled .cl-hero-shimmer span::after {
  background:var(--cl-primary)!important;
}
body.home-page .bx-hero.cl-hero-cursor-enabled > .cl-hero-shimmer{
  background:none!important;background-image:none!important;box-shadow:none!important;
}
/* Hard stop: retain lavender discovery / page headers with dark type. */
html body.home-page #main .home-groups-section,
html[data-mode="dark"] body.home-page #main .home-groups-section,
body:has(>.site-header) .page-head,
html[data-mode="dark"] body:has(>.site-header) .page-head{
  background:#F3E1D7!important;color:#111!important;
}