/* ═══════════════════════════════════════════════════════════════════════════
   BETANIA RESIDENCIES & PASSPORTS — WHITE MODE LUXURY STYLESHEET
   Pure White Editorial Experience
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Base & Body Overrides ── */
body.white-mode {
  background-color: #FFFFFF !important;
  color: #1E2024 !important;
  -webkit-font-smoothing: antialiased;
}

body.white-mode :root {
  --black: #0B0B0B;
  --white: #111215;
}

/* ── Edition Switcher Button in Header ── */
.edition-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  line-height: 1.3;
  transition: all 0.2s ease;
  letter-spacing: 0.02em;
}

/* When in dark mode (index.html), link to white mode */
body:not(.white-mode) .edition-switch {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.85);
}

body:not(.white-mode) .edition-switch:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: var(--betania-gold);
  color: var(--betania-gold);
}

/* When in white mode (white.html), link to dark mode */
body.white-mode .edition-switch {
  background: #F3F4F6;
  border: 1px solid #E5E7EB;
  color: #374151;
}

body.white-mode .edition-switch:hover {
  background: #E5E7EB;
  border-color: #B88523;
  color: #0F1115;
}

/* ── Header & Navigation ── */
body.white-mode .hdr {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

body.white-mode .hdr.scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom-color: rgba(184, 133, 35, 0.25) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
}

body.white-mode .brand-logo.logo-dark-bg,
body.white-mode .ftr-logo.logo-dark-bg,
body.white-mode .logo-dark-bg {
  display: none !important;
}

body.white-mode .brand-logo.logo-light-bg,
body.white-mode .ftr-logo.logo-light-bg,
body.white-mode .logo-light-bg {
  display: block !important;
}

body.white-mode .nav-links a {
  color: #2B2D31 !important;
}

body.white-mode .nav-links a:hover {
  color: #B88523 !important;
}

body.white-mode .nav-links a::after {
  background: #B88523 !important;
}

/* Mobile dropdown in White Mode */
body.white-mode .nav-backdrop {
  background: rgba(17, 18, 21, 0.45);
}

body.white-mode .mobile-toggle {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.04);
  color: #111215;
}

body.white-mode .mobile-toggle:hover {
  background: rgba(184, 133, 35, 0.1);
  border-color: rgba(184, 133, 35, 0.4);
}

body.white-mode .mobile-toggle.active {
  background: rgba(184, 133, 35, 0.12);
  border-color: #B88523;
  color: #B88523;
  box-shadow: 0 0 16px rgba(184, 133, 35, 0.2);
}

body.white-mode .mobile-toggle span {
  background: currentColor !important;
}

