/* ==========================================================================
   THE GRANDE EVENTS — LUXURY OBSIDIAN & REFINED GOLD DARK THEME
   File: css/dark-theme.css
   Style: Deep Obsidian Surfaces with Warm, Muted Architectural Gold (#C5A059)
   ========================================================================== */

/* 1. DARK THEME DESIGN TOKENS */
[data-theme="dark"] {
  /* Dark Canvas & Neutral Surfaces */
  --color-bg-base: #130E0C;              /* Deep Obsidian Velvet */
  --color-bg-alt: #181310;               /* Dark Espresso Surface */
  --color-surface-card: #1E1714;         /* Rich Dark Card Surface */
  --color-surface-muted: #271E1A;        /* Elevated Dark Slate */
  --color-surface-dark: #0D0A08;          /* Midnight Tone */
  --color-surface-dark-card: #181310;

  /* Typography */
  --color-text-primary: #FAF6F0;         /* Soft Luminous Ivory */
  --color-text-secondary: #C4B8B0;       /* Champagne Slate */
  --color-text-tertiary: #968880;        /* Warm Muted Hint */
  --color-text-inverse: #130E0C;
  --color-text-inverse-muted: #6B5E57;

  /* Brand Accents in Dark Mode (Refined, Non-Flashy Warm Gold) */
  --color-brand-primary: #C5A059;        /* Warm Champagne Gold */
  --color-brand-primary-hover: #B8934E;
  --color-brand-primary-light: rgba(197, 160, 89, 0.12);
  --color-brand-accent: #B8934E;
  --color-brand-accent-hover: #A88340;
  --color-brand-accent-light: rgba(184, 147, 78, 0.10);
  --color-brand-gold: #C5A059;
  --color-brand-gold-hover: #B8934E;
  --color-brand-gold-light: rgba(197, 160, 89, 0.12);

  /* Borders & Dividers */
  --color-border-delicate: #2D231E;      /* Subtle Dark Border */
  --color-border-medium: #40322B;
  --color-border-accent: rgba(197, 160, 89, 0.35);
  --color-border-dark: #1E1714;

  /* Dark Shadows with Warm Ambient Glow */
  --shadow-subtle: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 1px rgba(197, 160, 89, 0.15);
  --shadow-hover: 0 18px 45px rgba(0, 0, 0, 0.6), 0 0 20px rgba(197, 160, 89, 0.14);
}

/* 2. HEADER & NAVIGATION IN DARK MODE */
[data-theme="dark"] .site-header {
  background-color: rgba(19, 14, 12, 0.95);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #2D231E;
}

[data-theme="dark"] .brand-name {
  color: #FAF6F0;
}

[data-theme="dark"] .brand-sub {
  color: #C5A059;
}

[data-theme="dark"] .nav-link {
  color: #FAF6F0;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
  color: #C5A059;
}

[data-theme="dark"] .nav-link::after {
  background-color: #C5A059;
}

[data-theme="dark"] .nav-dropdown {
  background: rgba(24, 18, 15, 0.98);
  border: 1px solid #3E3029;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65), 0 0 20px rgba(197, 160, 89, 0.10);
}

[data-theme="dark"] .nav-dropdown-link {
  color: #FAF6F0;
}

[data-theme="dark"] .nav-dropdown-link:hover,
[data-theme="dark"] .nav-dropdown-link.active-preview {
  background-color: rgba(197, 160, 89, 0.14);
  color: #C5A059;
}

[data-theme="dark"] .nav-dropdown-icon {
  background: rgba(197, 160, 89, 0.12);
  color: #C5A059;
}

[data-theme="dark"] .mobile-nav-drawer {
  background-color: #130E0C;
  border-top-color: #2D231E;
}

[data-theme="dark"] .mobile-nav-link {
  color: #FAF6F0;
  border-bottom-color: #2D231E;
}

[data-theme="dark"] .mobile-menu-btn {
  border-color: #382B24;
  color: #C5A059;
}

