/*
 * Privacybee — Angleichung an die Marken-Typografie/-Farben (Schatz Verlag).
 *
 * Privacybee rendert im Light-DOM mit dem prx_-Namespace und liest die Theming-
 * Variablen --custom-title-color / --custom-body-color / --custom-body-bg-color
 * (Default via :root im widget.css). Fonts setzt Privacybee NICHT
 * (font-family: inherit) → die Headings erben sonst nur den Body-Font.
 *
 * Scope: body-Ebene. Damit gilt alles sowohl für das Dokument-Widget
 * (<privacybee-widget>) ALS AUCH für das später eingebundene Cookie-Banner —
 * beide nutzen denselben prx_-Namespace und dieselben --custom-*-Variablen.
 * Diese Datei wird global im Layout geladen; sie ist auf Seiten ohne Privacybee
 * wirkungslos (prx_/--custom- sind Privacybee-eigene Namen).
 */

/* Marken-Farben über Privacybees Theming-Variablen (überschreibt deren :root-Default). */
body {
    --custom-title-color: var(--sv-ink);
    --custom-body-color: var(--sv-ink-2);
    --custom-body-bg-color: var(--sv-paper);
}

/* Headings auf den Marken-Display-Font (Cormorant Garamond), analog .sv-display. */
body .prx_h1,
body .prx_h2,
body .prx_h3,
body .prx_h4,
body .prx_h5 {
    font-family: var(--sv-serif-display);
    font-weight: 500;
    letter-spacing: -0.005em;
}

body .prx_h1 { font-size: 2.25rem; line-height: 1.05; }
body .prx_h2 { font-size: 1.5rem;  line-height: 1.12; }
body .prx_h3 { font-size: 1.25rem; line-height: 1.15; font-weight: 600; }

@media (min-width: 768px) {
    body .prx_h1 { font-size: 3rem; }
    body .prx_h2 { font-size: 1.875rem; }
    body .prx_h3 { font-size: 1.5rem; }
}

/* Fliesstext: Marken-Body-Font + Zeilenhöhe wie .sv-legal. */
body .prx_text,
body .prx_listElement {
    font-family: var(--sv-serif-body);
    line-height: 1.75;
}

/* Links wie .sv-link.
 * - body .prx_link: Privacybee-Links global (Dokument-Widget + Cookie-Banner).
 * - privacybee-widget a: zusätzlich ALLE <a> im Dokument-Widget, damit auch
 *   klassenlose Links im Fliesstext (z. B. reine URLs in der DSG) den Marken-
 *   Stil bekommen statt Bootstrap-Blau — ersetzt das früher manuelle .sv-link. */
body .prx_link,
privacybee-widget a {
    color: var(--sv-ink);
    border-bottom: 1px solid var(--sv-ink-4);
    text-decoration: none;
    transition: color 0.18s, border-color 0.18s;
}

body .prx_link:hover,
privacybee-widget a:hover {
    color: var(--sv-bordeaux);
    border-color: var(--sv-bordeaux);
}

/* ---------------------------------------------------------------------------
 * Cookie-Banner (eigener Namespace: pbcb_ — nicht prx_).
 * Farben liest das Banner bereits über die --custom-*-Variablen oben.
 * Die Fonts setzt Privacybee fix (Inter) → hier mit !important auf die
 * Marken-Fonts überschreiben. Klassen am 2026-07-13 am gerenderten
 * Live-Banner (schatzverlag.ch) verifiziert.
 * ------------------------------------------------------------------------- */

/* Titel wie .sv-display (Cormorant Garamond). */
.pbcb_banner .pbcb_title_container,
.pbcb_banner .pbcb_header_text {
    font-family: var(--sv-serif-display) !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em !important;
    color: var(--sv-ink) !important;
}

/* Fliesstext, Labels und Buttons auf den Marken-Body-Font. */
.pbcb_banner,
.pbcb_banner .pbcb_content_text,
.pbcb_banner .pbcb_category_label,
.pbcb_banner .pbcb_buttons_text,
.pbcb_banner button,
.pbcb_banner p,
.pbcb_banner span,
.pbcb_banner label {
    font-family: var(--sv-serif-body) !important;
}

/* Primär-Button „Alles akzeptieren" im Marken-Bordeaux wie .sv-btn-primary. */
.pbcb_banner .pbcb_accept_button {
    background: var(--sv-bordeaux) !important;
    color: #fff8ed !important;
    border-radius: 0 !important;
}