@media (max-width: 992px) {
  body.white-mode .nav-links {
    background: #FFFFFF !important;
    border-bottom: 2px solid rgba(184, 133, 35, 0.35) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: none !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12), 0 0 25px rgba(184, 133, 35, 0.06) !important;
  }

  body.white-mode .mnav-link {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    color: #111215 !important;
  }

  body.white-mode .mnav-link:last-child {
    border-bottom: none !important;
  }

  body.white-mode .mnav-link:hover,
  body.white-mode .mnav-link:active {
    background: rgba(184, 133, 35, 0.08) !important;
    color: #B88523 !important;
    padding-left: 14px;
    padding-right: 6px;
  }

  body.white-mode .mnav-label {
    color: #111215 !important;
  }

  body.white-mode .mnav-link:hover .mnav-label,
  body.white-mode .mnav-link:active .mnav-label {
    color: #B88523 !important;
  }

  body.white-mode .mnav-num {
    color: #B88523 !important;
    background: none !important;
    border: none !important;
  }

  body.white-mode .mnav-arrow {
    color: rgba(184, 133, 35, 0.6) !important;
  }

  body.white-mode .mnav-link:hover .mnav-arrow,
  body.white-mode .mnav-link:active .mnav-arrow {
    color: #B88523 !important;
  }

  body.white-mode .mnav-cta-btn {
    background: linear-gradient(135deg, #FFE494 0%, #F0C264 60%, #D49B30 100%) !important;
    color: #0B0B0B !important;
    box-shadow: 0 4px 16px rgba(184, 133, 35, 0.3) !important;
  }

  body.white-mode .mnav-cta-btn span {
    color: #0B0B0B !important;
    font-weight: 800 !important;
  }

  body.white-mode .mnav-settings-card {
    background: #F8F9FA !important;
    border: 1px solid #E5E7EB !important;
  }

  body.white-mode .mnav-setting-left {
    color: #1F2937 !important;
  }

  body.white-mode .mnav-setting-left svg {
    stroke: #B88523 !important;
  }

  body.white-mode .mnav-setting-lbl {
    color: #1F2937 !important;
  }

  body.white-mode .mnav-theme-btn {
    background: #FFFFFF !important;
    border: 1px solid #D1D5DB !important;
    color: #111215 !important;
  }

  body.white-mode .mnav-lang-switch {
    background: #E5E7EB !important;
    border: 1px solid #D1D5DB !important;
  }

  body.white-mode .mnav-lang-switch .lang-btn {
    color: #4B5563 !important;
  }

  body.white-mode .mnav-lang-switch .lang-btn.active {
    color: #0B0B0B !important;
    background: linear-gradient(135deg, #FFE494 0%, #F0C264 60%, #D49B30 100%) !important;
  }

  body.white-mode .mnav-trust-strip {
    color: #6B7280 !important;
  }

  body.white-mode .mnav-trust-strip svg {
    stroke: #B88523 !important;
  }
}

body.white-mode .lang-switch {
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
}

body.white-mode .lang-btn {
  color: #6B7280 !important;
}

body.white-mode .lang-btn:hover {
  color: #0F1115 !important;
}

body.white-mode .lang-btn.active {
  background: #FFFFFF !important;
  color: #0F1115 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

body.white-mode .lang-divider {
  color: #D1D5DB !important;
}

/* ── Typography & Gradients ── */
body.white-mode .gold-gradient {
  background: linear-gradient(110deg, #A87618 0%, #C9932B 35%, #B88523 60%, #94600C 85%, #C28E28 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(184, 133, 35, 0.15)) !important;
}

body.white-mode .gold-text {
  color: #B88523 !important;
}

/* ── Buttons ── */
body.white-mode .btn-gold {
  background: #F0C264 !important;
  color: #0B0B0B !important;
  box-shadow: 0 4px 16px rgba(240, 194, 100, 0.35) !important;
}

body.white-mode .btn-gold:hover {
  background: #E0B04E !important;
  box-shadow: 0 6px 22px rgba(240, 194, 100, 0.5) !important;
}

body.white-mode .btn-ghost {
  background: transparent !important;
  color: #1F2937 !important;
  border: 1px solid #D1D5DB !important;
}

body.white-mode .btn-ghost:hover {
  background: #F3F4F6 !important;
  border-color: #B88523 !important;
  color: #B88523 !important;
}

/* ── Hero Section ── */
body.white-mode .hero {
  background-color: #FFFFFF !important;
}

body.white-mode .hero-scrim {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.93) 48%, rgba(255, 255, 255, 0.6) 82%, rgba(255, 255, 255, 0.35) 100%),
    linear-gradient(to top, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 25%) !important;
}

body.white-mode .kicker-badge {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.3) !important;
  color: #9A660E !important;
}

body.white-mode .badge-icon {
  color: #B88523 !important;
}

body.white-mode .hero-title {
  color: #0F1115 !important;
  text-shadow: none !important;
}

body.white-mode .hero-title-main {
  color: #0F1115 !important;
}

body.white-mode .hero-subhead {
  color: #374151 !important;
}

body.white-mode .hero-subhead strong {
  color: #0F1115 !important;
}

body.white-mode .h-benefit-card {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

body.white-mode .h-benefit-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(184, 133, 35, 0.4) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 0 12px rgba(184, 133, 35, 0.1) !important;
}

body.white-mode .h-benefit-icon-wrap {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
  color: #B88523 !important;
}

body.white-mode .h-benefit-card:hover .h-benefit-icon-wrap {
  background: #F0C264 !important;
  color: #0B0B0B !important;
}

body.white-mode .h-benefit-text strong {
  color: #0F1115 !important;
}

body.white-mode .h-benefit-text span {
  color: #4B5563 !important;
}

body.white-mode .hero-trust-row {
  border-top-color: #E5E7EB !important;
}

