/* ================================================= */
/* Home Page */
/* --- Approved Dark Mode Settings --- */
[data-bs-theme="dark"] {
    /* Base Colors */
    --bg-body: #050a1f; 
    --bg-card: #0b1437;
    --bg-section-alt: #030712; 
    
    --primary: #deb331e2;  /* Royal Gold */
    --text-main: #f8fafc;  /* Stark White */
    --text-muted: #94a3b8; /* Comfortable Gray */
}

/* --- Force element conversion in Dark Mode --- */
[data-bs-theme="dark"] body {
    background-color: var(--bg-body);
    color: var(--text-main);
}

/* --- Fix rotating Sun Icon in Dark Mode --- */
[data-bs-theme="dark"] .sun-icon {
    display: inline-block !important; 
    color: var(--primary) !important; 
    animation: rotateSun 15s linear infinite !important;
    filter: drop-shadow(0 0 5px rgba(222, 179, 49, 0.5));
}

[data-bs-theme="dark"] .navbar.scrolled .sun-icon {
    color: var(--text-main) !important; /* Switch sun to white on scroll */
}

[data-bs-theme="dark"] .moon-icon {
    display: none !important; 
}

@keyframes rotateSun {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Link underline state (after) */
[data-bs-theme="dark"] .navbar.scrolled .nav-link span::after {
    background-color: var(--text-main) !important; /* White on scroll */
    transition: background-color 0.3s ease;
}

[data-bs-theme="dark"] .nav-link span::after {
    background-color: var(--primary) !important; /* Gold in default state */
}

/* Direct text and class conversion */
[data-bs-theme="dark"] .text-dark {
    color: var(--text-main) !important;
}

[data-bs-theme="dark"] .text-primary {
    color: var(--primary) !important;
}

[data-bs-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

/* Header conversion */
[data-bs-theme="dark"] .section-title,
[data-bs-theme="dark"] h1 {
    color: var(--text-main) !important;
}

[data-bs-theme="dark"] .section-title span,
[data-bs-theme="dark"] h1 span {
    color: var(--primary) !important;
}

[data-bs-theme="dark"] .navbar.scrolled span {
    color: var(--text-main) !important;
    transition: color 0.3s ease;
}

/* Card conversion */
[data-bs-theme="dark"] .amenity-card, 
[data-bs-theme="dark"] .room-card {
    background-color: var(--bg-card) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Button interactions */
[data-bs-theme="dark"] .btn:hover, 
[data-bs-theme="dark"] .btn:focus, 
[data-bs-theme="dark"] .btn:active {
    color: var(--text-main) !important; 
    transition: all 0.3s ease;
}

[data-bs-theme="dark"] .btn-primary:hover {
    color: var(--text-main) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

[data-bs-theme="dark"] .btn-outline-light:hover {
    color: #000000 !important; /* Black for contrast against light button background on hover */
}

/* --- Unified Footer Settings --- */
[data-bs-theme="dark"] footer {
    background-color: var(--bg-section-alt) !important;
}

[data-bs-theme="dark"] .social-icon {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

[data-bs-theme="dark"] footer .list-unstyled li span::after ,footer .list-unstyled li a::after {
    background-color: var(--primary) !important;
}

[data-bs-theme="dark"] .contact-info-list li i {
    border: 1px solid var(--text-main) !important; /* White border */
    color: var(--text-main) !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .contact-info-list span {
    color: var(--text-main) !important;
}

[data-bs-theme="dark"] .contact-info-list li:hover i {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    transform: translateY(-3px);
}

/* Light mode: Dark icon */
[data-bs-theme="light"] .navbar-toggler-icon {
    filter: invert(0); 
}

/* ================================================================ */
/* Room Page */

/* --- Dark Mode Variables --- */
[data-bs-theme="dark"] {
    --nav-bg-scrolled: #1a1d35;
    --body-bg: #0f1123;
    --text-main: #ffffff;
    --card-bg: #1a1d35;
    --border-color: #333333;
}

/* --- Filter Bar adjustments in Dark Mode --- */
[data-bs-theme="dark"] .filter-bar {
    background-color: var(--card-bg) !important; 
    border-color: var(--border-color) !important;
}

/* 1. Make field labels clear */
[data-bs-theme="dark"] .filter-bar label {
    color: var(--text-muted) !important; 
}

/* 2. Set input and select text to white */
[data-bs-theme="dark"] .filter-bar .form-control,
[data-bs-theme="dark"] .filter-bar .form-select {
    background-color: var(--input-bg) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

/* 3. Adjust placeholder text */
[data-bs-theme="dark"] .filter-bar .form-control::placeholder {
    color: var(--text-muted) !important;
    opacity: 0.6;
}

/* 4. Make dynamic price value clear */
[data-bs-theme="dark"] .filter-bar #priceValue {
    color: var(--moon-color) !important; 
}

/* 5. Make toggle text clear */
[data-bs-theme="dark"] .form-check-label {
    color: var(--text-main) !important;
}

/* --- Fix Dropdown Options in Dark Mode --- */
[data-bs-theme="dark"] .filter-bar .form-select option {
    background-color: var( --card-bg) !important; /* Same as filter bar background */
    color:var( --text-main) !important; /* Clear white text */
}

/* * Switch back to white icon when Dark Mode is active */ 
[data-bs-theme="dark"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

[data-bs-theme="dark"] .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* ================================================================ */
/* Booking Page */

/* --- Dark Mode Variables --- */
[data-bs-theme="dark"] {
    --nav-bg-scrolled: #1a1d35;
    --body-bg: #0f1123;
    --text-main: #ffffff;
    --card-bg: #1e293b;
    --input-bg: #0f172a;
    --border-color: #334155;
    --summary-bg: #1e293b;
    --success-border: #22c55e;
}
[data-bs-theme="dark"] .summary-box p, 
[data-bs-theme="dark"] .summary-box strong {
    color: var(--text-main) !important;
}
[data-bs-theme="dark"] .Booking-section {
    background: linear-gradient(135deg, rgba(7, 13, 31, 0.9), rgba(15, 23, 42, 0.8)), 
                url('https://images.unsplash.com/photo-1571896349842-33c89424de2d?q=80&w=2000') fixed center/cover;
}

/* Style for Dark Mode (Auto-switch) */
[data-bs-theme="dark"] .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-bs-theme="dark"] .navbar-toggler-icon {
    /* Switching to white lines in dark mode */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ============================================================================== */
/* About and Contact */
/* Force modal titles to black in dark mode */
[data-bs-theme="dark"] .modal-title-main {
    color: #000000 !important;
}

/* Additional optimization: Ensure gold or blue (text-primary) appears clearly */
.text-primary {
    color: var(--gold) !important; /* Adjust according to your specific blue/gold design */
}