/* =========================
   DARK THEME VARIABLES
========================= */
body.dark-mode {
  --gold: #d4af37;
  --dark-gold: #b8941f;

  --deep-blue: #0b0f14;
  --navy: #070b10;
  --charcoal: #10151c;

  --cream: #b9c0cc;
  --soft-white: #0f141b;
}

/* =========================
   GLOBAL
========================= */
body.dark-mode {
  background: var(--deep-blue);
  color: var(--cream);
}

/* =========================
   NAVBAR
========================= */
body.dark-mode .navbar {
  background: rgba(7, 11, 16, 0.96);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}

body.dark-mode .nav-link {
  color: var(--cream);
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
  background: rgba(212, 175, 55, .15);
  color: var(--gold);
}

body.dark-mode .dropdown-menu {
  background: #0c1118;
}

/* =========================
   SECTIONS
========================= */
body.dark-mode section {
  background: transparent;
}

body.dark-mode .section-title {
  color: var(--gold);
}

body.dark-mode .section-subtitle {
  color: var(--cream);
}

/* =========================
   CARDS (VENUES / SERVICES / TEAM)
========================= */
body.dark-mode .home-venue-card,
body.dark-mode .service-card,
body.dark-mode .team-member,
body.dark-mode .value-card,
body.dark-mode .testimonial-card {
  background: #0f141b;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .6);
}

body.dark-mode .home-venue-title,
body.dark-mode .service-content h3,
body.dark-mode .team-member h4 {
  color: var(--gold);
}

body.dark-mode .home-venue-description,
body.dark-mode .service-content p,
body.dark-mode .team-member p {
  color: var(--cream);
}

/* =========================
   FEATURE TAGS
========================= */
body.dark-mode .feature-tag {
  background: rgba(255, 255, 255, .04);
  color: var(--cream);
  border-color: rgba(212, 175, 55, .3);
}

/* =========================
   PRICING
========================= */
body.dark-mode .home-pricing-card {
  background: #0f141b;
}

body.dark-mode .home-pricing-price {
  color: var(--gold);
}

body.dark-mode .home-pricing-period {
  color: var(--cream);
}

body.dark-mode .home-pricing-features li {
  border-color: rgba(255, 255, 255, .08);
}

/* =========================
   BUTTONS
========================= */
body.dark-mode .btn-secondary {
  border-color: var(--gold);
  color: var(--gold);
}

body.dark-mode .btn-secondary:hover {
  background: var(--gold);
  color: var(--deep-blue);
}

/* =========================
   TESTIMONIALS
========================= */
body.dark-mode .testimonial-section {
  background: linear-gradient(135deg, #090d13, #0e141c);
}

/* =========================
   GALLERY
========================= */
body.dark-mode .gallery-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, .85), transparent);
}

/* =========================
   FOOTER
========================= */
body.dark-mode footer {
  background: #070b10;
}

body.dark-mode .footer-links a {
  color: var(--cream);
}

body.dark-mode .footer-links a:hover {
  color: var(--gold);
}

/* =========================
   FORMS / INPUTS
========================= */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: #0c1118;
  color: var(--cream);
  border: 1px solid rgba(255, 255, 255, .15);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: rgba(255, 255, 255, .4);
}

/* =========================
   CALENDAR (if used)
========================= */
body.dark-mode .calendar-day.available {
  background: rgba(46, 204, 113, 0.15);
  color: #2ecc71;
}

body.dark-mode .calendar-day.booked {
  background: rgba(231, 76, 60, 0.18);
  color: #e74c3c;
}

body.dark-mode .calendar-day.limited {
  background: rgba(241, 196, 15, 0.2);
  color: #f1c40f;
}

/* =========================
   FORCE TEXT COLORS (DARK MODE)
========================= */

body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode a,
body.dark-mode label,
body.dark-mode small {
  color: #f5f7fa !important;
}

/* Headings */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #ffffff !important;
}

/* Muted / secondary text */
body.dark-mode .text-muted,
body.dark-mode .section-subtitle,
body.dark-mode .sub-title,
body.dark-mode .description {
  color: #c7cbd4 !important;
}

