/* ============================================
   Darkmode / Lightmode Toggle
   Version 2.022
   ============================================ */

/* Light Mode Override (Standard ist dark) */
:root[data-theme="light"] {
    --bg-primary:    #f8fafc;
    --bg-secondary:  #f1f5f9;
    --bg-tertiary:   #e2e8f0;
    --bg-card:       rgba(255, 255, 255, 0.95);
    --bg-card-hover: rgba(241, 245, 249, 0.95);

    --text-primary:   #0f172a;
    --text-secondary: #334155;
    --text-tertiary:  #64748b;

    --border-color:       rgba(15, 23, 42, 0.1);
    --border-color-light: rgba(15, 23, 42, 0.15);

    --gradient-dark: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.10);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.12);
    --shadow-xl: 0 20px 50px rgba(0,0,0,0.15);
}

/* Navbar light */
:root[data-theme="light"] .navbar {
    background: rgba(248, 250, 252, 0.92);
    border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}
:root[data-theme="light"] .navbar.scrolled {
    background: rgba(248, 250, 252, 0.98);
}
:root[data-theme="light"] .nav-link,
:root[data-theme="light"] .logo-text {
    color: #0f172a;
}
:root[data-theme="light"] .dropdown-menu {
    background: #fff;
    border: 1px solid rgba(15,23,42,0.12);
}
:root[data-theme="light"] .dropdown-menu a {
    color: #1e293b;
}
:root[data-theme="light"] .dropdown-menu a:hover {
    background: #f1f5f9;
    color: #0d9488;
}

/* Hero light */
:root[data-theme="light"] .hero {
    background: linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 50%, #f8fafc 100%);
}
:root[data-theme="light"] .hero-gradient {
    background: linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 60%, #f8fafc 100%) !important;
}
:root[data-theme="light"] .hero-orb-1 {
    background: radial-gradient(circle, rgba(20,184,166,0.25) 0%, transparent 70%);
}
:root[data-theme="light"] .hero-orb-2 {
    background: radial-gradient(circle, rgba(6,182,212,0.15) 0%, transparent 70%);
}
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3,
:root[data-theme="light"] .hero-title {
    color: #0f172a;
}
:root[data-theme="light"] .hero-subtitle,
:root[data-theme="light"] p {
    color: #334155;
}
:root[data-theme="light"] .section-badge {
    background: rgba(20,184,166,0.12);
    color: #0d9488;
    border: 1px solid rgba(20,184,166,0.25);
}

/* Cards light */
:root[data-theme="light"] .info-box,
:root[data-theme="light"] .service-card,
:root[data-theme="light"] .why-card,
:root[data-theme="light"] .hero-hours-card,
:root[data-theme="light"] .card {
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(15,23,42,0.08);
    color: #0f172a;
}
:root[data-theme="light"] .info-box-header h2,
:root[data-theme="light"] .service-card h3,
:root[data-theme="light"] .why-card h3 {
    color: #0f172a;
}
:root[data-theme="light"] .info-box-header {
    border-bottom: 1px solid rgba(15,23,42,0.08);
}

/* Hero hours light */
:root[data-theme="light"] .hero-hours-day .day {
    color: #0f172a;
}
:root[data-theme="light"] .hero-hours-day .time {
    color: #334155;
}
:root[data-theme="light"] .hero-hours-day .time.closed {
    color: #94a3b8;
}

/* Footer light */
:root[data-theme="light"] .footer {
    background: #f1f5f9;
    border-top: 1px solid rgba(15,23,42,0.1);
}
:root[data-theme="light"] .footer-brand p,
:root[data-theme="light"] .footer-links h4,
:root[data-theme="light"] .footer-links a,
:root[data-theme="light"] .footer-legal p,
:root[data-theme="light"] .footer-bottom p {
    color: #475569;
}

