/* css/dark_theme.css */

body.dark-mode:not(.page-landing-non-fixed-navbar) { /* Gilt für alle Seiten mit fixer Navbar im Dark Mode */
    padding-top: var(--navbar-height);
}
body.dark-mode.page-landing-non-fixed-navbar { /* Gilt für index.php im Dark Mode, wenn Navbar nicht fixiert ist */
    padding-top: 0; 
}

body.dark-mode {
    --current-background-color: var(--background-color-body-dark);
    --current-card-background: var(--card-background-dark);
    --current-text-color: var(--text-color-inverted-base);
    --current-text-muted-color: var(--text-color-inverted-muted);
    --current-border-color: var(--border-color-dark);
    --current-input-background: var(--input-background-dark);
    --current-input-border-color: var(--border-color-input-dark);
    --current-logo-time-color: var(--text-color-inverted-base); /* "Time" im Logo wird hell */
    --current-link-color: var(--friendstime-logo-outer-ring-light-blue); /* Helleres Blau für Links */
    --current-link-hover-color: #cceeff; /* Noch helleres Blau für Hover */

    background-color: var(--current-background-color);
    color: var(--current-text-color);
}

/* Navbar im Dark Mode */
body.dark-mode .navbar-custom {
    background: rgba(30, 30, 30, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--current-border-color);
}
body.dark-mode .navbar-custom .navbar-brand .logo-friends { color: var(--friendstime-logo-friends-blue); }
body.dark-mode .navbar-custom .navbar-brand .logo-time { color: var(--current-logo-time-color); }
body.dark-mode .navbar-custom .nav-link { color: var(--current-text-color); }
body.dark-mode .navbar-custom .nav-link:hover,
body.dark-mode .navbar-custom .nav-link.active { color: var(--current-link-color); }
body.dark-mode .navbar-custom .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='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
body.dark-mode .dropdown-menu {
    background-color: var(--current-card-background);
    border-color: var(--current-border-color);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
body.dark-mode .dropdown-item { color: var(--current-text-color); }
body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:focus { background-color: #2c2f33; color: var(--current-text-color); }
body.dark-mode .dropdown-divider { border-top-color: var(--current-border-color); }


/* Formular-Panel im Dark Mode (index.php) */
body.dark-mode .form-panel {
    background-color: var(--current-card-background); /* Solide dunkle Farbe */
    color: var(--current-text-color);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35);
}
body.dark-mode .form-panel h2 { color: var(--primary-color); }
body.dark-mode .form-control, 
body.dark-mode .form-select, 
body.dark-mode .form-panel textarea {
    background-color: var(--current-input-background);
    border: 1px solid var(--current-input-border-color);
    color: var(--current-text-color);
}
body.dark-mode .form-control::placeholder, 
body.dark-mode .form-panel textarea::placeholder { color: #868e96; }
body.dark-mode .form-control:focus, 
body.dark-mode .form-select:focus, 
body.dark-mode .form-panel textarea:focus {
    border-color: var(--primary-color);
    background-color: var(--current-input-background);
    color: var(--current-text-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.35);
}
body.dark-mode .form-check-label { color: var(--current-text-muted-color); }
body.dark-mode .btn-toggle-form, 
body.dark-mode .forgot-password-link { color: var(--current-link-color); }
body.dark-mode .form-text.text-muted { color: var(--current-text-muted-color) !important; }
body.dark-mode .form-panel .text-primary { color: var(--current-link-color) !important; }


/* Karten etc. im Dark Mode */
body.dark-mode .card-custom {
    background-color: var(--current-card-background);
    border: 1px solid var(--current-border-color);
    color: var(--current-text-color);
}
body.dark-mode .card-custom-header { background-color: #2a2a2a; border-bottom: 1px solid var(--current-border-color); color: var(--current-text-color); }
body.dark-mode .comment { background: #2a2a2a; border: 1px solid var(--current-border-color); }
body.dark-mode .post-header a, body.dark-mode .comment a { color: var(--current-link-color); }
body.dark-mode .post-header .text-muted, body.dark-mode .comment .text-muted, body.dark-mode .post-meta .text-muted {
    color: var(--current-text-muted-color) !important;
}

/* Chat-Box Dark Mode */
body.dark-mode .chat-box { background: var(--current-card-background); border: 1px solid var(--current-border-color); box-shadow: var(--box-shadow); }
body.dark-mode .chat-header { background: #007ebd; color: white; } 
body.dark-mode .chat-messages { background: #2c2c2c; }
body.dark-mode .chat-input-area { border-top: 1px solid var(--current-border-color); background: var(--current-card-background); }
body.dark-mode .chat-text-input { background-color: var(--current-input-background); border: 1px solid var(--current-input-border-color); color: var(--current-text-color); }
body.dark-mode .chat-text-input::placeholder { color: var(--current-text-muted-color); }
body.dark-mode .chat-attach-btn i, body.dark-mode .chat-send-btn i { color: var(--current-text-muted-color); }
body.dark-mode .chat-attach-btn:hover i, body.dark-mode .chat-send-btn:hover i { color: var(--current-link-color); }
body.dark-mode .message.sent .chat-message-content { background-color: #005c97; color: var(--text-color-inverted-base); }
body.dark-mode .message.received .chat-message-content { background-color: #3a3a3a; color: var(--text-color-inverted-base); }


/* Footer im Dark Mode */
body.dark-mode .footer {
    background-color: var(--card-background-dark); /* Konsistenter dunkler Hintergrund */
    border-top: 1px solid var(--border-color-dark);
    color: var(--text-color-inverted-muted); /* Hellerer Muted-Text */
    padding: 1.5rem 0;
}
body.dark-mode .footer .nav-link { 
    color: var(--text-color-inverted-muted); 
}
body.dark-mode .footer .nav-link:hover { 
    color: var(--current-link-color); 
}
body.dark-mode .footer p { 
    color: var(--text-color-inverted-muted);
}

/* Cookie Banner Dark Mode */
body.dark-mode #cookieConsentBanner { background-color: #212529; color: var(--text-color-inverted-base); border-top: 1px solid var(--border-color-dark); }
body.dark-mode #cookieConsentBanner .consent-text a { color: var(--current-link-color); }
body.dark-mode #cookieAcceptButton { background-color: var(--primary-color); color: white; }
body.dark-mode #cookieAcceptButton:hover { background-color: var(--button-primary-hover-bg); }
body.dark-mode #cookieDeclineButton { background-color: #495057; color: white; }
body.dark-mode #cookieDeclineButton:hover { background-color: #5a6268; }