/* ================================================================
   THEME GENERATED — do not edit manually, regenerated by admin.
   ================================================================ */

/* ── CSS Variables ─────────────────────────────────────────────── */
:root {
  --color-primary:           #1a2e4a;
  --color-primary-rgb:       26, 46, 74;
  --color-secondary:         #c9a84c;
  --color-accent:            #f59e0b;
  --color-accent-rgb:        245, 158, 11;
  --color-accent-gold:       #f59e0b;
  --color-dark:              #1a0f38;
  --color-dark-rgb:          26, 15, 56;

  --color-page-header-bg:           #1a0f38;
  --color-page-header-bg-rgb:      26, 15, 56;
  --color-page-header-text:        #ffffff;
  --color-page-header-subtitle:    rgba(255,255,255,0.6);
  --color-page-header-accent:      #f59e0b;
  --color-page-header-accent-rgb:  245, 158, 11;

  --color-header-bg:         #1a2e4a;
  --color-header-bg-rgb:     26, 46, 74;
  --color-header-text:       #ffffff;
  --color-nav-link:          #374151;
  --color-nav-link-hover:    #1a2e4a;

  --color-footer-bg:         #1a0f38;
  --color-footer-text:       #d4c4f7;

  --color-body-bg:           #ffffff;
  --color-body-text:         #1e293b;
  --color-section-bg-light:  #f9fafb;
  --color-section-bg-dark:   #1a0f38;
  --color-card-bg:           #ffffff;
  --color-card-border:       #f3f4f6;

  --color-heading-text:      #111827;
  --color-body-text-muted:   #6b7280;

  --color-btn-primary-bg:    #1a2e4a;
  --color-btn-primary-bg-rgb:26, 46, 74;
  --color-btn-primary-text:  #ffffff;
  --color-btn-secondary-bg:  #f59e0b;
  --color-btn-secondary-text:#ffffff;

  --color-input-border:      #d1d5db;
  --color-input-focus:       #1a2e4a;
  --color-link-hover:        #1a2e4a;

  --color-success:           #10b981;
  --color-success-rgb:       16, 185, 129;
  --color-error:             #ef4444;
  --color-error-rgb:         239, 68, 68;
  --color-whatsapp:          #25d366;

  --color-section-divider:   #1a2e4a;
  --color-divider-rgb:       26, 46, 74;
  --color-icon-bg:           #1a2e4a;
  --color-icon-bg-rgb:       26, 46, 74;
  --color-icon-text:         #ffffff;
  --color-badge-bg:          #ede5ff;
  --color-badge-text:        #1a2e4a;
  --color-scroll-bar:        #1a2e4a;

  /* Booking wizard palette — overrides --bk-* variables in booking-luxury.css */
  --color-booking-primary:   #1a2e4a;
  --color-booking-secondary: #c9a84c;
  --color-booking-gold:      #f59e0b;
  --color-booking-dark:      #1a0f38;
  --color-booking-surface:   #faf9ff;
}

/* ── Body ──────────────────────────────────────────────────────── */
body {
  background-color: var(--color-body-bg) !important;
  color: var(--color-body-text) !important;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--color-heading-text);
}
p, li, td, th {
  color: var(--color-body-text);
}

/* ── Scroll progress bar ──────────────────────────────────────── */
#scroll-progress {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent)) !important;
}

/* ── Navigation ────────────────────────────────────────────────── */
#main-nav a {
  color: var(--color-nav-link);
}
#main-nav a:hover {
  color: var(--color-nav-link-hover) !important;
}
#main-nav a.nav-link-item::after {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)) !important;
}
.navbar-scrolled {
  background: rgba(var(--color-header-bg-rgb), 0.94) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  box-shadow: 0 4px 30px rgba(var(--color-primary-rgb), 0.10) !important;
}