/* Page header light */
:root[data-theme="light"] .page-header {
    background: linear-gradient(135deg, #f0fdfa 0%, #e0f2fe 100%);
}
:root[data-theme="light"] .page-header h1 {
    color: #0f172a;
}

/* Forms light */
:root[data-theme="light"] .form-group input,
:root[data-theme="light"] .form-group select,
:root[data-theme="light"] .form-group textarea {
    background: #fff;
    color: #0f172a;
    border-color: #cbd5e1;
}
:root[data-theme="light"] .form-container {
    background: #fff;
    border: 1px solid rgba(15,23,42,0.08);
}
:root[data-theme="light"] .form-group label,
:root[data-theme="light"] .form-section-title {
    color: #1e293b;
}

/* Page top hours bar */
:root[data-theme="light"] .page-top-hours {
    background: #f1f5f9;
    border-bottom: 1px solid rgba(15,23,42,0.1);
}

/* Sections */
:root[data-theme="light"] .section {
    background: var(--bg-primary);
}
:root[data-theme="light"] .section-alt {
    background: var(--bg-secondary);
}

/* Dark mode toggle button */
.theme-toggle {
    background: none;
    border: 1px solid var(--border-color-light);
    color: var(--text-primary);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: var(--transition-base);
    flex-shrink: 0;
}
.theme-toggle:hover {
    border-color: var(--primary-500);
    background: rgba(20,184,166,0.1);
}

/* Transition beim Wechsel */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Lightmode: hero und page-header mit hellem Hintergrundbild */
:root[data-theme="light"] .hero-gradient {
    background:
        radial-gradient(ellipse at 30% 20%, rgba(153,246,228,0.4) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 60%, rgba(186,230,253,0.3) 0%, transparent 50%),
        url('../img/bg-hero-light.svg') center/cover no-repeat !important;
}
:root[data-theme="light"] .page-header-bg {
    background:
        radial-gradient(ellipse at 30% 50%, rgba(153,246,228,0.3) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 50%, rgba(186,230,253,0.2) 0%, transparent 50%),
        url('../img/bg-hero-light.svg') center/cover no-repeat;
}
:root[data-theme="light"] .hero-grid {
    background-image:
        linear-gradient(rgba(13,148,136,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(13,148,136,0.04) 1px, transparent 1px) !important;
}

/* =============================================
   Lightmode: Inquiry / Anfrage Formular
   ============================================= */
:root[data-theme="light"] .anfrage-auswahl-item {
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
    border: 1px solid rgba(15,23,42,0.1);
    color: #0f172a;
}
:root[data-theme="light"] .anfrage-auswahl-item:hover {
    border-color: #14b8a6;
    box-shadow: 0 10px 30px rgba(20,184,166,0.15);
}
:root[data-theme="light"] .anfrage-titel { color: #0f172a; }
:root[data-theme="light"] .anfrage-desc  { color: #475569; }

:root[data-theme="light"] .info-box {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
}

/* Lightmode: page-top-hours */
:root[data-theme="light"] .page-top-hours {
    background: #f1f5f9;
    border-bottom: 1px solid rgba(15,23,42,0.1);
}
:root[data-theme="light"] .phone-btn {
    color: #0f172a;
    border-color: rgba(15,23,42,0.2);
}
:root[data-theme="light"] .phone-btn:hover {
    background: rgba(20,184,166,0.1);
}

/* Lightmode: mobile menu */
:root[data-theme="light"] .mobile-menu-btn span {
    background: #0f172a;
}

/* Lightmode: section-badge */
:root[data-theme="light"] .section-badge {
    background: rgba(20,184,166,0.12);
    color: #0d9488;
}

/* Lightmode: hero stats */
:root[data-theme="light"] .stat-number { color: #0d9488; }
:root[data-theme="light"] .stat-label  { color: #475569; }

/* Lightmode: btn outlines */
:root[data-theme="light"] .btn-outline {
    border-color: #0d9488;
    color: #0d9488;
}
:root[data-theme="light"] .btn-outline:hover {
    background: #0d9488;
    color: #fff;
}

/* Lightmode: contact details */
:root[data-theme="light"] .contact-detail-icon {
    background: rgba(20,184,166,0.12);
    color: #0d9488;
}
:root[data-theme="light"] .contact-detail-content h4 { color: #0f172a; }
:root[data-theme="light"] .contact-detail-content p,
:root[data-theme="light"] .contact-detail-content a  { color: #334155; }

/* Lightmode: team cards */
:root[data-theme="light"] .team-card {
    background: #fff;
    border: 1px solid rgba(15,23,42,0.08);
}
:root[data-theme="light"] .team-card-name  { color: #0f172a; }
:root[data-theme="light"] .team-card-title { color: #475569; }

/* Lightmode: downloads */
:root[data-theme="light"] .download-item {
    background: #fff;
    border: 1px solid rgba(15,23,42,0.08);
}
:root[data-theme="light"] .download-item:hover { border-color: #14b8a6; }
:root[data-theme="light"] .download-name { color: #0f172a; }
:root[data-theme="light"] .download-meta { color: #64748b; }

/* Lightmode: legal / imprint / privacy text */
:root[data-theme="light"] .legal-box,
:root[data-theme="light"] .content-box {
    background: #fff;
    border: 1px solid rgba(15,23,42,0.08);
}
:root[data-theme="light"] .legal-box h3,
:root[data-theme="light"] .content-box h3 { color: #0f172a; }
:root[data-theme="light"] .legal-box p,
:root[data-theme="light"] .content-box p  { color: #334155; }

/* Lightmode: Öffnungsstatus Box behält Farbe (grün/rot) */

/* Lightmode: Infektionssprechstunde Balken */
:root[data-theme="light"] .hero-hours-infekt {
    background: rgba(20, 184, 166, 0.1);
    border: 1px solid rgba(20, 184, 166, 0.25);
    color: #0f766e;
}
:root[data-theme="light"] .hero-hours-infekt strong {
    color: #0d9488;
}