/* Video-Platzhalter bis zur Cookiebot-Einwilligung (src/CookiebotVideo.php) */
/* Wrapper so groß wie das iframe, damit der Platzhalter genau das Video abdeckt */
.ct-video-consent {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

/* iframes mit width/height 100% in Modal und Offcanvas beziehen sich jetzt auf den Wrapper */
.uk-modal .ct-video-consent,
.uk-offcanvas .ct-video-consent {
    display: block;
    height: 100%;
}

/* Breite und Seitenverhältnis setzt der Wrapper (Inline-Style aus CookiebotVideo), das iframe füllt ihn */
.ct-video-consent > iframe {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.ct-video-consent > iframe:not([src]) {
    background: #1a1a1a;
}

/* Cookiebot setzt display am Platzhalter selbst, deshalb zentriert die innere Box */
.ct-video-consent__placeholder {
    position: absolute;
    inset: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
    container-type: size;
}

/* Kleine Videos: nur die Buttons, der Hauptbutton nennt die Einwilligung selbst */
@container (max-height: 220px) {
    .ct-video-consent__box p {
        display: none;
    }
}

.ct-video-consent__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 100%;
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.4;
}

.ct-video-consent__box p {
    max-width: 36rem;
    margin: 0;
}

/* Karten-Hinweis vor der Einwilligung (inc/GoogleMapsManager.php): Text zentriert, Buttons darunter */
#js-is-deactivated {
    margin: 0;
    padding: 6rem 1.5rem;
}

.ct-map-consent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    max-width: 36rem;
    margin: 0 auto;
    text-align: center;
}

/* Liste neben der Karte: statt "Daten werden geladen..." ein Hinweis, solange die Einwilligung fehlt */
.ct-consent-pending-text,
.ct-consent-pending .ajax-loader {
    display: none;
}

.ct-consent-pending .ct-consent-pending-text {
    display: block;
}

/* UIkit-Buttons haben eine Zeilenhöhe in Buttonhöhe, umbrochene Texte (mobil) werden sonst sehr hoch */
[data-ct-consent] .uk-button {
    line-height: 1.3;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    white-space: normal;
}

/* Hinweis, wenn Cookiebot fehlt (js/custom.js), in Video- und Karten-Platzhalter */
.ct-consent-hint {
    display: block;
    max-width: 36rem;
    margin-top: 0.5rem;
    font-weight: 600;
}

.ct-video-consent__box .uk-button-link {
    color: #fff;
    text-decoration: underline;
}