/* ── Page Header (inner page banner) ───────────────────────────── */
.page-header,
.page-header.bg-dark,
div.page-header {
  background-color: var(--color-page-header-bg) !important;
  color: var(--color-page-header-text) !important;
  position: relative;
  overflow: hidden;
}.page-header h1,
.page-header h2 {
  color: var(--color-page-header-text) !important;
}
.page-header span,
.page-header p,
.page-header .text-primary-200\/60,
.page-header .text-primary-200\/80,
.page-header .text-white\/80 {
  color: var(--color-page-header-subtitle) !important;
}
.page-header a {
  color: var(--color-page-header-subtitle) !important;
}
.page-header a:hover {
  color: var(--color-page-header-text) !important;
}
/* Floating accent orbs */
.page-header .bg-accent\/15,
.page-header .bg-accent\/10 {
  background-color: rgba(var(--color-page-header-accent-rgb), 0.15) !important;
}
.page-header .bg-primary-400\/20 {
  background-color: rgba(var(--color-page-header-accent-rgb), 0.2) !important;
}
/* Overlay grid */
.page-header .header-grid {
  background: linear-gradient(135deg,
    rgba(var(--color-page-header-bg-rgb), 0.95),
    rgba(var(--color-page-header-bg-rgb), 0.7)
  );
}

/* ── Footer ────────────────────────────────────────────────────── */
footer {
  background-color: var(--color-footer-bg) !important;
}
footer, footer p, footer li, footer span, footer td {
  color: var(--color-footer-text) !important;
}
footer a:hover {
  color: var(--color-accent) !important;
}
footer h3, footer h4, footer h5 {
  color: var(--color-footer-text) !important;
}

/* ── Sections ──────────────────────────────────────────────────── */
.section-light,
section.bg-gray-50,
section.bg-white.gray-section {
  background-color: var(--color-section-bg-light) !important;
}
.section-dark,
section.bg-primary-950,
section.bg-dark {
  background-color: var(--color-section-bg-dark) !important;
}

/* Counters / CTA dark sections */
.counters-section,
.cta-section {
  background-color: var(--color-section-bg-dark) !important;
}

/* ── Cards ─────────────────────────────────────────────────────── */
.card, .bg-white.rounded-2xl, .bg-white.rounded-xl {
  background-color: var(--color-card-bg) !important;
  border-color: var(--color-card-border) !important;
}

/* ── Typography helpers ─────────────────────────────────────────── */
.text-gray-900, .text-gray-800 {
  color: var(--color-heading-text) !important;
}
.text-gray-600, .text-gray-500, .text-gray-400 {
  color: var(--color-body-text-muted) !important;
}

/* ── Primary color overrides ────────────────────────────────────── */
.bg-primary-950, .bg-primary-900 {
  background-color: var(--color-section-bg-dark) !important;
}
.bg-primary-800, .bg-primary-700, .bg-primary-600 {
  background-color: var(--color-primary) !important;
}
.bg-primary-100, .bg-primary-50 {
  background-color: rgba(var(--color-primary-rgb), 0.08) !important;
}
.text-primary-900, .text-primary-800, .text-primary-700, .text-primary-600 {
  color: var(--color-primary) !important;
}
.text-primary-300, .text-primary-200 {
  color: rgba(var(--color-primary-rgb), 0.7) !important;
}
.border-primary-200 { border-color: rgba(var(--color-primary-rgb), 0.3) !important; }
.border-primary-600 { border-color: var(--color-primary) !important; }
.hover\:border-primary-200:hover { border-color: rgba(var(--color-primary-rgb), 0.3) !important; }
.hover\:text-primary-700:hover,
.hover\:text-primary-600:hover { color: var(--color-primary) !important; }
.hover\:shadow-primary-700\/10:hover {
  box-shadow: 0 20px 25px -5px rgba(var(--color-primary-rgb), 0.10) !important;
}
.focus\:border-primary-500:focus { border-color: var(--color-input-focus) !important; }
.focus\:ring-primary-500\/20:focus { --tw-ring-color: rgba(var(--color-primary-rgb), 0.20) !important; }

/* ── Accent / Gold color ────────────────────────────────────────── */
.text-accent, .hover\:text-accent:hover {
  color: var(--color-accent) !important;
}
.bg-accent {
  background-color: var(--color-accent) !important;
}
.text-yellow-400, .text-amber-400 {
  color: var(--color-accent-gold) !important;
}

