/* Zustimmungs-Platzhalter für eingebettete Fremddienste.

   Der Platzhalter füllt den Kasten, in dem sonst der Fremdinhalt stünde –
   die Seite darf beim Zustimmen nicht springen. Deshalb `position: absolute`
   im umgebenden Element und KEINE eigene Höhe: Die Höhe gibt der Kasten vor
   (bei der Händlersuche `.ds-map` mit 420px).

   Farben kommen aus den Tokens, damit der Platzhalter der Farbwelt der Seite
   folgt (assets/css/schemes.css). Auf einer DE-RYCK-Seite ist der Knopf rot.

   Kein Banner, keine Leiste am Fensterrand – siehe Kopf von inc/consent.php. */

.weser-consent {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: var(--space-sm);                  /* 16px */
    background: var(--color-tint);             /* #EAECF0 */
}

.weser-consent[hidden] {
    display: none;
}

/* ⚠️ Voraussetzung: Der umgebende Kasten braucht `position: relative` und eine
   eigene Höhe – sonst hat `inset: 0` keinen Bezug und der Platzhalter fällt auf
   Inhaltshöhe zusammen. Bei der Händlersuche steht das in
   blocks/dealer-search.css an `.ds-map`. Wer den Platzhalter woanders einsetzt,
   muss dasselbe tun. */

.weser-consent-inner {
    max-width: 460px;
    text-align: center;
}

.weser-consent-titel {
    margin: 0 0 8px;
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    font-size: 18px;
    line-height: 24px;
    color: var(--color-heading);
}

.weser-consent-text {
    margin: 0 0 var(--space-sm);
    font-family: var(--font-body);
    font-size: var(--fs-copy-xs);              /* 14px */
    line-height: 1.5;
    color: var(--color-text);
}

.weser-consent-aktion {
    margin: 0 0 12px;
}

.weser-consent-hinweis {
    margin: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text-muted);
}

.weser-consent-hinweis a {
    color: inherit;
    text-decoration: underline;
}

/* ── Widerruf ───────────────────────────────────────────────────────────── */
/* Der Schalter ist im Markup `hidden` und wird von consent.js nur eingeblendet,
   wenn tatsächlich eine Zustimmung vorliegt. Ohne JavaScript bleibt er weg –
   ohne JavaScript kann auch niemand zugestimmt haben. */
.weser-consent-widerruf {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.weser-consent-widerruf[hidden] {
    display: none;
}

/* In der Fußzeile: unauffällig, in der Schrift der übrigen Fußzeilen-Links. */
.footer-consent {
    margin: var(--space-sm) 0 0;
    text-align: center;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-white);
}

.footer-consent:has( .weser-consent-widerruf[hidden] ) {
    margin-top: 0;
}

/* ── Schmale Fenster ────────────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .weser-consent-titel {
        font-size: 16px;
        line-height: 22px;
    }

    .weser-consent-text {
        font-size: 13px;
    }
}