/* CLUUMO V24 — glitter-only pointer stars + V23 white-on-primary components.
   Final layer, loaded after V22. Does not change routes, pricing or checkout.
   Primary = #FD4901; light hero is #FFEDE4. */
:root { --cl-on-primary: #fff; }

/* V24: glitter-only cursor effect. Remove the soft blue/white aura entirely.
   Retain the star spans and their #FD4901 foreground in light and dark themes. */
body.home-page .bx-hero.cl-hero-cursor-enabled > .cl-hero-shimmer,
html[data-mode="dark"] body.home-page .bx-hero.cl-hero-cursor-enabled > .cl-hero-shimmer {
  pointer-events: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
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: #FD4901 !important;
}

/* The Google auth action is an intentionally primary-colored CTA (not an outline button).
   Keep the multicolor Google 'G' glyph intact, but always make its label white. */
html body:has(>.site-header) .auth-form a.cl-google-signin.btn:not(.btn-ghost):not(.btn-danger):not(.btn-link):not(.btn-wa),
html[data-mode="dark"] body:has(>.site-header) .auth-form a.cl-google-signin.btn:not(.btn-ghost):not(.btn-danger):not(.btn-link):not(.btn-wa) {
  background: #FD4901 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #FD4901 !important;
  box-shadow: none !important;
}
html body:has(>.site-header) .auth-form a.cl-google-signin.btn:not(.btn-ghost):not(.btn-danger):not(.btn-link):not(.btn-wa):is(:hover, :focus-visible),
html[data-mode="dark"] body:has(>.site-header) .auth-form a.cl-google-signin.btn:not(.btn-ghost):not(.btn-danger):not(.btn-link):not(.btn-wa):is(:hover, :focus-visible) {
  background: #CB3700 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #CB3700 !important;
}
body .auth-form .cl-google-signin svg { flex: none; stroke: none !important; }
body .auth-form .cl-google-signin svg path { stroke: none !important; }

/* Named brand-filled UI components on public and authenticated pages.
   Avoid overriding muted/lavender surfaces or semantic danger/success states. */
body :is(.cl-on-primary, .nav-badge, .badge-count, .chat-launcher,
         .chat-head, .chat-send, .gsource-plus, .mnav-choice.primary,
         .theme-seg button.on, .chip.on, .cmsg.me .cmsg-b) {
  color: var(--cl-on-primary) !important;
  -webkit-text-fill-color: var(--cl-on-primary) !important;
}
body :is(.cl-on-primary, .nav-badge, .badge-count, .chat-launcher,
         .chat-head, .chat-send, .gsource-plus, .mnav-choice.primary,
         .theme-seg button.on, .chip.on, .cmsg.me .cmsg-b) :is(svg, .ico) {
  color: #fff !important;
  stroke: currentColor;
}
/* Explicit primary button variants: black default CTAs stay unchanged. */
body :is(.btn-primary, .button-primary, .cl-on-primary.btn, .cl-on-primary.button),
body :is(.btn-primary, .button-primary, .cl-on-primary.btn, .cl-on-primary.button):is(:hover, :focus-visible) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Preserve black ink on the light-lavender page heads and the yellow hero. */
body:has(>.site-header) .page-head :is(h1, h2, h3, p),
body.home-page .bx-hero :is(h1, h2, h3, .home-hero-lead) { -webkit-text-fill-color: currentColor; }

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  body.home-page .bx-hero.cl-hero-cursor-enabled > .cl-hero-shimmer { display: none !important; }
}