body.white-mode .trust-val {
  color: #B88523 !important;
}

body.white-mode .trust-lbl {
  color: #4B5563 !important;
}

body.white-mode .trust-sep {
  background: #E5E7EB !important;
}

/* ── Hero Micro-Commitment Card ── */
body.white-mode .quick-quiz-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.09), 0 0 30px rgba(184, 133, 35, 0.06) !important;
}

body.white-mode .quick-quiz-card::before {
  background: linear-gradient(90deg, transparent, #B88523, transparent) !important;
}

body.white-mode .qcard-step-badge {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
  color: #9A660E !important;
}

body.white-mode .qcard-pulse {
  background: #B88523 !important;
  box-shadow: 0 0 6px #B88523 !important;
}

body.white-mode .qcard-status {
  color: #4B5563 !important;
}

body.white-mode .live-indicator {
  color: #059669 !important;
}

body.white-mode .qcard-question {
  color: #0F1115 !important;
}

body.white-mode .qcard-hint {
  color: #4B5563 !important;
}

body.white-mode .qcard-opt-btn {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
  color: #111827 !important;
}

body.white-mode .qcard-opt-btn:hover {
  background: #F3F4F6 !important;
  border-color: #B88523 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

body.white-mode .qcard-opt-btn .opt-indicator {
  border: 2px solid #D1D5DB !important;
  background: #FFFFFF !important;
}

body.white-mode .qcard-opt-btn:hover .opt-indicator {
  border-color: #B88523 !important;
  background: #FEF9EE !important;
}

body.white-mode .qcard-opt-btn.selected {
  background: #FEF9EE !important;
  border-color: #B88523 !important;
  box-shadow: 0 0 0 1px #B88523, 0 4px 14px rgba(184, 133, 35, 0.12) !important;
}

body.white-mode .qcard-opt-btn.selected .opt-indicator {
  background: #B88523 !important;
  border-color: #B88523 !important;
  box-shadow: inset 0 0 0 3px #FFFFFF !important;
}

body.white-mode .qcard-opt-btn .opt-label {
  color: #0F1115 !important;
}

body.white-mode .qcard-opt-btn .opt-hint-text {
  color: #6B7280 !important;
}

body.white-mode .qcard-opt-btn .opt-arrow {
  color: #9CA3AF !important;
}

body.white-mode .qcard-opt-btn:hover .opt-arrow {
  color: #B88523 !important;
}

body.white-mode .qcard-security {
  color: #6B7280 !important;
}

/* ── Section Dividers & General Structure ── */
body.white-mode .sec {
  background-color: #FFFFFF !important;
  color: #1E2024 !important;
}

body.white-mode .sec--dark {
  background-color: #FFFFFF !important;
  color: #1E2024 !important;
}

body.white-mode .shead {
  border-top-color: #E5E7EB !important;
}

body.white-mode .shead-num {
  color: #B88523 !important;
}

body.white-mode .shead-slash {
  color: #D1D5DB !important;
}

body.white-mode .shead-title {
  color: #4B5563 !important;
}

body.white-mode .shead-fill {
  background: linear-gradient(90deg, #E5E7EB, transparent) !important;
}

body.white-mode .shead-tag {
  color: #9A660E !important;
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
}

body.white-mode .sec-title {
  color: #0F1115 !important;
}

body.white-mode .sec-lead {
  color: #4B5563 !important;
}

/* ── Section 01: Comparison Cards & Pillars ── */
body.white-mode .comp-card--trad {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

body.white-mode .comp-card--trad:hover {
  border-color: #D1D5DB !important;
}

body.white-mode .comp-card--trad .comp-badge {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
}

body.white-mode .comp-card--trad .comp-title {
  color: #0F1115 !important;
}

body.white-mode .comp-card--trad .comp-list li {
  color: #4B5563 !important;
}

body.white-mode .comp-card--trad .comp-list li strong {
  color: #0F1115 !important;
}

body.white-mode .comp-card--betania {
  background: #FFFFFF !important;
  border: 2px solid #D4A03D !important;
  box-shadow: 0 12px 36px rgba(184, 133, 35, 0.12) !important;
}

body.white-mode .comp-card--betania:hover {
  box-shadow: 0 16px 44px rgba(184, 133, 35, 0.18) !important;
}

body.white-mode .comp-badge--gold {
  background: #F0C264 !important;
  color: #0B0B0B !important;
}

body.white-mode .comp-card--betania .comp-title {
  color: #0F1115 !important;
}

body.white-mode .comp-card--betania .comp-list li {
  color: #374151 !important;
}

body.white-mode .comp-card--betania .comp-list li strong {
  color: #0F1115 !important;
}

body.white-mode .comp-check {
  color: #059669 !important;
}

body.white-mode .comp-card-footer {
  background: #FEF9EE !important;
  border-top: 1px solid rgba(184, 133, 35, 0.2) !important;
}

body.white-mode .comp-stat-callout {
  color: #9A660E !important;
}

body.white-mode .bullet-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
}

body.white-mode .bullet-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(184, 133, 35, 0.4) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07) !important;
}

body.white-mode .bullet-icon {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
  color: #B88523 !important;
}

body.white-mode .bullet-card:hover .bullet-icon {
  background: #F0C264 !important;
  color: #0B0B0B !important;
}

body.white-mode .bullet-tag {
  color: #B88523 !important;
}

body.white-mode .bullet-content h3 {
  color: #0F1115 !important;
}

body.white-mode .bullet-content p {
  color: #4B5563 !important;
}

body.white-mode .media-card-wrap {
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
}

body.white-mode .media-card-badge {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

body.white-mode .badge-accent {
  color: #059669 !important;
}

body.white-mode .badge-sub {
  color: #4B5563 !important;
}

body.white-mode .media-caption {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid #E5E7EB !important;
}

body.white-mode .media-caption blockquote {
  color: #111827 !important;
}

body.white-mode .caption-author {
  color: #B88523 !important;
}

/* ── Section 02: Lifestyle Bento Grid ── */
body.white-mode #lifestyle.sec {
  background-color: #F8F9FA !important;
}

body.white-mode .bento-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
}

