/* ============================================================
   Cookie-Consent (dp_cookieconsent) - eigene Anpassungen
   Design passend zur Homepage (helles Design, Primary-Navy)
   Laedt NACH dem Extension-CSS (siehe setup.typoscript)
   ============================================================ */

/* extend-Theme legt dunkle Gruppen-Farben an - fuer helles Design ueberschreiben */
.cc-type-extend {
    --dp-cookie-config-group-cookie-background: #f3f4f6;
    --dp-cookie-config-group-cookie-border: #d1d5db;
    --dp-cookie-config-group-cookie-text: #374151;
}

/* ---------- Einstellungs-Fenster (zweite Stufe) ---------- */
.cc-window-config {
    background-color: rgba(15, 23, 42, 0.55);
}

.cc-window-config .cc-config {
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    max-height: calc(100vh - 2rem);
}

.cc-window-config .cc-config-header {
    border-bottom-color: #e5e7eb;
}

/* ---------- Erstansicht: Buttons mit Abstand zur Karte ---------- */
.cc-window.cc-type-extend .cc-compliance {
    padding: 0 1.5rem 1.5rem !important;
}

/* "Erweitert" dezent zentriert unter dem Primaer-Button */
.cc-window.cc-type-extend .cc-compliance .cc-config {
    margin-top: 0.5rem;
}

/* ---------- Mobil: volle Breite, kompakte Karte ---------- */
@media (max-width: 639px) {
    /* Extension setzt max-width: 24em - fuer die mobile Vollbreite aufheben */
    .cc-window.cc-bottom-right,
    .cc-window.cc-bottom-left,
    .cc-window.cc-top-right,
    .cc-window.cc-top-left {
        max-width: none !important;
    }

    /* Lange Meldung begrenzen, damit die Karte kompakt bleibt */
    .cc-window .cc-message {
        max-height: 32vh;
        overflow-y: auto;
    }
}

/* ---------- Checkbox-Switches im Einstellungs-Fenster ---------- */
/* Robust gegen globale input/checkbox-Regeln der Site (z. B. Checkbox.vue) */
.cc-form-switch .dp--check-box {
    width: 3rem !important;
    height: 1.5rem !important;
    border-radius: 2rem !important;
    float: none;
    margin: 0;
}

.cc-form-switch .dp--check-box:checked {
    background-color: #173452;
    border-color: #173452;
}

/* ---------- Revoke-Button (Cookie-Icon nach Zustimmung) ---------- */
.dp--revoke {
    border-radius: 9999px;
}