/* 3. BUTTONS & CTAS IN DARK MODE */
[data-theme="dark"] .btn-primary {
  background-color: #C5A059;
  color: #130E0C;
  border-color: #C5A059;
  font-weight: 600;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #B8934E;
  border-color: #B8934E;
  color: #130E0C;
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.25);
}

[data-theme="dark"] .btn-secondary {
  background-color: transparent;
  color: #FAF6F0;
  border-color: #40322B;
}

[data-theme="dark"] .btn-secondary:hover {
  border-color: #C5A059;
  color: #C5A059;
  background-color: rgba(197, 160, 89, 0.08);
}

/* 4. HERO & VALUE HIGHLIGHT BAR */
[data-theme="dark"] .hero-editorial {
  background-color: #130E0C;
}

[data-theme="dark"] .hero-title {
  color: #FAF6F0;
}

[data-theme="dark"] .value-bar {
  background-color: #181310;
  border-top-color: #2D231E;
  border-bottom-color: #2D231E;
}

[data-theme="dark"] .value-title {
  color: #C5A059;
}

[data-theme="dark"] .value-icon {
  background-color: rgba(197, 160, 89, 0.12);
  color: #C5A059;
}

[data-theme="dark"] .value-item {
  background-color: #1A1411 !important;
  border-color: #2D231E !important;
}

[data-theme="dark"] .value-desc {
  color: #C4B8B0 !important;
}

