/* ============================================================
   BED Privilege Card — Premium Gold & Ivory Theme Override
   Rich Metallic Gold · Ivory · Champagne · Cream
   ============================================================ */

:root {
  /* ── Primary Gold Palette ── */
  --pink:           #C9A227;
  --pink-mid:       #A67C00;
  --pink-light:     #E8C96A;
  --pink-pale:      #FBF5DC;
  --pink-soft:      #FFFDF8;
  --pink-ultra:     rgba(201,162,39,0.08);
  --pink-grad:      linear-gradient(135deg, #A67C00 0%, #C9A227 50%, #E8C96A 100%);
  --pink-grad-h:    linear-gradient(90deg, #A67C00, #C9A227, #E8C96A);
  --border-pink:    rgba(201,162,39,0.30);
  --shadow-pink:    0 8px 32px rgba(201,162,39,0.22);
  --shadow-pink-lg: 0 16px 48px rgba(201,162,39,0.32);

  /* ── Deep Gold / Accent ── */
  --purple:         #A67C00;
  --purple-mid:     #8B6800;
  --purple-light:   #C9A227;
  --purple-pale:    #F5E6B3;
  --purple-soft:    #FFFDF8;
  --purple-ultra:   rgba(166,124,0,0.07);
  --purple-grad:    linear-gradient(135deg, #7A5C00 0%, #A67C00 50%, #C9A227 100%);
  --purple-grad-h:  linear-gradient(90deg, #7A5C00, #A67C00, #C9A227);
  --border-purple:  rgba(166,124,0,0.22);
  --shadow-purple:  0 8px 32px rgba(166,124,0,0.22);

  /* ── Gold ── */
  --gold:           #C9A227;
  --gold-mid:       #B8943A;
  --gold-light:     #F5E6B3;
  --gold-pale:      #FFFDF8;
  --gold-dark:      #A67C00;
  --gold-deep:      #8B6800;
  --gold-ultra:     rgba(201,162,39,0.10);
  --gold-grad:      linear-gradient(135deg, #8B6800 0%, #C9A227 45%, #F5E6B3 80%, #C9A227 100%);
  --gold-grad-h:    linear-gradient(90deg, #8B6800, #C9A227, #F5E6B3);
  --gold-grad-soft: linear-gradient(135deg, #C9A227 0%, #F5E6B3 100%);
  --border-gold:    rgba(201,162,39,0.35);
  --shadow-gold:    0 8px 32px rgba(201,162,39,0.28);
  --shadow-gold-lg: 0 16px 48px rgba(201,162,39,0.38);

  /* ── Accent (Gold gradient) ── */
  --accent:         #C9A227;
  --accent-mid:     #A67C00;
  --accent-dark:    #8B6800;
  --accent-light:   #E8C96A;
  --accent-ultra:   rgba(201,162,39,0.07);
  --accent-grad:    linear-gradient(135deg, #8B6800 0%, #C9A227 50%, #F5E6B3 100%);
  --accent-grad-h:  linear-gradient(90deg, #A67C00, #C9A227, #E8C96A);

  /* ── Backgrounds — all light/ivory ── */
  --dark:        #FFFDF8;
  --dark-2:      #FAF7F0;
  --dark-3:      #F8F1E4;
  --dark-4:      #FBF5DC;
  --dark-5:      #F5E6B3;
  --charcoal:    #FAF7F0;
  --bg-alt:      #FAF7F0;
  --bg-blush:    #FBF5DC;
  --bg-lavender: #F5E6B3;
  --bg-ivory:    #FFFDF8;
  --bg-card:     #FFFFFF;
  --bg-card-2:   #FFFDF8;

  /* ── Text — warm dark tones (no pure black) ── */
  --text:           #2C1A00;
  --text-sub:       #3D2800;
  --text-muted:     #6B5030;
  --text-secondary: #6B5030;
  --text-faint:     #9A7850;
  --black:          #2C1A00;
  --white:          #FFFFFF;

  /* ── Borders ── */
  --border-color:  rgba(201,162,39,0.20);
  --border:        rgba(201,162,39,0.20);
  --border-soft:   rgba(201,162,39,0.10);
  --border-card:   rgba(201,162,39,0.18);
  --border-light:  rgba(201,162,39,0.08);

  /* ── Shadows — warm gold tones ── */
  --shadow-xs:   0 1px 8px rgba(201,162,39,0.08);
  --shadow-sm:   0 4px 16px rgba(201,162,39,0.10);
  --shadow-md:   0 8px 32px rgba(201,162,39,0.12);
  --shadow-lg:   0 16px 48px rgba(201,162,39,0.14);
  --shadow-xl:   0 32px 80px rgba(201,162,39,0.16);

  /* ── Silver aliases → champagne ── */
  --silver:         #F5E6B3;
  --silver-mid:     #E8C96A;
  --silver-dark:    #B8943A;
  --silver-light:   #FBF5DC;
  --silver-pale:    #FFFDF8;
  --silver-grad-h:  var(--accent-grad-h);
  --border-accent:  rgba(201,162,39,0.20);
}

/* ── Global body background ── */
body {
  background: #FFFDF8 !important;
  color: #2C1A00 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar-track { background: #FAF7F0 !important; }
::-webkit-scrollbar-thumb { background: #E8C96A !important; }
::-webkit-scrollbar-thumb:hover { background: #C9A227 !important; }
::selection { background: rgba(201,162,39,0.18) !important; color: #A67C00 !important; }

/* ── Preloader ── */
#lux-preloader { background: #FFFDF8 !important; }
.curtain-left, .curtain-right { background: #FFFDF8 !important; }

/* ── Navbar ── */
#lux-nav {
  background: rgba(255,253,248,0.97) !important;
  border-bottom: 1px solid rgba(201,162,39,0.15) !important;
  box-shadow: 0 2px 16px rgba(201,162,39,0.08) !important;
}
#lux-nav.scrolled {
  background: rgba(255,253,248,0.99) !important;
  box-shadow: 0 4px 24px rgba(201,162,39,0.12) !important;
}
.nav-links a { color: #3D2800 !important; }
.nav-links a:hover { color: #C9A227 !important; }
.nav-links a.active { color: #A67C00 !important; }
.nav-links a::after { background: var(--gold-grad-h) !important; }
.nav-apply-btn {
  background: var(--gold-grad) !important;
  box-shadow: var(--shadow-gold) !important;
  color: #fff !important;
}
.nav-apply-btn:hover { box-shadow: var(--shadow-gold-lg) !important; }
.nav-hamburger span { background: #3D2800 !important; }
.nav-mobile { background: #FFFDF8 !important; }
.nav-mobile a { color: #3D2800 !important; border-bottom-color: rgba(201,162,39,0.15) !important; }
.nav-mobile a:hover { color: #C9A227 !important; background: #FBF5DC !important; }
.nav-mobile-close { background: #FFFDF8 !important; border-bottom-color: rgba(201,162,39,0.15) !important; }
.nav-mobile-close i { color: #6B5030 !important; border-color: rgba(201,162,39,0.25) !important; }
.nav-mobile-close:hover i { border-color: #C9A227 !important; color: #C9A227 !important; background: #FBF5DC !important; }
.nav-mobile-apply { background: var(--gold-grad) !important; box-shadow: var(--shadow-gold) !important; }

/* ── Hero ── */
.hero-section { background: linear-gradient(135deg, #FFFDF8 0%, #FAF7F0 50%, #F8F1E4 100%) !important; }
.hero-slide-default { background: linear-gradient(135deg, #FBF5DC, #F5E6B3) !important; }
.hero-slider-overlay { background: rgba(255,253,248,0.15) !important; }
.hero-dot { background: rgba(201,162,39,0.25) !important; }
.hero-dot.active { background: #C9A227 !important; }
.hero-orb-1 { background: rgba(201,162,39,0.06) !important; }
.hero-orb-2 { background: rgba(201,162,39,0.05) !important; }
.hero-pill {
  background: rgba(201,162,39,0.10) !important;
  border-color: rgba(201,162,39,0.30) !important;
  color: #A67C00 !important;
}
.hero-pill-dot { background: #C9A227 !important; box-shadow: 0 0 8px #C9A227 !important; }
.hero-grid .lux-h1 { color: #2C1A00 !important; }
.hero-grid .lux-body { color: #3D2800 !important; }
.hero-stats { border-top-color: rgba(201,162,39,0.20) !important; }

/* ── Typography ── */
.lux-h1, .lux-h2 { color: #2C1A00 !important; }
.lux-h3 { color: #3D2800 !important; }
.lux-body { color: #3D2800 !important; }
.lux-body-sm { color: #6B5030 !important; }
.lux-tag { color: #C9A227 !important; }
.section-tag { color: #C9A227 !important; }
.section-title { color: #2C1A00 !important; }
.lux-divider { background: var(--gold-grad-h) !important; }
.lux-divider.full { background: linear-gradient(90deg, transparent, #E8C96A, #C9A227, transparent) !important; }
.section-divider { background: var(--gold-grad-h) !important; }

/* ── Buttons ── */
.btn-gold {
  background: linear-gradient(135deg, #A67C00, #C9A227, #E8C96A) !important;
  box-shadow: 0 4px 20px rgba(201,162,39,0.30) !important;
  color: #fff !important;
}
.btn-gold:hover { background: linear-gradient(135deg, #8B6800, #A67C00, #C9A227) !important; box-shadow: var(--shadow-gold-lg) !important; }
.btn-outline { border-color: #C9A227 !important; color: #A67C00 !important; }
.btn-outline:hover { background: #C9A227 !important; color: #fff !important; border-color: #C9A227 !important; box-shadow: var(--shadow-gold) !important; }
.btn-dark { background: #A67C00 !important; }
.btn-dark:hover { background: #C9A227 !important; box-shadow: var(--shadow-gold) !important; }
.btn-outline-gold { border-color: #C9A227 !important; color: #A67C00 !important; }
.btn-outline-gold:hover { background: #C9A227 !important; color: #fff !important; box-shadow: var(--shadow-gold) !important; }

/* ── Cards ── */
.lux-card { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; box-shadow: var(--shadow-xs) !important; }
.lux-card:hover { border-color: rgba(201,162,39,0.35) !important; box-shadow: var(--shadow-md) !important; }
.lux-card::before { background: var(--gold-grad-h) !important; }
.concept-icon { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }
.lux-card:hover .concept-icon { background: #F5E6B3 !important; box-shadow: var(--shadow-gold) !important; }

/* ── Category badges ── */
.cat-badge { background: #fff !important; border-color: rgba(201,162,39,0.25) !important; color: #A67C00 !important; }
.cat-badge:hover { background: var(--gold-grad) !important; color: #fff !important; border-color: transparent !important; box-shadow: var(--shadow-gold) !important; }

/* ── Venue cards ── */
.venue-card { background: #fff !important; border-color: rgba(201,162,39,0.18) !important; }
.venue-card:hover { border-color: rgba(201,162,39,0.35) !important; box-shadow: var(--shadow-md) !important; }
.venue-icon { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }
.venue-card:hover .venue-icon { background: #F5E6B3 !important; }
.venue-name { color: #2C1A00 !important; }
.venue-cat { color: #C9A227 !important; }

/* ── Testimonials ── */
.testimonials-section { background: #FAF7F0 !important; }
.testi-card { background: #fff !important; border-color: rgba(201,162,39,0.18) !important; }
.testi-card:hover { border-color: rgba(201,162,39,0.35) !important; }

/* ── Forms ── */
.form-input, .aform-input {
  background: #FFFFFF !important;
  border-color: rgba(201,162,39,0.25) !important;
  color: #2C1A00 !important;
}
.form-input:focus, .aform-input:focus {
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.12) !important;
}
.form-input::placeholder, .aform-input::placeholder { color: #9A7850 !important; }
.form-label, .aform-label { color: #6B5030 !important; }
.form-error { background: rgba(239,68,68,0.06) !important; border-color: rgba(239,68,68,0.25) !important; color: #DC2626 !important; }

/* ── Partner form steps ── */
.pform-steps { background: #FFFFFF !important; border-color: rgba(201,162,39,0.20) !important; }
.pstep-num { border-color: rgba(201,162,39,0.25) !important; background: #FFFDF8 !important; color: #6B5030 !important; }
.pstep-label { color: #6B5030 !important; }
.pform-step.active .pstep-num { border-color: #C9A227 !important; background: #C9A227 !important; color: #fff !important; }
.pform-step.active .pstep-label { color: #C9A227 !important; }
.pform-step.done .pstep-num { border-color: #22C55E !important; background: #22C55E !important; color: #fff !important; }
.pform-step.done .pstep-label { color: #16A34A !important; }
.pstep-line { background: rgba(201,162,39,0.20) !important; }
.pstep-line.done { background: #22C55E !important; }
.pform-card { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; box-shadow: var(--shadow-xs) !important; }
.pform-card-head { border-bottom-color: rgba(201,162,39,0.15) !important; }
.pform-card-head i { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }
.pnav-next { background: var(--gold-grad) !important; box-shadow: var(--shadow-gold) !important; color: #fff !important; }
.pnav-back { background: #FFFDF8 !important; border-color: rgba(201,162,39,0.25) !important; color: #6B5030 !important; }
.pnav-back:hover { border-color: #C9A227 !important; color: #C9A227 !important; }
.pnav-submit { background: var(--gold-grad) !important; box-shadow: var(--shadow-gold) !important; color: #fff !important; }
.chk-label { background: #FFFDF8 !important; border-color: rgba(201,162,39,0.25) !important; color: #3D2800 !important; }
.chk-label:has(input:checked) { border-color: #C9A227 !important; background: #FBF5DC !important; color: #A67C00 !important; }
.file-upload-item { background: #FFFDF8 !important; border-color: rgba(201,162,39,0.25) !important; }
.file-upload-btn { background: #C9A227 !important; color: #fff !important; }
.file-upload-btn:hover { background: #A67C00 !important; }
.req { color: #C9A227 !important; }

/* ── Page hero ── */
.page-hero {
  background: linear-gradient(135deg, #FFFDF8 0%, #FAF7F0 50%, #F8F1E4 100%) !important;
  padding-top: calc(var(--nav-h) + 3rem) !important;
}
.page-hero-tag { color: #C9A227 !important; }
.page-hero .lux-h1 { color: #2C1A00 !important; }
.page-hero .lux-body { color: #3D2800 !important; }
.breadcrumb a { color: #6B5030 !important; }
.breadcrumb span { color: #C9A227 !important; }

/* ── Page content ── */
.page-content { background: #FFFDF8 !important; }

/* ── Partners ── */
.partner-card-item { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.partner-card-item:hover { border-color: rgba(201,162,39,0.35) !important; box-shadow: var(--shadow-md) !important; }
.partner-icon { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }
.partner-name { color: #2C1A00 !important; }
.partner-cat-badge { background: #FBF5DC !important; color: #A67C00 !important; border-color: rgba(201,162,39,0.25) !important; }
.filter-btn { background: #FFFFFF !important; border-color: rgba(201,162,39,0.25) !important; color: #6B5030 !important; }
.filter-btn.active, .filter-btn:hover { background: var(--gold-grad) !important; color: #fff !important; border-color: transparent !important; }

/* ── Properties ── */
.property-card { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.property-card:hover { border-color: rgba(201,162,39,0.35) !important; }
.property-badge { background: #C9A227 !important; color: #fff !important; }
.property-price { color: #A67C00 !important; }
.property-title { color: #2C1A00 !important; }
.property-location { color: #6B5030 !important; }
.property-desc { color: #6B5030 !important; }

/* ── CTA section ── */
#cta-section {
  background: linear-gradient(135deg, #FBF5DC 0%, #F5E6B3 50%, #FBF5DC 100%) !important;
}
.cta-title { color: #2C1A00 !important; }
.cta-title em { color: #C9A227 !important; }
.cta-sub { color: #3D2800 !important; }

/* ── Membership strip ── */
.membership-strip { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.membership-strip::before { background: var(--gold-grad-h) !important; }
.perk-item i { color: #C9A227 !important; }

/* ── FAQ ── */
.faq-item { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.faq-item:hover, .faq-item.open { border-color: rgba(201,162,39,0.35) !important; }
.landing-faq-item { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.landing-faq-item.open { border-color: #C9A227 !important; }
.landing-faq-q { color: #2C1A00 !important; }
.landing-faq-a { color: #3D2800 !important; }

/* ── Footer ── */
footer, #footer {
  background: linear-gradient(135deg, #2C1A00 0%, #3D2800 100%) !important;
  color: #F5E6B3 !important;
}
.footer-logo-text { color: #E8C96A !important; -webkit-text-fill-color: #E8C96A !important; background: none !important; }
.footer-logo-sub { color: rgba(245,230,179,0.6) !important; }
.footer-about { color: rgba(245,230,179,0.75) !important; }
.footer-h { color: #E8C96A !important; }
.footer-links a { color: rgba(245,230,179,0.7) !important; }
.footer-links a:hover { color: #E8C96A !important; }
.footer-bottom { border-top-color: rgba(201,162,39,0.20) !important; }
.footer-bottom p { color: rgba(245,230,179,0.5) !important; }
.footer-tagline span { color: #E8C96A !important; }
.fsoc { background: rgba(201,162,39,0.15) !important; border-color: rgba(201,162,39,0.25) !important; color: #E8C96A !important; }
.fsoc:hover { background: #C9A227 !important; color: #fff !important; }

/* ── Back to top ── */
#back-top { background: var(--gold-grad) !important; box-shadow: var(--shadow-gold) !important; }
#back-top:hover { box-shadow: var(--shadow-gold-lg) !important; }

/* ── Progress bar ── */
#lux-progress { background: var(--gold-grad-h) !important; }

/* ── Toast ── */
.toast { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; color: #2C1A00 !important; }

/* ── Contact page ── */
.c-icon { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }
.c-label { color: #6B5030 !important; }
.c-val { color: #2C1A00 !important; }

/* ── Apply page ── */
.apply-success { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.apply-success-icon { background: rgba(34,197,94,0.10) !important; border-color: rgba(34,197,94,0.25) !important; }
.apply-error-top { background: rgba(239,68,68,0.06) !important; border-color: rgba(239,68,68,0.20) !important; color: #DC2626 !important; }
.apply-hero-active { background: var(--gold-grad) !important; color: #fff !important; }
.apply-hero-link { background: rgba(255,253,248,0.9) !important; border-color: rgba(201,162,39,0.25) !important; color: #3D2800 !important; }
.apply-hero-link:hover { border-color: #C9A227 !important; color: #C9A227 !important; }
.apply-alt-link a { color: #C9A227 !important; }

/* ── Validation states ── */
.field-error { color: #DC2626 !important; font-size: 0.75rem; margin-top: 4px; display: block; }
.input-invalid { border-color: #EF4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.10) !important; }
.input-valid { border-color: #22C55E !important; box-shadow: 0 0 0 3px rgba(34,197,94,0.10) !important; }

/* ── Glass card effect ── */
.glass-card {
  background: rgba(255,253,248,0.85) !important;
  backdrop-filter: blur(12px) !important;
  border-color: rgba(201,162,39,0.20) !important;
}

/* ── Empty state ── */
.empty-state { color: #6B5030 !important; }
.empty-state i { color: rgba(201,162,39,0.25) !important; }

/* ── Detail grid ── */
.detail-label { color: #6B5030 !important; }
.detail-val { color: #2C1A00 !important; }
.detail-info-row { border-bottom-color: rgba(201,162,39,0.12) !important; }

/* ── Membership card ── */
.membership-card { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }

/* ── Enquiry form in modal ── */
.enquiry-form { background: #FFFDF8 !important; }
.modal-box { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.modal-gallery { background: #FAF7F0 !important; }
.modal-close { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #A67C00 !important; }
.modal-close:hover { background: #C9A227 !important; color: #fff !important; }

/* ── Lux icon box ── */
.lux-icon-box { background: #FBF5DC !important; border-color: rgba(201,162,39,0.25) !important; color: #C9A227 !important; }

/* ── Benefits / Marketing pages ── */
.benefit-card { background: #FFFFFF !important; border-color: rgba(201,162,39,0.18) !important; }
.benefit-icon { background: #FBF5DC !important; color: #C9A227 !important; }

/* ── Stat numbers ── */
.stat-num { color: #C9A227 !important; }
.stat-label { color: #6B5030 !important; }

/* ── Mobile responsive ── */
@media (max-width: 640px) {
  .page-hero { padding-top: calc(var(--nav-h) + 2rem) !important; }
}
