/**
 * =====================================================
 * Klaro Cookie Consent - Vivago Theme
 * =====================================================
 * 
 * Minimale Überschreibungen für das Vivago Corporate Design.
 * Nutzt native Klaro-Funktionalität mit angepassten Farben.
 */

/* =====================================================
   SCHRIFTART & CSS-VARIABLEN
   ===================================================== */

.klaro,
.klaro * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Klaro CSS-Variablen für Dark Theme (passend zu base.css) */
.klaro {
    --green1: #10B981;
    --green2: #059669;
    --green3: #047857;
    --blue1: #3B82F6;
    --blue2: #2563EB;
    --blue3: #1D4ED8;
    --red1: #EF4444;
    --red2: #DC2626;
    --red3: #B91C1C;
    --dark1: #0F172A;
    --dark2: #1E293B;
    --dark3: #334155;
    --light1: #F8FAFC;
    --light2: #CBD5E1;
    --light3: #94A3B8;
    --white: #FFFFFF;
}

/* =====================================================
   NOTICE BANNER (Positionierung unten rechts)
   ===================================================== */

.klaro .cookie-notice {
    bottom: 60px !important;
    right: 1rem !important;
    left: auto !important;
    max-width: 420px !important;
}

/* =====================================================
   MODAL - SERVICE LISTE (Slider rechts vom Text)
   ===================================================== */

/* Kategorie-Header: Toggle links, Text daneben, volle Breite */
.klaro .cookie-modal .cm-purpose > .cm-list-label,
.klaro .cookie-modal .cm-service > label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0.75rem !important;
}

/* Toggle-Switch bleibt links (native Position) */
.klaro .cookie-modal .cm-purpose > .cm-list-label .switch,
.klaro .cookie-modal .cm-service > label .switch {
    flex-shrink: 0 !important;
    order: -1 !important;
}

/* Text-Bereich nimmt restlichen Platz */
.klaro .cookie-modal .cm-purpose > .cm-list-label .cm-list-title,
.klaro .cookie-modal .cm-service > label .cm-list-title {
    flex: 1 !important;
}

/* Aufklappbare Dienste-Liste UNTER der Kategorie */
.klaro .cookie-modal .cm-purpose .cm-services {
    display: block !important;
    width: 100% !important;
    margin-top: 0.75rem !important;
    padding-left: 2.5rem !important;
}

/* Einzelne Dienste in der Liste */
.klaro .cookie-modal .cm-purpose .cm-services li {
    display: block !important;
    width: 100% !important;
    margin-bottom: 0.5rem !important;
}

.klaro .cookie-modal .cm-purpose .cm-services li > label {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

/* =====================================================
   POWERED BY (Verstecken)
   ===================================================== */

.klaro .cm-powered-by,
.klaro a[href*="kiprotect"] {
    display: none !important;
}

/* =====================================================
   RESPONSIVE (Mobile Anpassungen)
   ===================================================== */

@media (max-width: 540px) {
    .klaro .cookie-notice {
        left: 0.5rem !important;
        right: 0.5rem !important;
        bottom: 50px !important;
        max-width: none !important;
    }
}