/* ── Gradients ──────────────────────────────────────────────────── */
.gradient-text,
.bg-gradient-to-r.from-primary-600,
.bg-clip-text {
  background-image: linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-accent)) !important;
}
.btn-primary,
a.btn-primary,
button.btn-primary {
  background: linear-gradient(135deg, var(--color-btn-primary-bg), rgba(var(--color-btn-primary-bg-rgb), 0.85)) !important;
  color: var(--color-btn-primary-text) !important;
  box-shadow: 0 4px 15px rgba(var(--color-btn-primary-bg-rgb), 0.3) !important;
}
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
  background: linear-gradient(135deg, var(--color-btn-secondary-bg), rgba(var(--color-accent-rgb), 0.85)) !important;
  color: var(--color-btn-secondary-text) !important;
}

/* ── Inline button classes Tailwind uses ────────────────────────── */
.bg-gradient-to-r.from-primary-600.to-primary-700,
.from-primary-600.to-primary-700 {
  background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary)) !important;
}

/* ── Icons ──────────────────────────────────────────────────────── */
.icon-wrapper,
.bg-gradient-to-br.from-primary-700.to-primary-900 {
  background: linear-gradient(135deg, var(--color-icon-bg), rgba(var(--color-icon-bg-rgb), 0.75)) !important;
  color: var(--color-icon-text) !important;
}
.bg-primary-700\/30 {
  background-color: rgba(var(--color-icon-bg-rgb), 0.3) !important;
}

/* ── Section badges ─────────────────────────────────────────────── */
.section-badge,
.text-primary-700.bg-primary-50,
.bg-primary-50.text-primary-700 {
  background-color: var(--color-badge-bg) !important;
  color: var(--color-badge-text) !important;
}

/* ── Section dividers ───────────────────────────────────────────── */
.ornate-divider,
.section-divider,
.via-primary-200 {
  background-image: linear-gradient(90deg, transparent, rgba(var(--color-divider-rgb), 0.4), transparent) !important;
}
.border-s-4.border-primary-700,
.border-l-4.border-primary-700 {
  border-color: var(--color-section-divider) !important;
}

/* ── Form inputs ────────────────────────────────────────────────── */
input, textarea, select {
  border-color: var(--color-input-border);
}
input:focus, textarea:focus, select:focus {
  border-color: var(--color-input-focus) !important;
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15) !important;
}
.border-gray-200 { border-color: var(--color-card-border) !important; }
.border-gray-100 { border-color: rgba(var(--color-primary-rgb), 0.08) !important; }

/* ── Status colors ──────────────────────────────────────────────── */
.text-green-600, .text-green-700 { color: var(--color-success) !important; }
.bg-green-100, .bg-green-50 { background-color: rgba(var(--color-success-rgb), 0.1) !important; }
.border-green-200 { border-color: rgba(var(--color-success-rgb), 0.3) !important; }
.bg-green-50.border-green-200.text-green-700 { color: var(--color-success) !important; }

.text-red-500, .text-red-600, .text-red-700 { color: var(--color-error) !important; }
.bg-red-50 { background-color: rgba(var(--color-error-rgb), 0.07) !important; }
.border-red-200 { border-color: rgba(var(--color-error-rgb), 0.3) !important; }

/* ── WhatsApp button ────────────────────────────────────────────── */
.whatsapp-btn,
a[href^="https://wa.me"],
a[href^="https://api.whatsapp.com"] {
  background-color: var(--color-whatsapp) !important;
}

/* ── Back-to-top button ─────────────────────────────────────────── */
.back-to-top {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
  box-shadow: 0 4px 20px rgba(var(--color-primary-rgb), 0.3) !important;
}

/* ── Top bar ────────────────────────────────────────────────────── */
.bg-primary-900 {
  background-color: color-mix(in srgb, var(--color-primary) 85%, black) !important;
}

/* ── Mobile menu ─────────────────────────────────────────────────── */
.mobile-menu-panel {
  background-color: var(--color-card-bg) !important;
}

/* ── Hero slider ────────────────────────────────────────────────── */
.from-primary-900.to-primary-950,
.bg-gradient-to-br.from-primary-900.to-primary-950 {
  background: linear-gradient(135deg, var(--color-section-bg-dark), rgba(var(--color-dark-rgb), 0.95)) !important;
}

/* ── FAQ toggle ─────────────────────────────────────────────────── */
.bg-primary-50.text-primary-700 {
  background-color: var(--color-badge-bg) !important;
  color: var(--color-badge-text) !important;
}