body.white-mode .bento-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(184, 133, 35, 0.4) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07) !important;
}

body.white-mode .bento-card--highlight {
  background: linear-gradient(145deg, #FFFFFF 0%, #FEF9EE 100%) !important;
  border-color: rgba(184, 133, 35, 0.35) !important;
}

body.white-mode .bento-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.white-mode .bento-stat-num {
  color: #0F1115 !important;
}

body.white-mode .bento-tag {
  background: #FEF9EE !important;
  color: #9A660E !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
  border-radius: 20px !important;
}

body.white-mode .bento-card h4 {
  color: #0F1115 !important;
}

body.white-mode .bento-card p {
  color: #4B5563 !important;
}

body.white-mode .stack-float-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

body.white-mode .float-stat {
  color: #0F1115 !important;
}

body.white-mode .float-sub {
  color: #6B7280 !important;
}

/* ── Section 03: Residency Assessment Quiz ── */
body.white-mode .assessment-section {
  background: #FFFFFF !important;
}

body.white-mode .quiz-container {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07), 0 0 30px rgba(184, 133, 35, 0.06) !important;
}

body.white-mode .quiz-topbar {
  background: #F8F9FA !important;
  border-bottom: 1px solid #E5E7EB !important;
}

body.white-mode .quiz-step-label .gold-text {
  color: #B88523 !important;
}

body.white-mode .quiz-progress-track {
  background: #E5E7EB !important;
}

