/**
 * ORION site theme (default)
 * Warm cream canvas · burgundy CTAs (#8c2a3a) · soft ivory cards
 * Matched to homepage reference (light luxury astrology UI).
 * Loaded last on every page.
 */

:root {
  /* Canvas — Dawn Vedic (orion-design-system) */
  --bg-primary: #F6F1E7 !important;
  --bg-secondary: #EFE7D6 !important;
  --bg-card: #FFFDF8 !important;
  --bg-glass: rgba(255, 253, 248, 0.94) !important;
  --bg-card-gradient: linear-gradient(165deg, #FFFDF8 0%, #F6F1E7 100%) !important;
  --surface: #FFFDF8 !important;
  --surface-strong: #ffffff !important;
  --bg: #F6F1E7 !important;
  --bg-page: #F6F1E7 !important;

  /* Shared semantic result colors.
     "normal" is the neutral/default tier every un-statused tag, pill and
     badge falls back to (via --gold-tag / --status-soft), so while it stayed
     electric blue from the old dark theme it tinted chips site-wide. It is
     the Dawn bronze/amber now; "excellent" moves off violet onto the brand
     maroon. "good" and "low" keep conventional green/rose semantics. */
  --status-normal: #8A5A0D;
  --status-normal-bright: #E8A33D;
  --status-normal-soft: rgba(232, 163, 61, 0.14);
  --status-normal-border: rgba(186, 117, 23, 0.4);
  --status-normal-glow: 0 0 14px rgba(232, 163, 61, 0.18);

  --status-good: #24784E;
  --status-good-bright: #3db87a;
  --status-good-soft: rgba(47, 158, 102, 0.12);
  --status-good-border: rgba(47, 158, 102, 0.4);
  --status-good-glow: 0 0 14px rgba(47, 158, 102, 0.16);

  --status-excellent: #8C2A3A;
  --status-excellent-bright: #A8384A;
  --status-excellent-soft: rgba(140, 42, 58, 0.12);
  --status-excellent-border: rgba(140, 42, 58, 0.4);
  --status-excellent-glow: 0 0 14px rgba(140, 42, 58, 0.16);

  --status-low: #A63A55;
  --status-low-bright: #d66a86;
  --status-low-soft: rgba(196, 74, 106, 0.12);
  --status-low-border: rgba(196, 74, 106, 0.4);
  --status-low-glow: 0 0 14px rgba(196, 74, 106, 0.16);

  --surface-page: #f7f0e6;
  --surface-card: #fffcf8;
  --surface-card-raised: #ffffff;
  --surface-muted: rgba(60, 40, 30, 0.04);
  --border-default: rgba(120, 90, 70, 0.16);

  --system-error: #c0392b;
  --system-warning: #c47a12;

  --text-primary: #2A2117 !important;
  --text-secondary: #6B5A44 !important;
  --text-muted: #9C8D75 !important;
  --muted: #9C8D75 !important;
  --text-soft: #6B5A44 !important;
  --text-dark: #2A2117 !important;
  --text-light: #FBEEE8 !important;
  --text: #2A2117 !important;
  --cream: #F6F1E7 !important;
  --white: #ffffff !important;

  /* Brand — maroon from Dawn Vedic reference */
  --brand: #8C2A3A !important;
  --brand-hover: #7A2230 !important;
  --brand-deep: #6A1C28 !important;
  --brand-soft: rgba(140, 42, 58, 0.12) !important;
  --brand-glow: rgba(140, 42, 58, 0.22) !important;
  --brand-rgb: 140, 42, 58;
  --hover-border: #8C2A3A !important;
  --hover-border-soft: rgba(140, 42, 58, 0.4) !important;
  --accent-maroon: #8C2A3A !important;
  --accent-maroon-hover: #7A2230 !important;
  --accent-saffron: #E8A33D !important;

  --electric-blue: #8C2A3A !important;
  --electric-blue-bright: #7A2230 !important;
  --electric-blue-deep: #6A1C28 !important;
  --electric-blue-soft: rgba(140, 42, 58, 0.1) !important;
  --electric-blue-glow: rgba(140, 42, 58, 0.22) !important;

  --border-light: #E6DCC6 !important;
  --border-dark: #D8C9A8 !important;
  --border-color: #E6DCC6 !important;
  --border-gold: rgba(140, 42, 58, 0.3) !important;
  --gold-border: rgba(140, 42, 58, 0.3) !important;

  --accent-primary: #8C2A3A !important;
  --accent-hover: #7A2230 !important;
  --accent-contrast: #FBEEE8 !important;
  --accent-gold: #E8A33D !important;
  --accent-purple: #8C2A3A !important;
  --gold: #8C2A3A !important;
  --gold-light: #C45A6A !important;
  --navy: #2c241c !important;
  --navy-soft: #5c4f45 !important;
  --royal-blue: #8c2a3a !important;
  --icon-color: var(--text-secondary) !important;

  --success: #2f9e66 !important;
  --warning: var(--system-warning) !important;
  --danger: var(--system-error) !important;
  --error: var(--system-error) !important;
  --bg-status-success: rgba(47, 158, 102, 0.12) !important;
  --bg-status-warning: rgba(196, 122, 18, 0.12) !important;
  --bg-status-danger: rgba(192, 57, 43, 0.12) !important;

  --shadow-soft: 0 10px 28px rgba(60, 40, 30, 0.08) !important;
  --shadow-sm: 0 4px 14px rgba(60, 40, 30, 0.06) !important;
  --shadow-md: 0 12px 32px rgba(60, 40, 30, 0.1) !important;
  --shadow-strong: 0 18px 44px rgba(60, 40, 30, 0.14) !important;
  --shadow-glow: 0 0 22px rgba(140, 42, 58, 0.2) !important;

  --orion-ix-gold: #8c2a3a !important;
  --orion-ix-navy: #2c241c !important;
  --orion-ix-success: #2f9e66 !important;
  --orion-ix-error: #c0392b !important;

  /* Soft lavender for decorative zodiac marks (homepage wheel) */
  --cosmic-cyan: #8c2a3a;
  --cosmic-blue: #6b8cae;
  --cosmic-indigo: #8b7cf6;
  --cosmic-purple: #8b7cf6;
  --cosmic-magenta: #8c2a3a;
  --cosmic-pink: #c45a6a;
  --cosmic-violet: #8b7cf6;
  --cosmic-btn-grad: #8C2A3A;
  --cosmic-btn-grad-hover: #7A2230;
  --cosmic-card-border: #E6DCC6;

  color-scheme: light !important;
}

html {
  color-scheme: light !important;
  background: #F6F1E7 !important;
}

body,
body.home-page,
body.home-page--ref,
body.login-page,
body.profile-page,
body.chat-page,
body.subscription-page,
body.kundali-page,
body.timing-page,
body.forecast-page,
body.admin-body,
body.admin-system-page,
body.admin-login-page,
body[class*="-page"] {
  color: var(--text-secondary) !important;
  background-color: #F6F1E7 !important;
  background-image: none !important;
  background-attachment: scroll !important;
  min-height: 100% !important;
}

/* Soft warm wash — no dark space wallpaper */
body::before {
  display: block !important;
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    radial-gradient(ellipse 70% 50% at 90% 10%, rgba(255, 255, 255, 0.7), transparent 60%),
    radial-gradient(ellipse 50% 40% at 10% 80%, rgba(140, 42, 58, 0.04), transparent 55%),
    #F6F1E7 !important;
  background-image:
    radial-gradient(ellipse 70% 50% at 90% 10%, rgba(255, 255, 255, 0.65), transparent 60%),
    radial-gradient(ellipse 50% 40% at 10% 80%, rgba(140, 42, 58, 0.035), transparent 55%) !important;
}

body::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

@media (max-width: 720px) {
  body,
  body[class*="-page"] {
    background-attachment: scroll !important;
  }
}

@media (prefers-reduced-data: reduce) {
  body,
  body[class*="-page"] {
    background-image: none !important;
    background-color: #f7f0e6 !important;
  }
}

/* Surfaces */
.page-shell,
main,
.container {
  background: transparent !important;
  color: var(--text-secondary) !important;
}

.section,
section.section,
.tm-main,
.tm-hero {
  background: transparent !important;
}

/* Header / footer — light cream bar */
.site-header,
.site-footer {
  background: rgba(255, 252, 248, 0.92) !important;
  background-image: none !important;
  border-color: rgba(120, 90, 70, 0.12) !important;
  color: #1c1410 !important;
  box-shadow: 0 4px 18px rgba(60, 40, 30, 0.06) !important;
  backdrop-filter: blur(14px) !important;
}

.site-nav,
.site-nav__submenu {
  background: #FFFDF8 !important;
  border-color: #E6DCC6 !important;
  color: #2A2117 !important;
  box-shadow: 0 10px 28px rgba(58, 42, 18, 0.1) !important;
}

.site-nav a,
.site-nav .site-nav__toggle,
.site-nav .site-nav__parent,
.brand,
.brand-text strong,
.brand-text > span,
.brand-tagline,
.login-button,
.site-footer a,
.footer-grid a,
.footer-grid h3,
.footer-grid h4,
.footer-grid p {
  color: #2A2117 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.site-nav a:hover,
.site-nav a[aria-current="page"],
.site-nav a.is-current,
.site-nav .site-nav__toggle:hover,
.site-nav .site-nav__toggle[aria-expanded="true"],
.site-nav .site-nav__parent:hover,
.site-footer a:hover {
  color: #8C2A3A !important;
}

.site-nav a[aria-current="page"]::after {
  background: #8C2A3A !important;
}

.brand-mark,
.brand-mark::before,
.brand-mark::after {
  border-color: rgba(140, 42, 58, 0.45) !important;
  background: #fffcf8 !important;
  box-shadow: none !important;
}

.brand-mark-core,
.login-icon {
  color: #8c2a3a !important;
}

.menu-toggle,
.mobile-menu-toggle,
.mobile-menu-toggle.menu-toggle {
  background: #FFFDF8 !important;
  border: 1px solid #E6DCC6 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.menu-toggle span,
.mobile-menu-toggle span {
  background: #2A2117 !important;
}

/* Typography — dark ink on cream */
h1, h2, h3, h4, h5, h6,
.tm-lead,
.eyebrow,
[class*="title"],
[class*="heading"] {
  color: #1c1410 !important;
  text-shadow: none !important;
}

p, li, label, small, td, th, dd, dt,
.tm-muted,
[class*="muted"],
[class*="helper"],
[class*="hint"],
[class*="subtitle"],
[class*="lead"] {
  color: #5c4f45 !important;
  opacity: 1 !important;
}

a {
  color: #8c2a3a !important;
}

a:hover:not([class*="button"]):not(.btn),
a:focus-visible:not([class*="button"]):not(.btn) {
  color: #6e2030 !important;
}

.eyebrow,
.about-label {
  color: #8c2a3a !important;
  letter-spacing: 0.16em !important;
}

/* Cards / panels / forms — glass morphism */
.card,
.card-panel,
.info-card,
.service-card,
.pricing-card,
.testimonial-card,
.step-card,
.visual-card,
.faq-item,
.form-card,
.login-card,
.contact-form,
.tm-form,
.tm-report,
.tm-block,
.kundali-form,
.horoscope-form,
.lr-form,
.lr-report,
.chat-window,
.chat-sidebar-card,
.chat-center-panel,
.chat-right-panel,
.chat-left-sidebar,
.profile-card,
.profile-panel,
.admin-panel,
.subscription-plan-card,
.membership-overview-card,
.membership-detail-card,
.fr-card,
.fr-area,
.fr-quality,
.fr-timeline__item,
.hr-why,
.hr-report,
.hr-bar__row,
.hr-why__stats div,
article.card,
[class*="card"],
[class*="panel"],
dialog {
  background: #fffcf8 !important;
  background-image: none !important;
  color: #2c241c !important;
  border: 1px solid rgba(120, 90, 70, 0.14) !important;
  box-shadow: 0 10px 28px rgba(60, 40, 30, 0.07) !important;
  backdrop-filter: none !important;
}

/* Home service columns: neon glass cards (structure from home-ref.css) */
.hr-services__grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: clamp(0.65rem, 1.4vw, 1rem) !important;
}

.hr-service {
  background: linear-gradient(165deg, rgba(36, 48, 110, 0.55) 0%, rgba(12, 16, 40, 0.82) 100%) !important;
  background-image: linear-gradient(165deg, rgba(36, 48, 110, 0.55) 0%, rgba(12, 16, 40, 0.82) 100%) !important;
  color: #e8ecff !important;
  border: 1px solid rgba(129, 140, 248, 0.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(14px) !important;
}

[class*="card"] h1,
[class*="card"] h2,
[class*="card"] h3,
[class*="card"] h4,
[class*="card"] strong,
[class*="panel"] h1,
[class*="panel"] h2,
[class*="panel"] h3,
.fr-card__title,
.fr-area__head h3,
.fr-year__head h2 {
  color: #2c241c !important;
}

/* Inputs */
input,
select,
textarea {
  color: var(--text-primary) !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-secondary) !important;
  opacity: 0.65 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent-gold) !important;
  box-shadow: 0 0 0 3px rgba(232, 163, 61, 0.25) !important;
  outline: none !important;
}

/* Primary CTA — solid burgundy (matches homepage reference) */
.button-primary,
.button-dark,
.submit-button,
.report-track-button,
.pricing-button,
.login-continue-button,
.login-guest-button,
.header-auth-button,
.header-chat-button,
.hr-btn--primary,
.chat-floating-button,
.bcd-button,
.bcd-button--primary,
.bcd-button--light,
input[type="submit"],
button[type="submit"],
.button:not(.button-secondary):not(.report-close-button):not(.report-copy-button):not(.login-text-button):not(.hr-btn--ghost):not(.button-ghost):not(.hz-energy-hour),
.btn:not(.btn-secondary):not(.btn-outline):not(.btn-ghost),
.tm-view-btn.is-active {
  color: #ffffff !important;
  background: #8c2a3a !important;
  background-color: #8c2a3a !important;
  background-image: none !important;
  border: 1px solid #8c2a3a !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(140, 42, 58, 0.22) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.button-primary *,
.submit-button *,
.pricing-button *,
.login-continue-button *,
.login-guest-button *,
.hr-btn--primary *,
.chat-floating-button *,
.chat-floating-button .chat-floating-copy,
.chat-floating-button strong,
.chat-floating-button small {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.button-primary:hover,
.submit-button:hover,
.pricing-button:hover,
.hr-btn--primary:hover,
.header-chat-button:hover,
.header-auth-button:hover,
.chat-floating-button:hover,
.button:not(.button-secondary):not(.hz-energy-hour):hover,
.btn:not(.btn-secondary):hover {
  background: #a33345 !important;
  background-color: #a33345 !important;
  background-image: none !important;
  border-color: #a33345 !important;
  box-shadow: 0 10px 26px rgba(140, 42, 58, 0.28) !important;
  transform: translateY(-1px);
  color: #ffffff !important;
}

/* Secondary / ghost — cream outline */
.button-secondary,
.report-close-button,
.report-copy-button,
.login-text-button,
.hr-btn--ghost,
.button-ghost,
[class*="secondary"],
[class*="outline"],
[class*="ghost"] {
  color: #1c1410 !important;
  background: #fffcf8 !important;
  background-image: none !important;
  border: 1px solid rgba(120, 90, 70, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.button-secondary:hover,
.hr-btn--ghost:hover,
[class*="secondary"]:hover {
  background: #fffcf8 !important;
  background-image: none !important;
  border-color: #8c2a3a !important;
  box-shadow: 0 0 0 1px #8c2a3a !important;
  color: #1c1410 !important;
}

.button-secondary *,
.hr-btn--ghost * {
  color: inherit !important;
}

/* Icons — neon multi-hue (cyan / purple / pink / gold) */
.card-icon,
.problem-icon,
.step-icon,
.quick-service-icon,
.hr-report__icon,
.service-card span[aria-hidden],
.tm-life-score__icon {
  color: #67e8f9 !important;
  border-color: rgba(103, 232, 249, 0.35) !important;
  background: rgba(20, 30, 70, 0.7) !important;
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.25) !important;
}

/* Home service neon icon wells — use per-column accent */
.hr-service__icon {
  color: var(--svc-accent, #67e8f9) !important;
  border-color: color-mix(in srgb, var(--svc-accent, #67e8f9) 40%, transparent) !important;
  background: rgba(8, 12, 32, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
    0 0 20px color-mix(in srgb, var(--svc-glow, rgba(103, 232, 249, 0.55)) 55%, transparent) !important;
}

.hr-service__icon svg,
.hr-service__icon svg * {
  color: var(--svc-accent, #67e8f9) !important;
  stroke: currentColor !important;
  fill: none !important;
}

.hr-service__icon svg [fill="currentColor"],
.hr-service__icon svg circle[fill="currentColor"] {
  fill: currentColor !important;
  stroke: none !important;
}

.hr-service--sun { --svc-accent: #67e8f9; --svc-glow: rgba(103, 232, 249, 0.65); }
.hr-service--chart { --svc-accent: #60a5fa; --svc-glow: rgba(96, 165, 250, 0.6); }
.hr-service--heart { --svc-accent: #f472b6; --svc-glow: rgba(244, 114, 182, 0.6); }
.hr-service--saturn { --svc-accent: #fbbf24; --svc-glow: rgba(251, 191, 36, 0.55); }
.hr-service--report { --svc-accent: #a78bfa; --svc-glow: rgba(167, 139, 250, 0.6); }
.hr-service--chat { --svc-accent: #22d3ee; --svc-glow: rgba(34, 211, 238, 0.6); }
.hr-service--yogas { --svc-accent: #34d399; --svc-glow: rgba(52, 211, 153, 0.6); }

.hr-service__cta {
  color: var(--svc-accent, #67e8f9) !important;
}

/* Cycle neon accent colors across other feature cards */
.quick-service-card:nth-child(6n + 1) .quick-service-icon,
.info-card:nth-child(6n + 1) .card-icon { color: #67e8f9 !important; text-shadow: 0 0 12px rgba(103, 232, 249, 0.7); }
.quick-service-card:nth-child(6n + 2) .quick-service-icon,
.info-card:nth-child(6n + 2) .card-icon { color: #818cf8 !important; text-shadow: 0 0 12px rgba(129, 140, 248, 0.7); }
.quick-service-card:nth-child(6n + 3) .quick-service-icon,
.info-card:nth-child(6n + 3) .card-icon { color: #f472b6 !important; text-shadow: 0 0 12px rgba(244, 114, 182, 0.7); }
.quick-service-card:nth-child(6n + 4) .quick-service-icon,
.info-card:nth-child(6n + 4) .card-icon { color: #fbbf24 !important; text-shadow: 0 0 12px rgba(251, 191, 36, 0.55); }
.quick-service-card:nth-child(6n + 5) .quick-service-icon,
.info-card:nth-child(6n + 5) .card-icon { color: #a78bfa !important; text-shadow: 0 0 12px rgba(167, 139, 250, 0.7); }
.quick-service-card:nth-child(6n + 6) .quick-service-icon,
.info-card:nth-child(6n + 6) .card-icon { color: #22d3ee !important; text-shadow: 0 0 12px rgba(34, 211, 238, 0.7); }

/* SVG icons / charts */
.hr-service__icon svg {
  color: var(--svc-accent, #67e8f9) !important;
  filter: drop-shadow(0 0 6px var(--svc-glow, rgba(103, 232, 249, 0.55)));
}

/* Dawn Vedic default for generic SVG icons. Was periwinkle #a5b4fc / pale
   blue #e8ecff from the dark theme.

   `[data-orion-chart]` opts a component out entirely: purpose-built diagrams
   (the Cosmic Clock, the planet tracker) colour every element deliberately,
   and the blanket `stroke: currentColor !important` below repainted all of it
   one flat colour — 713 periwinkle strokes on the clock alone. */
svg:not(.hr-service svg):not([data-orion-chart]) {
  color: #BA7517 !important;
}

svg:not([data-orion-chart]) text,
svg:not([data-orion-chart]) tspan {
  fill: #4A1B0C !important;
  stroke: none !important;
}

svg:not(.hr-service svg):not([data-orion-chart]) path,
svg:not(.hr-service svg):not([data-orion-chart]) circle,
svg:not(.hr-service svg):not([data-orion-chart]) ellipse,
svg:not(.hr-service svg):not([data-orion-chart]) polygon,
svg:not(.hr-service svg):not([data-orion-chart]) polyline,
svg:not(.hr-service svg):not([data-orion-chart]) line,
svg:not(.hr-service svg):not([data-orion-chart]) rect {
  stroke: currentColor !important;
}

.hr-service svg path,
.hr-service svg circle,
.hr-service svg ellipse,
.hr-service svg polygon,
.hr-service svg line,
.hr-service svg rect {
  stroke: currentColor !important;
}

/* Soften forced pure-black fills from older mono CSS */
svg[class*="chart"]:not([data-orion-chart]) path,
.bcd-radar polygon,
.ni-chart path {
  stroke: #BA7517 !important;
}

/* Images — keep natural color (no grayscale) */
img,
picture img,
video {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Progress / energy bars — Dawn maroon→gold (not neon) */
[class*="bar-fill"],
[class*="timer-fill"],
.tm-energy__bar-fill,
.fr-quality__bar,
.tm-free-timer-bar i,
.chat-free-timer-bar i {
  background: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
  background-image: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
  opacity: 1 !important;
  filter: none !important;
  border: none !important;
}

.fr-quality__bar {
  background: linear-gradient(180deg, #C89B3C, #8C2A3A) !important;
  background-image: linear-gradient(180deg, #C89B3C, #8C2A3A) !important;
}

.fr-quality__col.is-mixed .fr-quality__bar {
  opacity: 1 !important;
  background: linear-gradient(180deg, #E8A33D, #C97A2B) !important;
  background-image: linear-gradient(180deg, #E8A33D, #C97A2B) !important;
}

.fr-quality__col.is-care .fr-quality__bar {
  background: linear-gradient(180deg, #C45A6A, #A33B3B) !important;
  background-image: linear-gradient(180deg, #C45A6A, #A33B3B) !important;
  opacity: 1 !important;
}

.fr-quality__col.is-support .fr-quality__bar {
  background: linear-gradient(180deg, #5D7A4E, #3E5A34) !important;
  background-image: linear-gradient(180deg, #5D7A4E, #3E5A34) !important;
}

/* Forecast report status chips — Dawn saffron / sage / rose */
.fr-card__status,
.fr-area__status,
.fr-year__status {
  color: #854F0B !important;
  border-color: rgba(186, 117, 23, 0.4) !important;
  background: #FFF4E3 !important;
}

.fr-card__status.is-support,
.fr-area__status.is-support,
.fr-year__status.is-support {
  color: #3E5A34 !important;
  background: #E7F0E1 !important;
  border-color: rgba(93, 122, 78, 0.4) !important;
}

.fr-timeline__item.is-support {
  color: #2A2117 !important;
  background: #F3F7F0 !important;
  border-color: rgba(93, 122, 78, 0.4) !important;
}

.fr-timeline__item.is-support .fr-timeline__month,
.fr-timeline__item.is-support .fr-timeline__theme {
  color: #2A2117 !important;
}
.fr-timeline__item.is-support .fr-timeline__month {
  color: #3E5A34 !important;
}

.fr-timeline__item.is-care {
  border-color: rgba(163, 59, 59, 0.35) !important;
  background: #FAECE7 !important;
  box-shadow: none !important;
}

/* Badges */
[class*="badge"]:not([class*="badges"]),
.site-nav__badge,
.membership-status-pill {
  color: #ffffff !important;
  background: linear-gradient(100deg, #6366f1, #a855f7) !important;
  border: 1px solid rgba(196, 181, 253, 0.4) !important;
}

/* Selection */
/* Text selection — dawn maroon. Was indigo #6366f1. */
::selection {
  color: #FAECE7 !important;
  background: #8C2A3A !important;
}

/* Focus */
/* Focus ring — dawn gold. Was cyan #67e8f9 from the old electric theme. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent-gold, #BA7517) !important;
  outline-offset: 3px !important;
}

/* Home redesign blocks — cream theme */
body.home-page--ref,
body.home-page--ref .page-shell,
.hr-hero {
  color: #1c1410 !important;
  background-color: #f7f0e6 !important;
  background-image: none !important;
}

body.home-page--ref .hr-services,
body.home-page--ref .hr-today-section,
body.home-page--ref .hr-split,
body.home-page--ref .hr-reports,
body.home-page--ref .hr-bar {
  background-color: #f7f0e6 !important;
  background-image: none !important;
  color: #1c1410 !important;
}

.hr-hero__copy h1,
.hr-service h2,
.hr-why h2,
.hr-today__titles h2,
.hr-reports__head h2,
.hr-report h3 {
  color: #1c1410 !important;
  text-shadow: none !important;
}

.hr-hero__lead,
.hr-service p,
.hr-report p,
.hr-trust-pills li,
.hr-sign__blurb,
.hr-today__date {
  color: #5c4f45 !important;
  text-shadow: none !important;
}

/* Today’s horoscope neon columns */
.hr-today {
  background: linear-gradient(165deg, rgba(28, 36, 90, 0.72) 0%, rgba(10, 14, 36, 0.88) 100%) !important;
  border-color: rgba(129, 140, 248, 0.32) !important;
  color: #e8ecff !important;
}

.hr-sign {
  background: rgba(10, 14, 36, 0.35) !important;
  border-color: rgba(129, 140, 248, 0.18) !important;
  color: #e8ecff !important;
}

.hr-sign__icon {
  color: var(--sign-accent, #a78bfa) !important;
  border-color: color-mix(in srgb, var(--sign-accent, #a78bfa) 40%, transparent) !important;
  background: transparent !important;
  box-shadow: 0 0 18px color-mix(in srgb, var(--sign-glow, rgba(167, 139, 250, 0.55)) 50%, transparent) !important;
}

.hr-sign__icon img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 0 8px var(--sign-glow, rgba(167, 139, 250, 0.55))) !important;
  opacity: 1 !important;
}

.hr-sign__icon svg,
.hr-sign__icon svg * {
  color: var(--sign-accent, #a78bfa) !important;
  stroke: currentColor !important;
}

.hr-sign__name {
  color: #f4f7ff !important;
}

.hr-sign__dates {
  color: #9aa6d4 !important;
}

.hr-btn--primary {
  color: #fff !important;
  background-image: var(--cosmic-btn-grad) !important;
  border: none !important;
}

.hr-btn--ghost {
  color: #e0e7ff !important;
  background: rgba(20, 28, 64, 0.5) !important;
  border: 1px solid rgba(129, 140, 248, 0.5) !important;
}

/* Zodiac / decorative rings */
.hr-zodiac__ring,
.zodiac-ring,
.zodiac-ring::before,
.zodiac-ring::after {
  border-color: rgba(129, 140, 248, 0.45) !important;
  box-shadow: 0 0 24px rgba(99, 102, 241, 0.2) !important;
}

.hr-zodiac__core,
.hr-zodiac__symbols span {
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, 0.5) !important;
  background: rgba(16, 22, 52, 0.85) !important;
}

/* Admin tables — scoped to the admin console (body.admin-system-page /
   body.admin-login-page). This was previously an unscoped `table, tr, td, th`
   rule, so it painted every data table on the public site dark navy. */
body[class*="admin-"] :is(table, tr, td, th) {
  color: var(--text-primary, #2A2117) !important;
  background: var(--bg-card, #FFFDF8) !important;
  border-color: var(--border-soft, #E6DCC6) !important;
}

/* Scrollbars */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #0a1028;
}
*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6366f1, #a855f7);
  border-radius: 8px;
  border: 2px solid #0a1028;
}
*::-webkit-scrollbar-track {
  background: #0a1028;
}

/* Disabled */
:disabled,
[aria-disabled="true"],
.disabled {
  color: var(--text-secondary) !important;
  background: rgba(230, 220, 198, 0.35) !important;
  border-color: var(--border-color) !important;
  opacity: 0.75 !important;
  filter: none !important;
}

/* Chat floating CTA */
.chat-floating-button {
  background-image: var(--cosmic-btn-grad) !important;
  border: 1px solid rgba(125, 211, 252, 0.5) !important;
  box-shadow: 0 10px 32px rgba(99, 102, 241, 0.45) !important;
}

/* Login page */
.login-page,
.login-card,
.login-quote {
  color: #e8ecff !important;
}

/* Soft override: kill pure-bw forced white/black if still linked */
html[data-theme],
body {
  /* ensure cascade tokens win */
}

/* Quality calendar days on forecast */
.tm-cal-day.is-good,
.tm-cal-legend__item.is-good i {
  border-color: rgba(52, 211, 153, 0.6) !important;
  color: #6ee7b7 !important;
}
.tm-cal-day.is-bad,
.tm-cal-legend__item.is-bad i {
  border-color: rgba(244, 114, 182, 0.55) !important;
  color: #f9a8d4 !important;
}
.tm-cal-day.is-mixed {
  border-color: rgba(129, 140, 248, 0.4) !important;
  color: #c7d2fe !important;
}

/* Energy chart */
.tm-energy__bar,
.tm-energy__col .tm-energy__fill {
  background: #4928a6 !important;
  background-image: linear-gradient(180deg, #5c35c4, #4928a6) !important;
}

/* ═══════════════════════════════════════════════════════════
   Brand accent #4928a6 — site-wide buttons, links, graphs, bars
   ═══════════════════════════════════════════════════════════ */

/*
 * This block (higher specificity than the plain `a { color: #7dd3fc }`
 * rule above, from an earlier pass) was the one actually winning for every
 * plain, unstyled link site-wide — and #8b74e0 measures ~2.65:1 against
 * this theme's dark backgrounds, failing WCAG AA (4.5:1). Using the
 * existing --status-excellent-bright token instead (~9:1) keeps the
 * intended purple-family brand color while actually meeting contrast.
 */
a:not([class*="button"]):not(.btn),
a:link:not([class*="button"]):not(.btn),
a:visited:not([class*="button"]):not(.btn) {
  /* Superseded the old dark-theme lavender/electric-blue pairing this
     block used before the site moved to the cream/burgundy palette —
     now matches the brand link color set earlier in this file. Excludes
     button-styled anchors: :link/:visited outrank .bcd-button--primary's
     plain-class selector on specificity, so without this exclusion a
     button anchor's own white text loses to this rule — previously
     masked because this rule held a pale off-white value that still
     read fine on a burgundy button; now that it's brand burgundy, the
     same specificity bug would paint burgundy text on a burgundy button. */
  color: #8c2a3a !important;
}

a:hover:not([class*="button"]):not(.btn),
a:focus-visible:not([class*="button"]):not(.btn) {
  color: #6e2030 !important;
}

.site-nav a:hover,
.site-nav a[aria-current="page"],
.site-nav .site-nav__toggle:hover,
.site-footer a:hover {
  color: #8c2a3a !important;
}

.site-nav a[aria-current="page"]::after {
  background: #8c2a3a !important;
}

/* Primary buttons & CTAs — burgundy solid */
.button-primary,
.button-dark,
.submit-button,
.report-track-button,
.pricing-button,
.login-continue-button,
.login-guest-button,
.header-auth-button,
.header-chat-button,
.hr-btn--primary,
.chat-floating-button,
input[type="submit"],
button[type="submit"],
.button:not(.button-secondary):not(.report-close-button):not(.report-copy-button):not(.login-text-button):not(.hr-btn--ghost):not(.button-ghost):not(.hz-energy-hour),
.btn:not(.btn-secondary):not(.btn-outline):not(.btn-ghost),
.tm-view-btn.is-active {
  color: #ffffff !important;
  background: #8c2a3a !important;
  background-color: #8c2a3a !important;
  background-image: none !important;
  border-color: #8c2a3a !important;
  box-shadow: 0 8px 22px rgba(140, 42, 58, 0.22) !important;
}

.button-primary:hover,
.submit-button:hover,
.pricing-button:hover,
.hr-btn--primary:hover,
.header-chat-button:hover,
.header-auth-button:hover,
.button:not(.button-secondary):not(.hz-energy-hour):hover,
.btn:not(.btn-secondary):hover,
.chat-floating-button:hover {
  background: #a33345 !important;
  background-color: #a33345 !important;
  background-image: none !important;
  border-color: #a33345 !important;
  box-shadow: 0 10px 26px rgba(140, 42, 58, 0.28) !important;
  color: #ffffff !important;
}

.button-secondary,
.report-close-button,
.report-copy-button,
.login-text-button,
.hr-btn--ghost,
.button-ghost {
  color: #1c1410 !important;
  border-color: rgba(120, 90, 70, 0.28) !important;
  background: #fffcf8 !important;
}

.button-secondary:hover,
.hr-btn--ghost:hover {
  background: #fffcf8 !important;
  background-image: none !important;
  border-color: #8c2a3a !important;
  box-shadow: 0 0 0 1px #8c2a3a !important;
  color: #1c1410 !important;
}

/* Progress / percentage / energy / timer bars — Dawn maroon (no stripes).
   fr-quality column fills keep band colors in forecast-report.css. */
[class*="bar-fill"],
[class*="timer-fill"],
[class*="progress"] > *:not(svg):not(circle),
[class*="meter"] > *,
.tm-energy__bar-fill,
.tm-energy__bar,
.tm-energy__col .tm-energy__fill,
.tm-free-timer-bar i,
.chat-free-timer-bar i,
.tm-life-chart__fill,
[class*="score"] [class*="fill"],
[class*="energy"] [class*="fill"],
progress::-webkit-progress-value,
progress::-moz-progress-bar {
  background: #8c2a3a !important;
  background-color: #8c2a3a !important;
  background-image: none !important;
  border-color: #8c2a3a !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Never paint SVG score rings as solid purple discs */
.remedy-score-ring,
.remedy-score-ring__svg,
.remedy-score-ring circle {
  background-color: transparent;
}
.remedy-score-ring circle {
  fill: none !important;
}

progress {
  accent-color: #4928a6 !important;
}

input[type="range"] {
  accent-color: #4928a6 !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: #4928a6 !important;
}

/* Focus rings */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline-color: #00bfff !important;
}

/* Selection */
/* Second selection rule, later in the file and therefore the winner.
   Was violet #4928a6 — matched to the dawn maroon set above. */
::selection {
  background: #8C2A3A !important;
  color: #FAECE7 !important;
}

/* Badges / pills — generic brand maroon; forecast chips use Dawn sage below */
[class*="badge"]:not([class*="badges"]),
.site-nav__badge,
.membership-status-pill {
  background: #8C2A3A !important;
  background-image: none !important;
  border-color: #8C2A3A !important;
  color: #FBEEE8 !important;
}

.fr-card__status.is-support,
.fr-area__status.is-support,
.fr-year__status.is-support {
  background: #E7F0E1 !important;
  background-image: none !important;
  border-color: rgba(93, 122, 78, 0.4) !important;
  color: #3E5A34 !important;
}

.fr-timeline__item.is-support {
  background: #F3F7F0 !important;
  background-image: none !important;
  border-color: rgba(93, 122, 78, 0.4) !important;
  color: #2A2117 !important;
}

/* Charts / SVG strokes & fills for data graphs — Dawn maroon.
   html.chart-service-pending contains the substring "chart", so a bare
   [class*="chart"] svg circle[r] painted every Cosmic Clock disc (orbit
   field, centre glass, planet bodies) solid maroon. Same trap as the
   "stage"/"tag" substring. Opt purpose-built diagrams out with
   [data-orion-chart], and never treat the pending-gate class as a chart. */
svg[class*="chart"]:not([data-orion-chart]) path,
svg[class*="chart"]:not([data-orion-chart]) line,
svg[class*="chart"]:not([data-orion-chart]) polyline,
svg[class*="chart"]:not([data-orion-chart]) rect,
[class*="chart"]:not(.chart-service-pending) svg:not([data-orion-chart]) path,
[class*="chart"]:not(.chart-service-pending) svg:not([data-orion-chart]) line,
[class*="graph"] svg path,
[class*="graph"] svg line,
.bcd-radar polygon,
.bcd-radar circle,
.ni-chart path,
.ni-chart line,
.ni-chart polygon,
.tm-life-chart__fill {
  stroke: #8C2A3A !important;
}

.bcd-radar circle,
svg[class*="chart"]:not([data-orion-chart]) circle[r],
[class*="chart"]:not(.chart-service-pending) svg:not([data-orion-chart]) circle[r],
.tm-life-chart__fill,
[class*="bar-fill"] {
  fill: #8C2A3A !important;
}

/* Scrollbar thumbs */
*::-webkit-scrollbar-thumb {
  background: #4928a6 !important;
  background-image: linear-gradient(180deg, #5c35c4, #4928a6) !important;
}

/* Dots / carousel active */
.hr-today__dot.is-active,
.hr-today__dot[aria-current="true"],
.daily-carousel-dot.is-active,
.daily-carousel-dot[aria-current="true"] {
  background: #4928a6 !important;
  background-image: linear-gradient(90deg, #3a1f85, #5c35c4) !important;
  box-shadow: 0 0 12px rgba(73, 40, 166, 0.55) !important;
}

/* Nav / CTA accents on home */
.hr-service__cta,
.hr-today__all:hover,
.brand-mark-core,
.login-icon {
  color: #8b74e0 !important;
}

.brand-mark,
.brand-mark::before,
.brand-mark::after {
  border-color: rgba(73, 40, 166, 0.65) !important;
  box-shadow: 0 0 16px rgba(73, 40, 166, 0.4) !important;
}

.menu-toggle {
  border-color: rgba(73, 40, 166, 0.5) !important;
}

/* Form focus */
input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent-gold) !important;
  box-shadow: 0 0 0 3px rgba(232, 163, 61, 0.25) !important;
}

/* Forecast quality / calendar accents */
.tm-cal-day.is-good,
.tm-cal-legend__item.is-good i {
  border-color: rgba(73, 40, 166, 0.65) !important;
  color: #8b74e0 !important;
}

/* Stat highlights */
.hr-why__stats strong {
  color: #8b74e0 !important;
  text-shadow: 0 0 12px rgba(73, 40, 166, 0.4) !important;
}

/* Icon wells default accent */
.card-icon,
.problem-icon,
.step-icon,
.quick-service-icon,
.hr-report__icon,
.tm-life-score__icon {
  color: #8b74e0 !important;
  border-color: rgba(73, 40, 166, 0.45) !important;
  box-shadow: 0 0 18px rgba(73, 40, 166, 0.3) !important;
}

/* My Life menu: consistent glass surfaces across the hub and child pages. */
/* MY LIFE + KUNDALI — frosted navy/purple glass (not solid black) */
body.life-menu-page,
body.kundali-menu-page {
  --bcd-ink: rgba(16, 22, 52, 0.78);
  --bcd-ink-soft: rgba(18, 24, 58, 0.62);
  --life-glass-bg: linear-gradient(145deg, rgba(36, 48, 104, 0.58), rgba(7, 11, 32, 0.54));
  --life-glass-bg-deep: linear-gradient(145deg, rgba(73, 40, 166, 0.28), rgba(10, 14, 40, 0.72));
  --life-glass-border: rgba(157, 166, 255, 0.34);
  --life-glass-shadow: 0 18px 52px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --av-navy: rgba(16, 22, 52, 0.72);
  --av-navy-soft: rgba(18, 24, 58, 0.55);
  --av-line: rgba(157, 166, 255, 0.28);
  --av-muted: #c8d0ef;
  --remedy-navy: rgba(16, 22, 52, 0.78);
  --remedy-navy-2: rgba(18, 24, 58, 0.65);
}

body.life-menu-page.premium-report-page :is(
  .premium-chart-section,
  .premium-hero,
  .premium-catalog-section,
  .premium-volumes-section
) {
  background: transparent !important;
  background-image: none !important;
}

body.life-menu-page:not(.charts-page) :is(
  .orion-hub-hero .container,
  .orion-hub-card,
  .charts-hero,
  .chart-card,
  .chart-dialog,
  .bcd-hero,
  .bcd-profile-card,
  .bcd-section-nav,
  .bcd-card,
  .bcd-section,
  .bcd-state,
  .bcd-guidance-banner,
  .premium-hero__content,
  .premium-chart-card,
  .premium-form-card,
  .premium-catalog-card,
  .premium-volume-card,
  .premium-submission-panel,
  .report-success-card
),
body.kundali-menu-page :is(
  .orion-hub-hero .container,
  .orion-hub-card,
  .bcd-hero,
  .bcd-profile-card,
  .bcd-section-nav,
  .bcd-card,
  .bcd-section,
  .bcd-state,
  .bcd-guidance-banner,
  .bcd-chart-context,
  .bcd-phase-card,
  .bcd-dasha-suite,
  .bcd-period-card,
  .bcd-yoga-card,
  .bcd-luminary-card,
  .bcd-panchang-limb,
  .bcd-transit-item,
  .bcd-next-feature,
  .card-panel,
  .kundali-hero,
  .kundali-form,
  .kundali-results,
  .kundali-cta,
  .av-hero,
  .av-chart-context,
  .av-state,
  .av-summary,
  .av-summary-card,
  .av-house-section,
  .av-house-card,
  .av-trikona-section,
  .av-trikona-card,
  .av-bhinna-section,
  .av-planet-card,
  .av-guidance-card,
  .av-sav-chart,
  .av-bhinna-table-wrap,
  .av-planet-rank,
  .remedy-focus-card,
  .remedy-chart-context,
  .remedy-metrics article,
  .remedy-priority-item,
  .remedy-strength-card,
  .remedy-accordion,
  .remedy-planet-detail,
  .remedy-frequency-card,
  .remedy-dasha-card,
  .remedy-transit-card,
  .remedy-house-card,
  .remedy-note,
  .remedy-gemstone,
  .remedy-check-item
) {
  background-color: var(--life-glass-bg) !important;
  background-image: none !important;
  border: 1px solid var(--life-glass-border) !important;
  box-shadow: var(--life-glass-shadow) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
}

/* Deep glass for former solid-black “ink” blocks */
body.life-menu-page :is(
  .bcd-profile-card,
  .bcd-guidance-banner,
  .bcd-yoga-overview > div.is-featured,
  .bcd-next-feature
),
body.kundali-menu-page :is(
  .bcd-profile-card,
  .bcd-guidance-banner,
  .bcd-yoga-overview > div.is-featured,
  .bcd-next-feature,
  .remedy-focus-card
) {
  background-color: var(--life-glass-bg-deep) !important;
  background-image: none !important;
  border-color: var(--life-glass-border-strong) !important;
}

body.life-menu-page :is(
  .orion-hub-hero .container,
  .charts-hero,
  .bcd-hero,
  .premium-hero__content
),
body.kundali-menu-page :is(
  .orion-hub-hero .container,
  .bcd-hero,
  .kundali-hero,
  .av-hero
) {
  padding: clamp(1.35rem, 3vw, 2.25rem) !important;
  border-radius: 24px !important;
}

body.life-menu-page :is(
  [class*="card__heading"],
  [class*="card__top"],
  [class*="card__body"],
  [class*="card__actions"],
  [class*="card__features"],
  [class*="card__title"],
  [class*="card__price"],
  [class*="card__tagline"],
  [class*="card__focus"]
),
body.kundali-menu-page :is(
  [class*="card__heading"],
  [class*="card__top"],
  [class*="card__body"],
  [class*="card__actions"],
  [class*="card__features"],
  [class*="card__title"],
  [class*="card__price"],
  [class*="card__tagline"],
  [class*="card__focus"]
) {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.life-menu-page .chart-dialog form {
  background: transparent !important;
}

/* Form fields on the My Life / Kundali pages. These are more specific than
   the base `input, select, textarea` rule earlier in this file, so they win
   outright — which is why they kept painting fields dark navy after the
   move to the cream palette, including the header's "Viewing chart" select
   (it lives inside <body>, so the body-scoped selector catches it too). */
body.life-menu-page :is(input, select, textarea),
body.kundali-menu-page :is(input, select, textarea) {
  color: var(--text-primary) !important;
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* The header selector is a bare inline control, not a boxed field. */
body.life-menu-page .site-header[data-shared-header] .chart-selector select,
body.kundali-menu-page .site-header[data-shared-header] .chart-selector select {
  background: transparent !important;
  border: 0 !important;
}

body.life-menu-page :is(input, textarea)::placeholder,
body.kundali-menu-page :is(input, textarea)::placeholder {
  color: var(--text-secondary) !important;
  opacity: 0.65 !important;
}

/* Remedy focus card — Dawn cream paper (dark ink text) */
body.kundali-menu-page .remedy-focus-card {
  color: #2A2117 !important;
  border-radius: 24px !important;
}

body.kundali-menu-page .remedy-focus-card__copy > p:not(.bcd-kicker),
body.kundali-menu-page .remedy-focus-score > small,
body.kundali-menu-page .remedy-score-ring span {
  color: #6B5A44 !important;
}

body.kundali-menu-page .remedy-focus-card::before,
body.kundali-menu-page .remedy-focus-card::after {
  border-color: rgba(200, 155, 60, 0.28) !important;
  opacity: 0.55;
}

body.kundali-menu-page .orion-hub-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 720px) {
  body.life-menu-page :is(
    .orion-hub-card,
    .charts-hero,
    .chart-card,
    .bcd-hero,
    .bcd-profile-card,
    .bcd-section-nav,
    .bcd-card,
    .bcd-section,
    .premium-chart-card,
    .premium-form-card,
    .premium-catalog-card,
    .premium-volume-card
  ),
  body.kundali-menu-page :is(
    .orion-hub-card,
    .bcd-hero,
    .bcd-profile-card,
    .bcd-card,
    .bcd-section,
    .kundali-form,
    .av-hero,
    .av-house-card,
    .remedy-focus-card
  ) {
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
  }
}

/* Life at a Glance / Birth dashboard percentage bars (exclude life-pattern dial bars) */
.bcd-bar-track i,
.bcd-yoga-strength-line i,
.bcd-house-scoreline i,
.bcd-period-card__bar i,
.bcd-strength-row .bcd-bar-track i,
.bcd-luminary-strength .bcd-bar-track i,
[role="progressbar"] > i {
  background: var(--status-color, var(--status-normal)) !important;
  background-color: var(--status-color, var(--status-normal)) !important;
  background-image: linear-gradient(90deg, var(--status-color, var(--status-normal)), var(--status-bright, var(--status-normal-bright))) !important;
}

.bcd-bar-track,
.bcd-yoga-strength-line > div[role="progressbar"],
.bcd-house-scoreline {
  background: var(--status-soft, var(--status-normal-soft)) !important;
}

/* Life pattern bars — Dawn Vedic maroon/gold (not status blue/green wash) */
.bcd-life-bars .bcd-bar-track {
  background: #EFE2CE !important;
  background-image: none !important;
}
.bcd-life-bars .bcd-bar-track i,
.bcd-life-bars .status-progress-fill,
.bcd-life-bars [role="progressbar"] > i {
  background: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
  background-color: #6E1F2B !important;
  background-image: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
}
.bcd-life-bars .bcd-bar-row.status-good .bcd-bar-track i,
.bcd-life-bars .bcd-bar-row.status-excellent .bcd-bar-track i,
.bcd-life-bars .bcd-bar-row.status-good .status-progress-fill,
.bcd-life-bars .bcd-bar-row.status-excellent .status-progress-fill {
  background: linear-gradient(90deg, #3E5A34, #5D7A4E) !important;
  background-color: #5D7A4E !important;
  background-image: linear-gradient(90deg, #3E5A34, #5D7A4E) !important;
}

/* Score ring uses Dawn Vedic conic dial — do not paint status border wash */
.bcd-score-ring {
  box-shadow: 0 10px 26px -8px rgba(74, 22, 32, 0.35) !important;
}

.fca-score::before {
  background: var(--status-color, var(--status-normal)) !important;
}

/* Life at a Glance — Yoga section chrome */
#important-yogas.bcd-section {
  background: #FDF6EC !important;
  background-image: none !important;
  border-color: #E6DCC6 !important;
  color: #2A2117 !important;
}
.bcd-yoga-heading .bcd-kicker { color: #854F0B !important; text-shadow: none !important; }
.bcd-yoga-heading h2 { color: #2A2117 !important; text-shadow: none !important; }
.bcd-yoga-heading > div > p:last-child { color: #6B5A44 !important; }
.bcd-yoga-chart-badge {
  color: #993C1D !important;
  background: #FFFDF8 !important;
  border-color: #E8A07A !important;
}
.bcd-yoga-overview .is-detected { background: #F5C4B3 !important; }
.bcd-yoga-overview .is-strongest,
.bcd-yoga-overview .is-featured { background: #712B13 !important; }
.bcd-yoga-overview .is-strongest span,
.bcd-yoga-overview .is-featured span { color: #E8A07A !important; }
.bcd-yoga-overview .is-strongest strong,
.bcd-yoga-overview .is-featured strong,
.bcd-yoga-overview .is-strongest .status-score {
  color: #B8D47A !important;
  background: transparent !important;
}
.bcd-yoga-overview .is-strongest small,
.bcd-yoga-overview .is-featured small { color: #F5C4B3 !important; }
.bcd-yoga-overview .is-dasha { background: #FAC775 !important; }
.bcd-yoga-overview .is-challenging { background: #F5C4B3 !important; }
.bcd-yoga-filters button {
  color: #4A1B0C !important;
  background: #FFFDF8 !important;
  border-color: #E6DCC6 !important;
}
.bcd-yoga-filters button[aria-pressed="true"] {
  color: #FAECE7 !important;
  background: #712B13 !important;
  border-color: #712B13 !important;
}
.bcd-yoga-filters button[aria-pressed="true"] b {
  color: #FAECE7 !important;
  background: #4A1B0C !important;
}

/* Life at a Glance — Yoga cards: Dawn Vedic (color only) */
.bcd-yoga-card {
  background: #FDF6EC !important;
  background-image: none !important;
  border-color: #E6DCC6 !important;
  color: #4A1B0C !important;
  box-shadow: 0 4px 16px rgba(58, 42, 18, 0.08) !important;
  backdrop-filter: none !important;
}
.bcd-yoga-card__tags .bcd-yoga-tradition,
.bcd-yoga-card__tags > span,
.bcd-yoga-card.status-good .bcd-yoga-card__tags > span,
.bcd-yoga-card.status-normal .bcd-yoga-card__tags > span,
.bcd-yoga-card.status-excellent .bcd-yoga-card__tags > span,
.bcd-yoga-card.status-low .bcd-yoga-card__tags > span,
.bcd-yoga-card.status-good .bcd-yoga-card__tags .bcd-yoga-tradition,
.bcd-yoga-card.status-normal .bcd-yoga-card__tags .bcd-yoga-tradition,
.bcd-yoga-card.status-excellent .bcd-yoga-card__tags .bcd-yoga-tradition,
.bcd-yoga-card.status-low .bcd-yoga-card__tags .bcd-yoga-tradition {
  color: #854F0B !important;
  -webkit-text-fill-color: #854F0B !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.bcd-yoga-active {
  color: #854F0B !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bcd-yoga-active i {
  background: #854F0B !important;
  box-shadow: none !important;
}
.bcd-yoga-card h3,
.bcd-yoga-score,
.bcd-yoga-score small {
  color: #4A1B0C !important;
}
/* Higher specificity than semantic .status-good .status-tag rules */
.bcd-yoga-card .bcd-yoga-strength-line > span,
.bcd-yoga-card .bcd-yoga-strength-line .status-tag,
.bcd-yoga-card.status-good .status-tag,
.bcd-yoga-card.status-normal .status-tag,
.bcd-yoga-card.status-excellent .status-tag,
.bcd-yoga-card.status-low .status-tag {
  color: #FAECE7 !important;
  background: #712B13 !important;
  background-color: #712B13 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.bcd-yoga-card .bcd-yoga-score.status-score,
.bcd-yoga-card.status-good .bcd-yoga-score,
.bcd-yoga-card.status-normal .bcd-yoga-score,
.bcd-yoga-card.status-excellent .bcd-yoga-score,
.bcd-yoga-card.status-low .bcd-yoga-score {
  color: #4A1B0C !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.bcd-yoga-strength-line > div {
  background: #F0997B !important;
  background-image: none !important;
}
.bcd-yoga-strength-line i,
.bcd-yoga-strength-line .status-progress-fill {
  background: #712B13 !important;
  background-color: #712B13 !important;
  background-image: none !important;
  box-shadow: none !important;
}
.bcd-yoga-formation-map {
  background: #F5C4B3 !important;
  border-color: transparent !important;
  color: #4A1B0C !important;
}
.bcd-yoga-planet,
.bcd-yoga-link {
  color: #4A1B0C !important;
}
.bcd-yoga-planet i,
.bcd-yoga-houses span {
  color: #4A1B0C !important;
  background: #FAECE7 !important;
  border-color: transparent !important;
}
.bcd-yoga-effects .is-positive {
  background: #FAC775 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.bcd-yoga-effects .is-positive > span,
.bcd-yoga-effects .is-positive .bcd-yoga-effect-icon {
  color: #412402 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.bcd-yoga-effects .is-positive b { color: #412402 !important; }
.bcd-yoga-effects .is-positive small { color: #633806 !important; }
.bcd-yoga-effects .is-challenging {
  background: #F5C4B3 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.bcd-yoga-effects .is-challenging > span,
.bcd-yoga-effects .is-challenging .bcd-yoga-effect-icon {
  color: #4A1B0C !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.bcd-yoga-effects .is-challenging b { color: #4A1B0C !important; }
.bcd-yoga-effects .is-challenging small { color: #712B13 !important; }
.bcd-yoga-meaning {
  background: #ffffff !important;
  border-left: 2px solid #BA7517 !important;
}
.bcd-yoga-meaning > span { color: #BA7517 !important; }
.bcd-yoga-meaning b { color: #412402 !important; }
.bcd-yoga-meaning p { color: var(--text-secondary, #6B5A44) !important; }
.bcd-yoga-detail-button { color: #993C1D !important; }

/* Life at a Glance shell — cream surfaces (not dark glass) */
body.full-chart-analysis-page.life-menu-page :is(
  .bcd-hero,
  .bcd-profile-card,
  .bcd-section-nav,
  .bcd-card,
  .bcd-section,
  .bcd-state,
  .bcd-guidance-banner
) {
  background-color: #FFFDF8 !important;
  background-image: none !important;
  border-color: #E6DCC6 !important;
  box-shadow: 0 4px 16px rgba(58, 42, 18, 0.08) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #2A2117 !important;
}

/* --------------------------------------------------------------------------
   Shared semantic status presentation
   Blue = normal, green = good, purple = excellent, rose = low/caution.
   Technical errors and warnings continue to use --system-error/--system-warning.
   -------------------------------------------------------------------------- */
.status-normal,
.is-normal,
.is-neutral,
.is-average,
.is-balanced,
.is-moderate,
.is-steady,
.is-mixed,
.is-ok,
.quality-mixed {
  --status-color: var(--status-normal);
  --status-bright: var(--status-normal-bright);
  --status-soft: var(--status-normal-soft);
  --status-border: var(--status-normal-border);
  --status-glow: var(--status-normal-glow);
}

.status-good,
.is-good,
.is-support,
.is-supportive,
.is-positive,
.is-strong,
.is-favourable,
.is-favorable,
.quality-good {
  --status-color: var(--status-good);
  --status-bright: var(--status-good-bright);
  --status-soft: var(--status-good-soft);
  --status-border: var(--status-good-border);
  --status-glow: var(--status-good-glow);
}

.status-excellent,
.is-excellent,
.is-exceptional,
.is-powerful,
.is-best,
.quality-excellent {
  --status-color: var(--status-excellent);
  --status-bright: var(--status-excellent-bright);
  --status-soft: var(--status-excellent-soft);
  --status-border: var(--status-excellent-border);
  --status-glow: var(--status-excellent-glow);
}

.status-low,
.is-low,
.is-weak,
.is-care,
.is-careful,
.is-caution,
.is-cautious,
.is-challenging,
.is-difficult,
.is-concern,
.is-bad,
.is-negative,
.is-sensitive,
.quality-challenging,
.quality-difficult {
  --status-color: var(--status-low);
  --status-bright: var(--status-low-bright);
  --status-soft: var(--status-low-soft);
  --status-border: var(--status-low-border);
  --status-glow: var(--status-low-glow);
}

.status-tag,
.status-badge,
.status-icon,
.status-score {
  color: var(--status-bright) !important;
}

.status-tag,
.status-badge,
.status-icon {
  border: 1px solid var(--status-border) !important;
  background: var(--status-soft) !important;
  background-image: none !important;
}

.status-progress-fill {
  background: linear-gradient(90deg, var(--status-color), var(--status-bright)) !important;
  box-shadow: var(--status-glow) !important;
}

/* Re-assert life-pattern Dawn fills after generic .status-progress-fill */
.bcd-life-bars .bcd-bar-track i.status-progress-fill,
.bcd-life-bars .status-progress-fill {
  background: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
  background-color: #6E1F2B !important;
  background-image: linear-gradient(90deg, #6E1F2B, #C89B3C) !important;
  box-shadow: none !important;
}
.bcd-life-bars .bcd-bar-row.status-good .status-progress-fill,
.bcd-life-bars .bcd-bar-row.status-excellent .status-progress-fill {
  background: linear-gradient(90deg, #3E5A34, #5D7A4E) !important;
  background-color: #5D7A4E !important;
  background-image: linear-gradient(90deg, #3E5A34, #5D7A4E) !important;
  box-shadow: none !important;
}
.bcd-life-bars .status-score {
  color: #6E1F2B !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.bcd-life-bars .bcd-bar-row.status-good .status-score,
.bcd-life-bars .bcd-bar-row.status-excellent .status-score {
  color: #5D7A4E !important;
}
.bcd-life-bars .bcd-bar-row.status-low .status-score {
  color: #993C1D !important;
}

.status-card,
:is([class*="card"], [class*="panel"]).status-normal,
:is([class*="card"], [class*="panel"]).status-good,
:is([class*="card"], [class*="panel"]).status-excellent,
:is([class*="card"], [class*="panel"]).status-low {
  border-color: var(--status-border) !important;
}

.status-chart-marker {
  color: var(--status-bright) !important;
  fill: var(--status-color) !important;
  stroke: var(--status-bright) !important;
}

:where(
  .status-normal, .status-good, .status-excellent, .status-low,
  .is-normal, .is-neutral, .is-average, .is-balanced, .is-moderate, .is-steady, .is-mixed, .is-ok,
  .is-good, .is-support, .is-supportive, .is-positive, .is-strong, .is-favourable, .is-favorable,
  .is-excellent, .is-exceptional, .is-powerful, .is-best,
  .is-low, .is-weak, .is-care, .is-careful, .is-caution, .is-cautious, .is-challenging, .is-difficult, .is-concern, .is-bad, .is-negative, .is-sensitive
) :is(.status-tag, .status-badge, .status-icon, .status-score, [class*="badge"]:not([class*="badges"]), [class*="pill"]:not([class*="pills"]), [class*="score"]) {
  color: var(--status-bright) !important;
}

:where(
  .status-normal, .status-good, .status-excellent, .status-low,
  .is-normal, .is-neutral, .is-average, .is-balanced, .is-moderate, .is-steady, .is-mixed, .is-ok,
  .is-good, .is-support, .is-supportive, .is-positive, .is-strong, .is-favourable, .is-favorable,
  .is-excellent, .is-exceptional, .is-powerful, .is-best,
  .is-low, .is-weak, .is-care, .is-careful, .is-caution, .is-cautious, .is-challenging, .is-difficult, .is-concern, .is-bad, .is-negative, .is-sensitive
) :is(.status-progress-fill, [class*="bar"] > i, [class*="meter"] > i) {
  background: linear-gradient(90deg, var(--status-color), var(--status-bright)) !important;
  background-color: var(--status-color) !important;
  box-shadow: var(--status-glow) !important;
}

:is([class*="rating"], [class*="tone"], [class*="badge"]:not([class*="badges"]), [class*="pill"]:not([class*="pills"]), [class*="score"], [class*="day"], [class*="cell"]):is(
  .status-normal, .status-good, .status-excellent, .status-low,
  .is-normal, .is-neutral, .is-average, .is-balanced, .is-moderate, .is-steady, .is-mixed, .is-ok,
  .is-good, .is-support, .is-supportive, .is-positive, .is-strong, .is-favourable, .is-favorable,
  .is-excellent, .is-exceptional, .is-powerful, .is-best,
  .is-low, .is-weak, .is-care, .is-careful, .is-caution, .is-cautious, .is-challenging, .is-difficult, .is-concern, .is-bad, .is-negative, .is-sensitive
):not(.hz-slot-cal-tag):not(.hz-slot-cal-cell) {
  color: var(--status-bright) !important;
  border-color: var(--status-border) !important;
  background-color: var(--status-soft) !important;
  background-image: none !important;
}

/* Hora slot labels: plain text only — no status pill box around Good/Neutral/Sensitive */
.hz-slot-cal-tag,
.hz-slot-cal-cell .hz-slot-cal-tag {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--text-primary, #f6f7ff) !important;
  padding: 0 !important;
}

/* Current/selected — saffron outline on cream (was white-on-dark). */
.chart-item.is-current,
[class*="chart-item"].is-current,
.bcd-timeline-period.is-current,
.bcd-period-card.is-live {
  outline: 2px solid rgba(200, 155, 60, 0.55) !important;
  outline-offset: 3px !important;
}

.cc-planet-set.is-active .cc-planet-art,
.bcd-explorer-antar.is-current,
.bcd-explorer-antar li.is-current {
  outline: 2px solid rgba(200, 155, 60, 0.55) !important;
  outline-offset: 2px !important;
  border-color: rgba(200, 155, 60, 0.55) !important;
  box-shadow: 0 0 12px rgba(200, 155, 60, 0.18) !important;
}

/* Energy graph selection: hover border only */
.hz-energy-hour.is-active {
  outline: none !important;
  border-color: var(--hover-border, #8c2a3a) !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Score ring progress is a STROKE arc only — never fill the disc
   (fill:status-color was painting a solid maroon middle). Radar dots keep fill. */
:where(.status-normal, .status-good, .status-excellent, .status-low) .mc-score-ring__progress {
  stroke: var(--status-color) !important;
  fill: none !important;
  fill-opacity: 0 !important;
}
:where(.status-normal, .status-good, .status-excellent, .status-low) .mc-radar-dot {
  stroke: var(--status-color) !important;
  fill: var(--status-color) !important;
}
.mc-score-ring circle,
.mc-score-ring__track,
.mc-score-ring__progress {
  fill: none !important;
  fill-opacity: 0 !important;
}

:where(.status-normal, .status-good, .status-excellent, .status-low) :is(
  .tl-score-ring__value strong,
  .mc-score-ring__value strong,
  .fca-score strong
) {
  color: var(--status-bright) !important;
}

/* Technical UI states remain separate from content-quality semantics. */
.system-error,
.is-error {
  --status-color: var(--system-error);
  --status-bright: #ff7a8c;
  --status-soft: rgba(255, 70, 95, 0.14);
  --status-border: rgba(255, 70, 95, 0.5);
  color: #ff7a8c;
}

.system-warning,
.is-warning {
  --status-color: var(--system-warning);
  --status-bright: #ffb872;
  --status-soft: rgba(255, 159, 67, 0.14);
  --status-border: rgba(255, 159, 67, 0.5);
  color: #ffb872;
}

/* Dasha active — Dawn Vedic amber text + dot */
.bcd-yoga-active {
  color: #854F0B !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bcd-yoga-active i {
  background: #854F0B !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════
   Purple border-only hover — no full column/section fills
   ═══════════════════════════════════════════════════════════ */
:root {
  --hover-border: #8c2a3a !important;
  --hover-border-soft: rgba(140, 42, 58, 0.55) !important;
}

@media (hover: hover) and (pointer: fine) {
  /* Cards / sections / columns: border color only */
  .orion-hub-card:hover,
  .info-card:hover,
  .service-card:hover,
  .pricing-card:hover,
  .testimonial-card:hover,
  .step-card:hover,
  .faq-item:hover,
  .review-card:hover,
  .subscription-plan-card:hover,
  .quick-service-card:hover,
  .daily-zodiac-card:hover,
  .problem-card:hover,
  .hr-service:hover,
  .hr-sign:hover,
  .hr-report:hover,
  .premium-catalog-card:hover,
  .bcd-card:hover,
  .bcd-yoga-card:hover,
  body:not(.charts-page) .chart-card:hover,
  .av-guidance-card:hover,
  .pt-card:hover,
  .tarot-spread:hover,
  .hz-slot-cal-cell:hover {
    border-color: var(--hover-border) !important;
    box-shadow: none !important;
  }

  /* Buttons: purple border only — do not paint the whole control solid */
  .button:hover,
  .btn:hover,
  button:hover:not(:disabled):not(.hz-energy-hour),
  [class*="button"]:hover:not(:disabled):not(.hz-energy-hour),
  a.button:hover,
  input[type="submit"]:hover,
  input[type="button"]:hover,
  .orion-ix:hover:not(:disabled):not(.is-loading):not(.hz-energy-hour),
  .header-auth-button:hover,
  .header-chat-button:hover,
  .login-continue-button:hover,
  .login-guest-button:hover,
  .login-google-button:hover,
  .login-text-button:hover,
  .submit-button:hover,
  .pricing-button:hover,
  .hr-btn--primary:hover,
  .hr-btn--ghost:hover,
  .chat-floating-button:hover,
  .button-secondary:hover,
  .button-ghost:hover,
  [class*="secondary"]:hover,
  [class*="outline"]:hover,
  [class*="ghost"]:hover {
    border-color: var(--hover-border) !important;
    box-shadow: 0 0 0 1px var(--hover-border) !important;
    /* Keep existing fill; never replace with solid purple/cyan wash */
    background-image: none !important;
  }

  /* Energy graph column: purple border only around the slot, never a fill */
  .hz-energy-hour:hover,
  .hz-energy-hour:focus-visible,
  .hz-energy-hour.is-active,
  .hz-energy-hour.orion-ix:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--hover-border) !important;
    box-shadow: none !important;
    color: inherit !important;
    transform: none !important;
    filter: none !important;
  }

  .hz-energy-hour:hover .hz-energy-bar-fill,
  .hz-energy-hour.is-active .hz-energy-bar-fill {
    border-color: var(--hover-border) !important;
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
  }

  a:hover:not([class*="button"]):not(.btn),
  a:focus-visible:not([class*="button"]):not(.btn),
  .site-nav a:hover,
  .site-nav a[aria-current="page"],
  .site-nav a.is-current,
  .site-nav .site-nav__toggle:hover,
  .site-nav .site-nav__toggle[aria-expanded="true"],
  .site-nav .site-nav__parent:hover,
  .site-nav__submenu a:hover,
  .site-nav__submenu a[aria-current="page"],
  .site-footer a:hover,
  footer.site-footer a:hover,
  .site-header[data-shared-header] .site-nav a:hover,
  .site-header[data-shared-header] .site-nav a:focus-visible,
  .site-header[data-shared-header] .site-nav a[aria-current="page"],
  .site-header[data-shared-header] .site-nav a.is-current,
  .site-header[data-shared-header] .site-nav .site-nav__toggle:hover,
  .site-header[data-shared-header] .site-nav .site-nav__toggle[aria-expanded="true"],
  .site-header[data-shared-header] .site-nav__submenu a:hover,
  .site-header[data-shared-header] .site-nav__submenu a[aria-current="page"] {
    color: #8C2A3A !important;
    background: transparent !important;
  }

  :where(
    .info-card,
    .service-card,
    .pricing-card,
    .testimonial-card,
    .step-card,
    .review-card,
    .subscription-plan-card,
    .problem-card,
    .quick-service-card,
    .daily-zodiac-card,
    .orion-hub-card,
    .hr-service,
    .hr-sign,
    .hr-report,
    .premium-catalog-card,
    .bcd-card,
    .chart-card
  ):hover {
    border-color: #BA7517 !important;
    box-shadow:
      0 14px 40px rgba(58, 42, 18, 0.14),
      0 0 28px rgba(232, 163, 61, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  }
}

/* Click ripple removed (see orion-interactions.js). The wave was deep sky
   blue, left over from the electric-blue theme. */
.orion-ix-ripple { display: none !important; }

/* Top navigation progress bar — dawn maroon into gold. Was a bright blue
   gradient that flashed across the top of every page on each click. */
#orion-nav-progress > i {
  background: linear-gradient(90deg, #712B13, #BA7517, #E8A33D) !important;
  box-shadow: 0 0 12px rgba(232, 163, 61, 0.55) !important;
}

/* ==========================================================================
   Mobile menu drawer — Dawn Vedic (matches home), all pages / all items.
   Breakpoint matches orion-design-system drawer and theme.js (1180px).
   ========================================================================== */
@media (max-width: 1180px) {
  .site-header[data-shared-header] .site-nav,
  .site-header[data-shared-header] .site-nav.is-open,
  .site-nav.is-open {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: min(18.5rem, 82vw) !important;
    max-width: 18.5rem !important;
    height: 100dvh !important;
    transform: translateX(105%) !important;
    background: #FFFDF8 !important;
    background-image: linear-gradient(180deg, #FFFDF8 0%, #FBF6EC 100%) !important;
    border-left: 1px solid #E6DCC6 !important;
    box-shadow: -12px 0 40px rgba(58, 42, 18, 0.14) !important;
    color: #2A2117 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 1200 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .site-header[data-shared-header] .site-nav.is-open,
  .site-nav.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header[data-shared-header] .site-nav > a,
  .site-header[data-shared-header] .site-nav .site-nav__parent,
  .site-header[data-shared-header] .site-nav .site-nav__toggle,
  .site-nav > a,
  .site-nav .site-nav__parent,
  .site-nav .site-nav__toggle {
    color: #2A2117 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #EFE2CE !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .site-header[data-shared-header] .site-nav a:hover,
  .site-header[data-shared-header] .site-nav a:focus-visible,
  .site-header[data-shared-header] .site-nav a[aria-current="page"],
  .site-header[data-shared-header] .site-nav a.is-current,
  .site-header[data-shared-header] .site-nav .site-nav__toggle:hover,
  .site-header[data-shared-header] .site-nav .site-nav__toggle[aria-expanded="true"],
  .site-header[data-shared-header] .site-nav__group.is-open > .site-nav__toggle,
  .site-nav a:hover,
  .site-nav a[aria-current="page"],
  .site-nav .site-nav__toggle:hover,
  .site-nav .site-nav__toggle[aria-expanded="true"] {
    color: #8C2A3A !important;
    background: transparent !important;
  }

  .site-header[data-shared-header] .site-nav a::after,
  .site-nav a::after {
    display: none !important;
  }

  .site-header[data-shared-header] .site-nav__submenu,
  .site-nav__submenu {
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid #E8C77E !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .site-header[data-shared-header] .site-nav__submenu a,
  .site-nav__submenu a {
    color: #6B5A44 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(230, 220, 198, 0.7) !important;
    box-shadow: none !important;
  }

  .site-header[data-shared-header] .site-nav__submenu a:hover,
  .site-header[data-shared-header] .site-nav__submenu a[aria-current="page"],
  .site-nav__submenu a:hover,
  .site-nav__submenu a[aria-current="page"] {
    color: #8C2A3A !important;
    background: transparent !important;
  }

  .site-header[data-shared-header] .site-nav__overview,
  .site-nav__overview {
    color: #3C1219 !important;
    font-weight: 700 !important;
  }

  .site-header[data-shared-header] .site-nav__badge,
  .site-nav__badge {
    color: #3A2A12 !important;
    background: #E8A33D !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .site-header[data-shared-header] .mobile-menu-toggle,
  .mobile-menu-toggle,
  .menu-toggle {
    background: #FFFDF8 !important;
    border: 1px solid #E6DCC6 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  .site-header[data-shared-header] .mobile-menu-toggle span,
  .mobile-menu-toggle span,
  .menu-toggle span {
    background: #2A2117 !important;
  }

  .site-header[data-shared-header] .site-nav-backdrop,
  .site-nav-backdrop,
  body.menu-open .site-nav-backdrop {
    background: rgba(42, 33, 23, 0.42) !important;
  }
}