/* Cards & sections text */
body.dark-mode .card,
body.dark-mode .card p,
body.dark-mode .home-venue-card p,
body.dark-mode .service-card p,
body.dark-mode .testimonial-card p,
body.dark-mode .pricing-card p {
  color: #e5e7eb !important;
}

/* Links */
body.dark-mode a {
  color: #e5e7eb;
}

body.dark-mode a:hover {
  color: var(--gold);
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  color: #ffffff !important;
}

/* =========================
   GLOBAL DARK MODE 
========================= */

body.dark-mode {
  background-color: #0f172a;
  /* deep dark blue */
  color: #f1f5f9;
  /* light text */
}

/* Force all text to be readable */
body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode label,
body.dark-mode a,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #f1f5f9 !important;
}

/* =========================
   NAVBAR
========================= */

body.dark-mode .navbar {
  background: #020617;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

body.dark-mode .nav-link {
  color: #f8fafc !important;
}

body.dark-mode .nav-link:hover {
  color: var(--gold) !important;
}

body.dark-mode .dropdown-menu {
  background: #020617;
}

/* =========================
   LOGIN SECTION
========================= */

body.dark-mode .login-section {
  background: #020617;
}

body.dark-mode .login-container {
  background: #020617;
}

/* Left image/content panel */
body.dark-mode .login-image {
  background: linear-gradient(135deg, #020617, #0f172a);
  color: #f8fafc;
}

/* Form container */
body.dark-mode .login-form-container {
  background: #020617;
}

/* Inputs */
body.dark-mode .form-control {
  background: #020617;
  border: 1px solid #334155;
  color: #f8fafc;
}

body.dark-mode .form-control::placeholder {
  color: #94a3b8;
}

/* Labels */
body.dark-mode label {
  color: #e5e7eb;
}

/* Password toggle button */
body.dark-mode .password-toggle-btn {
  color: #e5e7eb;
}

/* Login button */
body.dark-mode .btn-login {
  background: var(--gold);
  color: #020617;
}

body.dark-mode .btn-login:hover {
  background: var(--gold-dark);
}

/* Divider */
body.dark-mode .divider span {
  background: #020617;
  color: #e5e7eb;
}

/* Social buttons */
body.dark-mode .social-btn {
  background: #020617;
  border: 1px solid #334155;
  color: #f8fafc;
}

body.dark-mode .social-btn:hover {
  border-color: var(--gold);
}

/* Links */
body.dark-mode a {
  color: var(--gold);
}

body.dark-mode a:hover {
  color: var(--gold-dark);
}

/* =========================
   FOOTER
========================= */

body.dark-mode footer {
  background: #020617;
}

body.dark-mode .footer-section h3 {
  color: #f8fafc;
}

body.dark-mode .footer-links a {
  color: #cbd5f5;
}

body.dark-mode .footer-links a:hover {
  color: var(--gold);
}

body.dark-mode .footer-bottom {
  border-top: 1px solid #334155;
  color: #94a3b8;
}

/* =========================
   PRICING PAGE – TEXT 
========================= */

body.dark-mode .pricing-hero,
body.dark-mode .pricing-hero h1,
body.dark-mode .pricing-hero p {
  color: #ffffff !important;
}

body.dark-mode .pricing-section,
body.dark-mode .pricing-title h2 {
  color: #ffffff !important;
}

/* Pricing cards */
body.dark-mode .pricing-card {
  background: #0f172a;
  color: #ffffff !important;
}

body.dark-mode .pricing-card h3 {
  color: var(--gold) !important;
}

body.dark-mode .pricing-card .price {
  color: #ffffff !important;
}

body.dark-mode .pricing-card ul li {
  color: #e5e7eb !important;
}

/* Gallery section */
body.dark-mode .pricing-gallery-section,
body.dark-mode .pricing-gallery-title h2,
body.dark-mode .pricing-gallery-title p {
  color: #ffffff !important;
}

/* CTA section */
body.dark-mode .pricing-cta-section,
body.dark-mode .pricing-cta-section h2,
body.dark-mode .pricing-cta-section p {
  color: #ffffff !important;
}

/* FORCE ALL TEXT WHITE IN DARK MODE */
body.dark-mode,
body.dark-mode * {
  color: inherit;
}

body.dark-mode {
  color: #f8fafc;
}

/* =========================
   ABOUT PAGE – OUR STORY
========================= */

body.dark-mode section[style*="background:#fff"] {
  background: #0f172a !important;
  /* dark background */
}

/* Story text */
body.dark-mode .story-content h2 {
  color: #ffffff !important;
}

body.dark-mode .story-content p {
  color: #e5e7eb !important;
}

/* Image container (optional polish) */
body.dark-mode .story-image img {
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}

/* ===============================
   CLIENT DASHBOARD – DARK MODE
   FORCE TEXT WHITE + DARK BG
================================ */

/* Page base */
body.dark-mode {
  background: #0b0f14 !important;
  color: #f8fafc !important;
}

/* Headings */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5 {
  color: #ffffff !important;
}

/* Paragraphs & small text */
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode div {
  color: #e5e7eb !important;
}

/* ================= TOP BAR ================= */
body.dark-mode .topbar {
  background: #020617 !important;
}

/* ================= SIDEBAR ================= */
body.dark-mode .sidebar {
  background: #020617 !important;
}

body.dark-mode .menu a {
  color: #e5e7eb !important;
}

body.dark-mode .menu a:hover,
body.dark-mode .menu a.active {
  color: var(--gold) !important;
}

/* ================= MAIN CONTENT ================= */
body.dark-mode .main {
  background: transparent;
}

/* ================= STATS CARDS ================= */
body.dark-mode .stat {
  background: #0f172a !important;
  border-left-color: var(--gold);
}

body.dark-mode .stat h2 {
  color: #ffffff !important;
}

/* ================= QUICK ACTIONS ================= */
body.dark-mode .action {
  background: #0f172a !important;
}

body.dark-mode .action h3 {
  color: var(--gold) !important;
}

/* ================= CALENDAR ================= */
body.dark-mode .calendar-wrapper,
body.dark-mode .calendar {
  background: #0f172a !important;
}

body.dark-mode .calendar-header h3,
body.dark-mode .calendar-title {
  color: #ffffff !important;
}

body.dark-mode .day-name {
  background: #020617 !important;
  color: #cbd5f5 !important;
}

body.dark-mode .date {
  background: #020617 !important;
  color: #e5e7eb !important;
}

body.dark-mode .date.selected {
  background: var(--gold) !important;
  color: #020617 !important;
}

body.dark-mode .date.booked {
  background: #3f1d1d !important;
  color: #fecaca !important;
}

/* ================= BOOKINGS ================= */
body.dark-mode .bookings {
  background: #0f172a !important;
}

body.dark-mode .booking {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

/* ================= BADGES ================= */
body.dark-mode .badge.confirmed {
  background: #064e3b !important;
  color: #d1fae5 !important;
}

body.dark-mode .badge.pending {
  background: #78350f !important;
  color: #fde68a !important;
}

body.dark-mode .badge.hold {
  background: #1e3a8a !important;
  color: #bfdbfe !important;
}

/* ===============================
   DARK MODE – CHECK AVAILABILITY
   CALENDAR 
================================ */

/* Calendar container */
body.dark-mode .check-calendar-container {
  background: #0f172a;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* Month title */
body.dark-mode .check-calendar-month {
  color: #ffffff;
}

/* Day headers (Sun–Sat) */
body.dark-mode .check-day-header {
  color: #cbd5f5;
}

/* Calendar day base */
body.dark-mode .check-calendar-day {
  background: #111827;
  color: #ffffff;
}

/* Date number */
body.dark-mode .check-day-number {
  color: #ffffff;
}

/* Status text */
body.dark-mode .check-day-status {
  color: #d1d5db;
}

/* AVAILABLE */
body.dark-mode .check-calendar-day.available {
  border: 3px solid #22c55e;
}

/* LIMITED */
body.dark-mode .check-calendar-day.limited {
  border: 3px solid #facc15;
}

/* BOOKED */
body.dark-mode .check-calendar-day.booked {
  background: #1f2933;
  border: 3px solid #ef4444;
  color: #9ca3af;
}

/* SELECTED */
body.dark-mode .check-calendar-day.selected {
  background: var(--gold);
  color: var(--deep-blue);
  border: 3px solid var(--dark-gold);
}

/* Hover (not booked) */
body.dark-mode .check-calendar-day:hover:not(.booked) {
  background: var(--gold);
  color: var(--deep-blue);
}

/* Calendar nav buttons */
body.dark-mode .check-calendar-nav button {
  background: transparent;
  color: var(--gold);
  border-color: var(--gold);
}

body.dark-mode .check-calendar-nav button:hover {
  background: var(--gold);
  color: var(--deep-blue);
}

/* ===============================
   CALENDAR LEGEND – DARK MODE
================================ */

body.dark-mode .check-calendar-legend span {
  color: #e5e7eb;
}

/* Available legend */
body.dark-mode .check-legend-color[style*="#4ade80"] {
  background: #22c55e;
}

/* Limited legend */
body.dark-mode .check-legend-color[style*="#fbbf24"] {
  background: #facc15;
}

/* Booked legend */
body.dark-mode .check-legend-color[style*="#f87171"] {
  background: #ef4444;
}

/* =========================================
   DARK MODE – AVAILABILITY BADGES 

========================================= */

/* Venue availability badge (right side pill) */
body.dark-mode .check-availability-badge {
  background: rgba(255, 255, 255, 0.08);
  /* transparent glass */
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(6px);
}

/* Available badge */
body.dark-mode .check-badge-available {
  border-color: #4ade80;
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.4);
}

/* Limited badge */
body.dark-mode .check-badge-limited {
  border-color: #fbbf24;
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.4);
}

/* =========================================
   DARK MODE – CALENDAR DAY 
========================================= */

body.dark-mode .check-calendar-day {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

/* Available day */
body.dark-mode .check-calendar-day.available {
  border: 2px solid #4ade80;
}

/* Limited day */
body.dark-mode .check-calendar-day.limited {
  border: 2px solid #fbbf24;
}

/* Booked day */
body.dark-mode .check-calendar-day.booked {
  background: rgba(248, 113, 113, 0.15);
  border: 2px solid #f87171;
  color: #ffb4b4;
}

/* Day number + status text */
body.dark-mode .check-day-number,
body.dark-mode .check-day-status {
  color: #ffffff !important;
}

/* Hover effect */
body.dark-mode .check-calendar-day:hover:not(.booked) {
  background: rgba(212, 175, 55, 0.25);
}

/* =========================================
   DARK MODE – LEGEND TEXT
========================================= */

body.dark-mode .check-legend-item span {
  color: #ffffff;
}

/* =========================================
   CONTACT PAGE – DARK MODE 
========================================= */

/* Card background */
body.dark-mode .contactus-card {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
}

/* Card title */
body.dark-mode .contactus-card-title {
  color: #ffffff;
}

/* Info item headings */
body.dark-mode .contactus-info-item h4 {
  color: #ffffff;
}

/* Info item text */
body.dark-mode .contactus-info-item p {
  color: #e5e7eb;
}

/* Icons background */
body.dark-mode .contactus-icon {
  background: rgba(212, 175, 55, 0.2);
  color: var(--gold);
}

/* Form helper text */
body.dark-mode .contactus-subtext {
  color: #cbd5f5;
}

/* ======================================
   ADMIN DASHBOARD – FORCE VISIBILITY
   (FINAL OVERRIDE – DARK MODE)
====================================== */

body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
  color: #f9fafb !important;
}

/* Table header */
body.dark-mode thead tr {
  background: #1f2937 !important;
}

body.dark-mode thead th {
  color: #ffffff !important;
}

/* Table rows */
body.dark-mode tbody tr {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* ===============================
   STATUS / CONFIRMED BUTTON FIX
================================ */

/* Target pills, spans, buttons INSIDE tables */
body.dark-mode td span,
body.dark-mode td button,
body.dark-mode td .status,
body.dark-mode td .badge {
  color: #111827 !important;
  font-weight: 600;
}

/* CONFIRMED (green) */
body.dark-mode span:contains("Confirmed"),
body.dark-mode button:contains("Confirmed") {
  background: #22c55e !important;
  color: #022c22 !important;
  padding: 6px 14px;
  border-radius: 999px;
}

/* PENDING (yellow) */
body.dark-mode span:contains("Pending"),
body.dark-mode button:contains("Pending") {
  background: #facc15 !important;
  color: #422006 !important;
  padding: 6px 14px;
  border-radius: 999px;
}

/* ===============================
   ACTIVITY FEED
================================ */

body.dark-mode .activity-feed,
body.dark-mode .activity,
body.dark-mode .activity-item {
  background: #020617 !important;
  color: #e5e7eb !important;
}

/* ===============================
   BUTTONS – FORCE
================================ */

body.dark-mode button,
body.dark-mode .btn {
  background: #d4af37 !important;
  color: #111 !important;
  border: none !important;
}

body.dark-mode button:hover {
  background: #b8962e !important;
}

/* =========================
   SIGNUP PAGE – DARK MODE
========================= */

body.dark-mode .signup-section {
  background: #020617 !important;
}

body.dark-mode .signup-container {
  background: transparent;
}

body.dark-mode .signup-form-container {
  background: #020617 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

body.dark-mode .signup-image {
  background: linear-gradient(135deg, #020617, #0f172a);
  color: #f8fafc;
}

body.dark-mode .signup-form-container h1,
body.dark-mode .signup-form-container label {
  color: #f8fafc !important;
}

body.dark-mode .signup-section {
  background: #020617;
}

/* Signup Section Background */
body.dark-mode .signup-section {
  background: #020617 !important;
}

/* Form Container */
body.dark-mode .signup-form-container {
  background: #020617 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}

/* Left Image Panel */
body.dark-mode .signup-image {
  background: linear-gradient(135deg, #020617, #0f172a) !important;
}

/* Headings */
body.dark-mode .signup-form-container h1 {
  color: #f8fafc !important;
}

/* Labels */
body.dark-mode .signup-form-group label {
  color: #f8fafc !important;
}

/* ALL Input Fields */
body.dark-mode .signup-form-control,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="password"] {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}

/* Placeholders */
body.dark-mode .signup-form-control::placeholder,
body.dark-mode input::placeholder {
  color: #94a3b8 !important;
}

/* Submit Button */
body.dark-mode .btn-signup {
  background: linear-gradient(135deg, var(--gold), var(--dark-gold)) !important;
  color: var(--deep-blue) !important;
}

/* Image Section Text */
body.dark-mode .signup-image h2,
body.dark-mode .signup-image p {
  color: #f8fafc !important;
}


/* =========================
   HERO SECTIONS – DARK MODE
   Preserve background images
========================= */

body.dark-mode .home1-hero {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.9), rgba(20, 25, 40, 0.85)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover !important;
}

body.dark-mode .about-hero {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.9), rgba(20, 25, 40, 0.85)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover !important;
}

body.dark-mode .venue-hero {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.9), rgba(20, 25, 40, 0.85)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover !important;
}

body.dark-mode .pricing-hero {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.9), rgba(20, 25, 40, 0.85)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover !important;
}

body.dark-mode .faq-hero {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.9), rgba(20, 25, 40, 0.85)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover !important;
}

body.dark-mode .heros-modern {
  background: linear-gradient(135deg, #0b0f14, #10151c) !important;
}

body.dark-mode .cta-section {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.95), rgba(20, 25, 40, 0.95)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover fixed !important;
}

body.dark-mode .pricing-cta-section {
  background: linear-gradient(135deg, rgba(10, 15, 25, 0.95), rgba(20, 25, 40, 0.95)),
    url('https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover fixed !important;
}