body.white-mode .quiz-progress-fill {
  background: linear-gradient(90deg, #B88523, #F0C264) !important;
}

body.white-mode .q-eyebrow {
  color: #B88523 !important;
}

body.white-mode .q-title {
  color: #0F1115 !important;
}

body.white-mode .q-subtitle {
  color: #4B5563 !important;
}

body.white-mode .q-opt-box {
  background: #F9FAFB !important;
  border: 1.5px solid #E5E7EB !important;
  color: #111827 !important;
}

body.white-mode .q-option:hover .q-opt-box {
  background: #F3F4F6 !important;
  border-color: #B88523 !important;
}

body.white-mode .q-opt-indicator {
  border: 2px solid #D1D5DB !important;
  background: #FFFFFF !important;
}

body.white-mode .q-opt-text {
  color: #111827 !important;
}

body.white-mode .q-option input[type="radio"]:checked + .q-opt-box {
  background: #FEF9EE !important;
  border-color: #B88523 !important;
  box-shadow: 0 0 0 1px #B88523, 0 4px 14px rgba(184, 133, 35, 0.12) !important;
}

body.white-mode .q-option input[type="radio"]:checked + .q-opt-box .q-opt-indicator {
  background: #B88523 !important;
  border-color: #B88523 !important;
  box-shadow: inset 0 0 0 3px #FFFFFF !important;
}

body.white-mode .text-input-field {
  background: #FFFFFF !important;
  border: 1.5px solid #D1D5DB !important;
  color: #0F1115 !important;
}

body.white-mode .text-input-field:focus {
  border-color: #B88523 !important;
  box-shadow: 0 0 0 3px rgba(184, 133, 35, 0.15) !important;
}

body.white-mode .text-input-field.has-error {
  border-color: #DC2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
  background-color: #FEF2F2 !important;
}

body.white-mode .text-input-field.is-valid {
  border-color: #059669 !important;
  box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.15) !important;
}

body.white-mode .field-hint {
  color: #6B7280 !important;
}

body.white-mode .field-validation-msg {
  color: #DC2626 !important;
}

body.white-mode .field-validation-msg.is-warning {
  color: #D97706 !important;
}

body.white-mode .val-suggestion-btn {
  background: #FEF3C7 !important;
  border-color: #F59E0B !important;
  color: #92400E !important;
}

body.white-mode .val-suggestion-btn:hover {
  background: #F59E0B !important;
  color: #FFFFFF !important;
}

body.white-mode .quick-chip {
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  color: #374151 !important;
}

body.white-mode .quick-chip:hover {
  background: #FEF9EE !important;
  border-color: #B88523 !important;
  color: #9A660E !important;
}

body.white-mode .quiz-nav {
  border-top-color: #E5E7EB !important;
}

body.white-mode .btn-quiz-back {
  color: #4B5563 !important;
}

body.white-mode .btn-quiz-back:hover {
  color: #B88523 !important;
}

/* Quiz Step 7: Results */
body.white-mode .results-preview-card {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
}

body.white-mode .match-badge {
  border-right-color: rgba(184, 133, 35, 0.25) !important;
}

body.white-mode .match-score {
  color: #B88523 !important;
}

body.white-mode .match-text {
  color: #0F1115 !important;
}

body.white-mode .match-factors li {
  color: #374151 !important;
}

body.white-mode .form-group label {
  color: #111827 !important;
}

body.white-mode .consent-label {
  color: #4B5563 !important;
}

body.white-mode .consent-label input {
  accent-color: #B88523 !important;
}

/* Quiz Step 8: Success */
body.white-mode .success-icon {
  background: #ECFDF5 !important;
  color: #059669 !important;
  border-color: #A7F3D0 !important;
}

body.white-mode .success-summary-box {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
}

body.white-mode .summary-row {
  border-bottom: 1px solid #E5E7EB !important;
}

body.white-mode .summary-row .s-label {
  color: #6B7280 !important;
}

body.white-mode .summary-row .s-val {
  color: #111827 !important;
}

body.white-mode .success-next-steps {
  background: #FEF9EE !important;
  border-left: 3px solid #B88523 !important;
}

body.white-mode .success-next-steps h4 {
  color: #9A660E !important;
}

body.white-mode .success-next-steps ol li {
  color: #374151 !important;
}

/* ── Section 04: FAQ Accordion ── */
body.white-mode #faq.sec {
  background-color: #F8F9FA !important;
}

