/* dark-mode.css */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .section-title,
body.dark-mode .section-subtitle,
body.dark-mode .logo h2 {
    color: #ffffff !important;
}

body.dark-mode .bg-cream {
    background-color: #1e1e1e !important;
}

body.dark-mode .bg-light {
    background-color: #1a1a1a !important;
}

body.dark-mode .navbar {
    background-color: #121212 !important;
    border-bottom: 1px solid #333 !important;
}

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

body.dark-mode .logo-img-light {
    display: inline-block !important;
}

body.dark-mode .logo-img-dark {
    display: none !important;
}

body.dark-mode .navbar-nav .nav-link:hover,
body.dark-mode .navbar-nav .nav-link.active {
    color: #aa8453 !important;
}

/* Mobile Menu Fixes */
@media screen and (max-width: 991px) {
    body.dark-mode .navbar .navbar-collapse {
        background-color: #1a1a1a !important;
    }
    body.dark-mode .navbar-toggler-icon i {
        color: #ffffff !important;
    }
}

body.dark-mode .dropdown-menu {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode .footer {
    background-color: #0a0a0a !important;
}

body.dark-mode .footer-bottom {
    background-color: #000000 !important;
}

body.dark-mode p {
    color: #cccccc !important;
}

body.dark-mode .booking-box .head-box h4,
body.dark-mode .booking-box .head-box h4 span {
    color: #222 !important;
}

body.dark-mode .booking-box .head-box h6 {
    color: #666 !important;
}

/* Theme Toggle Button Styles */
#theme-toggle {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333;
    font-size: 1.5rem;
    padding: 0;
    margin-left: 15px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

body.dark-mode #theme-toggle {
    color: #fff;
}

#theme-toggle:focus {
    outline: none;
}