/* 5. CARDS, BENTO BLOCKS & IMAGES */
[data-theme="dark"] .event-feature-card,
[data-theme="dark"] .venue-facility-card,
[data-theme="dark"] .bento-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .form-card,
[data-theme="dark"] .deposit-callout-box,
[data-theme="dark"] .testimonial-trust-strip {
  background-color: #1E1714;
  border-color: #332720;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .event-feature-card:hover,
[data-theme="dark"] .venue-facility-card:hover,
[data-theme="dark"] .bento-card:hover,
[data-theme="dark"] .pricing-card:hover,
[data-theme="dark"] .testimonial-card:hover {
  border-color: rgba(197, 160, 89, 0.4);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 18px rgba(197, 160, 89, 0.12);
}

[data-theme="dark"] .pricing-card.featured {
  background: linear-gradient(180deg, #251D19 0%, #1A1411 100%) !important;
  border: 2px solid #C5A059 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 24px rgba(197, 160, 89, 0.2) !important;
}

[data-theme="dark"] .pricing-card.featured .package-header {
  border-bottom-color: #382B24;
}

[data-theme="dark"] .pricing-card.featured .package-duration {
  color: #C5A059;
}

[data-theme="dark"] .pricing-card.featured .package-title {
  color: #FAF6F0;
}

[data-theme="dark"] .pricing-card.featured p {
  color: #C4B8B0 !important;
}

[data-theme="dark"] .pricing-card.featured .package-period {
  color: #968880;
}

[data-theme="dark"] .pricing-card.featured .inclusions-list span {
  color: #FAF6F0;
}

[data-theme="dark"] .featured-badge {
  background-color: #C5A059;
  color: #130E0C;
}

[data-theme="dark"] .pricing-segmented-control {
  background-color: #181310;
  border: 1px solid #332720;
}

[data-theme="dark"] .pricing-tab-btn {
  color: #C4B8B0;
}

[data-theme="dark"] .pricing-tab-btn.active {
  background-color: #C5A059;
  color: #130E0C;
  font-weight: 700;
}

[data-theme="dark"] .package-price {
  color: #C5A059;
}

[data-theme="dark"] .slider-btn {
  background: #1E1714;
  border-color: #382B24;
  color: #C5A059;
}

[data-theme="dark"] .slider-btn:hover {
  background: #C5A059;
  color: #130E0C;
}

[data-theme="dark"] .gold-check-icon {
  color: #C5A059;
}

[data-theme="dark"] .eyebrow-gold {
  color: #C5A059;
  border-color: rgba(197, 160, 89, 0.3);
  background-color: rgba(197, 160, 89, 0.10);
}

/* Hero Floating Badge in Dark Mode */
[data-theme="dark"] .hero-badge-floating {
  background: rgba(24, 19, 16, 0.92) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 20px rgba(197, 160, 89, 0.15) !important;
}

[data-theme="dark"] .hero-badge-floating strong {
  color: #C5A059 !important;
}

[data-theme="dark"] .hero-badge-floating span {
  color: #C4B8B0 !important;
}

/* Deposit Callout Box in Dark Mode */
[data-theme="dark"] .deposit-callout-box {
  background-color: #1E1714 !important;
  border: 1px solid #332720 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .deposit-callout-box strong {
  color: #C5A059 !important;
}

[data-theme="dark"] .deposit-callout-box div {
  color: #C4B8B0 !important;
}

[data-theme="dark"] .deposit-icon {
  color: #C5A059 !important;
}

/* 6. FAQ & ACCORDIONS */
[data-theme="dark"] .faq-item {
  background-color: #1E1714;
  border-color: #332720;
}

[data-theme="dark"] .faq-trigger {
  color: #FAF6F0;
}

[data-theme="dark"] .faq-item.active {
  border-color: rgba(197, 160, 89, 0.4);
}

/* 7. FORMS & INPUTS */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #16110F;
  border-color: #382B24;
  color: #FAF6F0;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: #C5A059 !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.20) !important;
}

/* 8. FOOTER */
[data-theme="dark"] .site-footer {
  background-color: #0D0A08;
  border-top: 1px solid #241C17;
}

/* 9. THEME TOGGLE CONTROLS */
.theme-toggle-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1.5px solid var(--color-border-delicate);
  background: var(--color-surface-card);
  color: var(--color-brand-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--shadow-subtle);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.theme-toggle-btn:hover {
  transform: scale(1.08) rotate(12deg);
  border-color: var(--color-brand-gold);
  box-shadow: 0 4px 14px rgba(197, 160, 89, 0.25);
}

.theme-toggle-btn .sun-icon {
  display: none;
  color: #C5A059;
}

.theme-toggle-btn .moon-icon {
  display: block;
  color: var(--color-brand-primary);
}

[data-theme="dark"] .theme-toggle-btn {
  background: #1E1714;
  border-color: #40322B;
}

[data-theme="dark"] .theme-toggle-btn .sun-icon {
  display: block;
  color: #C5A059;
}

[data-theme="dark"] .theme-toggle-btn .moon-icon {
  display: none;
}

[data-theme="dark"] .theme-floating-toggle {
  background: #1E1714;
  border-color: #40322B;
  color: #FAF6F0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 12px rgba(197, 160, 89, 0.15);
}

[data-theme="dark"] .theme-floating-toggle:hover {
  border-color: #C5A059;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.75), 0 0 18px rgba(197, 160, 89, 0.22);
}

[data-theme="dark"] .theme-floating-toggle .sun-icon {
  display: block;
  color: #C5A059;
}

[data-theme="dark"] .theme-floating-toggle .moon-icon {
  display: none;
}

/* 9. SECTION DARK & CTA HEADINGS */
[data-theme="dark"] .section-dark {
  background-color: #140F0D !important;
  border-top: 1px solid #2D231E;
  border-bottom: 1px solid #2D231E;
}

[data-theme="dark"] .section-dark h1,
[data-theme="dark"] .section-dark h2,
[data-theme="dark"] .section-dark h3,
[data-theme="dark"] .section-dark h4 {
  color: #FAF6F0 !important;
}

[data-theme="dark"] .section-dark p,
[data-theme="dark"] .section-dark .body-lg {
  color: #C4B8B0 !important;
}

/* 10. FOOTER TOGGLE OVERRIDE */
.footer-theme-toggle,
[data-theme="dark"] .footer-theme-toggle {
  display: none !important;
}