body.white-mode .faq-callout {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

body.white-mode .faq-callout p {
  color: #4B5563 !important;
}

body.white-mode .faq-item {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

body.white-mode .faq-item.active {
  border-color: rgba(184, 133, 35, 0.4) !important;
  box-shadow: 0 4px 18px rgba(184, 133, 35, 0.08) !important;
}

body.white-mode .faq-trigger {
  color: #0F1115 !important;
}

body.white-mode .faq-trigger:hover {
  color: #B88523 !important;
}

body.white-mode .faq-icon {
  color: #B88523 !important;
}

body.white-mode .faq-content p {
  color: #4B5563 !important;
}

/* ── Section 05: Final CTA Card ── */
body.white-mode .final-cta-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #FEF9EE 100%) !important;
  border: 1px solid rgba(184, 133, 35, 0.3) !important;
  box-shadow: 0 20px 60px rgba(184, 133, 35, 0.1) !important;
}

body.white-mode .cta-badge {
  background: #FEF9EE !important;
  border: 1px solid rgba(184, 133, 35, 0.25) !important;
  color: #9A660E !important;
}

body.white-mode .final-cta-title {
  color: #0F1115 !important;
}

body.white-mode .final-cta-lead {
  color: #4B5563 !important;
}

body.white-mode .final-cta-trust {
  color: #4B5563 !important;
}

body.white-mode .final-cta-trust span {
  color: #9A660E !important;
}

/* ── Footer ── */
body.white-mode .ftr {
  background: #F8F9FA !important;
  border-top: 1px solid #E5E7EB !important;
  color: #4B5563 !important;
}

body.white-mode .ftr-logo {
  /* In white.html, we can directly link logo-black.png or filter */
}

body.white-mode .ftr-bio {
  color: #6B7280 !important;
}

body.white-mode .ftr-location {
  color: #9A660E !important;
}

body.white-mode .ftr-col-title {
  color: #0F1115 !important;
}

body.white-mode .ftr-links-col a {
  color: #4B5563 !important;
}

body.white-mode .ftr-links-col a:hover {
  color: #B88523 !important;
}

body.white-mode .ftr-contact-text {
  color: #6B7280 !important;
}

body.white-mode .ftr-links-col a.ftr-contact-btn,
body.white-mode .ftr-contact-btn {
  border: 1.5px solid #B88523 !important;
  color: #9A660E !important;
  background: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.white-mode .ftr-links-col a.ftr-contact-btn:hover,
body.white-mode .ftr-contact-btn:hover {
  background: #B88523 !important;
  color: #FFFFFF !important;
  border-color: #B88523 !important;
  box-shadow: 0 4px 16px rgba(184, 133, 35, 0.35) !important;
  transform: translateY(-2px);
}

body.white-mode .ftr-bottom {
  border-top-color: #E5E7EB !important;
  color: #6B7280 !important;
}

body.white-mode .ftr-legal span {
  color: #6B7280 !important;
}

/* ── Floating Mobile Sticky CTA Bar ── */
body.white-mode .mobile-sticky-bar {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid #E5E7EB !important;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.07) !important;
}

body.white-mode .msb-tag {
  color: #0F1115 !important;
}

body.white-mode .msb-stat {
  color: #9A660E !important;
}

body.white-mode .msb-close-btn {
  color: #6B7280 !important;
}

/* ── Thank You Page White Mode ── */
body.white-mode .ty-hero-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 0 30px rgba(184, 133, 35, 0.06) !important;
}

body.white-mode .ty-kicker {
  color: #B88523 !important;
}

body.white-mode .ty-title {
  color: #0F1115 !important;
}

body.white-mode .ty-lead {
  color: #4B5563 !important;
}

body.white-mode .ty-dossier {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
}

body.white-mode .ty-dossier-header {
  border-bottom: 1px solid #E5E7EB !important;
}

body.white-mode .ty-dossier-tag {
  color: #9A660E !important;
}

body.white-mode .ty-dossier-lbl {
  color: #6B7280 !important;
}

body.white-mode .ty-dossier-val {
  color: #0F1115 !important;
}

body.white-mode .ty-timeline-title {
  color: #0F1115 !important;
}

body.white-mode .ty-step-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}

body.white-mode .ty-step-card:hover {
  border-color: rgba(184, 133, 35, 0.4) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

body.white-mode .ty-step-num {
  background: #FEF9EE !important;
  border-color: rgba(184, 133, 35, 0.3) !important;
  color: #B88523 !important;
}

body.white-mode .ty-step-content h4 {
  color: #0F1115 !important;
}

body.white-mode .ty-step-content p {
  color: #4B5563 !important;
}

body.white-mode .ty-vip-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #FEF9EE 100%) !important;
  border: 1px solid rgba(184, 133, 35, 0.3) !important;
  box-shadow: 0 12px 36px rgba(184, 133, 35, 0.08) !important;
}

body.white-mode .ty-vip-title {
  color: #9A660E !important;
}

body.white-mode .ty-vip-desc {
  color: #4B5563 !important;
}