/* 
Version: v1.9 - Refined logo filter to preserve green colors while lightening dark text
Purpose: Dark mode styles
Date: 2024-03-19
*/

/* Dark mode toggle button */
.dark-mode-toggle {
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    color: #555555;
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
    cursor: pointer;
    margin-left: 15px;
}

.dark-mode-toggle i {
    color: #a5c422;
    padding-right: 5px;
}

/* Dark mode styles */
body.dark-mode {
    background-color: #222222;
}

body.dark-mode header,
body.dark-mode .navbar-default,
body.dark-mode section:not(#home) {
    background-color: #222222;
}

/* Text colors in dark mode - excluding home slider */
body.dark-mode p:not(.slider p),
body.dark-mode h1:not(.slider h1):not(.caption h1),
body.dark-mode h2:not(.slider h2),
body.dark-mode h3:not(.slider h3):not(.caption h3),
body.dark-mode h4:not(.slider h4),
body.dark-mode h5:not(.slider h5),
body.dark-mode h6:not(.slider h6),
body.dark-mode .navbar-default .navbar-nav > li > a {
    color: #f0f0f0 !important;
}

/* Preserve specific elements */
body.dark-mode .fa,
body.dark-mode i.fa {
    color: #a5c422;
}

/* Dark mode logo and brand text styling - light grey for top bar only */
body.dark-mode .navbar-brand .brand-text {
    color: #d0d0d0 !important; /* Light grey for the tagline */
}

/* Dark mode logo image styling - subtle filter to lighten dark text while preserving green */
body.dark-mode .navbar-brand img[src*="headacheMD"] {
    filter: brightness(1.4) contrast(0.9) saturate(1.0) hue-rotate(0deg) !important;
}

body.dark-mode a:not(.section-btn) {
    color: #f0f0f0 !important;
    text-decoration: underline;
}

/* Explicitly preserve home section styles */
body.dark-mode #home,
body.dark-mode .slider,
body.dark-mode .caption,
body.dark-mode .caption h1,
body.dark-mode .caption h3 {
    background-color: transparent !important;
    color: inherit !important;
    text-shadow: inherit !important;
}