/* ==========================================================================
   EventHub Card-System — Leverkusen-Werte

   Setzt die Gestaltungswerte (--ehc-*) der neuen Plugin-Karten auf das
   Lust-auf-Leverkusen-Design. Das Plugin definiert die Tokens in der Cascade
   Layer `eventhub-cards`; diese ungelayerten Werte gewinnen deshalb immer,
   unabhängig von Ladereihenfolge und Spezifität.

   Wirkt nur auf Karten, die die Plugin-Teile (parts/card-media.php,
   parts/card-body.php) nutzen. Die Editorial-Karte
   (eventhub/partials/cards/event-card-medium.php) liest keine --ehc-*-Werte
   und bleibt unberührt.

   Den Aufbau (Datumsblock, Pillen, Ticket-Badge …) wählt
   lal_card_layout_options() in functions.php.

   Grundlage: docs/_dev/app/card-editorial-inventory.md im EventHub-Plugin.
   ========================================================================== */

:root {
    /* Grundfarben */
    --ehc-accent: var(--lev-pink);
    --ehc-accent-dark: var(--lev-pink-dark);
    --ehc-muted: var(--lev-grey);
    --ehc-surface: var(--lev-grey-light);

    /* Datumsblock: Pink, schräge Oberkante, bei Highlights Orange */
    --ehc-date-bg: var(--lev-pink);
    --ehc-date-bg-highlight: var(--lev-orange);
    --ehc-date-fg: var(--lev-white);
    --ehc-date-shape: polygon(0 11px, 100% 0, 100% 100%, 0 100%);
    --ehc-date-shadow: drop-shadow(0 4px 15px rgba(203, 9, 80, 0.4));
    --ehc-date-shadow-highlight: drop-shadow(0 4px 15px rgba(236, 102, 8, 0.4));
    --ehc-date-width: var(--lev-card-date-width);
    --ehc-date-padding: var(--lev-card-date-padding);
    --ehc-date-day-size: var(--lev-card-date-day-size);
    --ehc-date-month-size: var(--lev-card-date-month-size);
    --ehc-date-inset: var(--lev-card-date-left);

    /* Highlight-Schild */
    --ehc-highlight-bg: var(--lev-orange);
    --ehc-highlight-size: var(--lev-card-highlight-size);
    /* Oben und unten gleich (Höhe wie vorher y / y + 1 px); die Schrift
       mittet das Plugin. */
    --ehc-highlight-padding: calc(var(--lev-card-badge-padding-y) + 0.5px)
        calc(var(--lev-card-badge-padding-x) + 3px);
    --ehc-highlight-shape: polygon(0 11px, 100% 0, 100% calc(100% - 11px), 0 100%);

    /* Textbereich rutscht unter den Datumsblock */
    --ehc-body-overlap: var(--lev-card-content-overlap);
    --ehc-body-indent: var(--lev-card-padding-left);

    /* Kategorie-Pillen: dunkles Glas, Versalien, leichter Schnitt */
    --ehc-pill-bg: rgba(0, 0, 0, 0.65);
    --ehc-pill-bg-hover: rgba(0, 0, 0, 0.5);
    --ehc-pill-fg: var(--lev-white);
    --ehc-pill-blur: 6px;
    --ehc-pill-size: var(--lev-card-badge-size);
    --ehc-pill-weight: 300;
    --ehc-pill-case: uppercase;
    /* Oben und unten gleich: die Versalien mittet das Plugin
       (.eventhub-card__label), hier keine Schrift-Korrektur. */
    --ehc-pill-padding: clamp(2px, 0.5cqi + 3px, 8px) clamp(6px, 0.5cqi + 8px, 14px);

    /* Badges im Bild */
    --ehc-badge-size: var(--lev-card-badge-size);
    --ehc-badge-padding: var(--lev-card-badge-padding-y) var(--lev-card-badge-padding-x);
    --ehc-badge-radius: 4px;
    --ehc-flag-tickets-bg: var(--lev-pink);
    --ehc-flag-tickets-bg-hover: var(--lev-pink-dark);
    --ehc-flag-tickets-fg: var(--lev-white);
    --ehc-flag-free-bg: var(--lev-green);
    --ehc-flag-free-bg-hover: var(--lev-green-dark);
    --ehc-flag-tickets-shadow: 0 0 5px 3px rgba(203, 9, 80, 0.25);
    --ehc-flag-free-shadow: 0 0 5px 3px rgba(138, 184, 45, 0.25);

    /* Datumszeile: Wochentag pink in Versalien, Uhrzeit grau */
    --ehc-meta-size: var(--lev-card-meta-size);
    --ehc-weekday-color: var(--lev-pink);
    --ehc-weekday-weight: 600;
    --ehc-time-color: var(--lev-grey);
    --ehc-time-case: uppercase;
    --ehc-meta-gap: var(--lev-card-gap);
    --ehc-status-padding: calc(var(--lev-card-badge-padding-y) - 2px)
        calc(var(--lev-card-badge-padding-x) - 4px);
    --ehc-status-tracking: 0.05em;

    /* Karte ohne Bild: ohne Kategoriefarbe der Pink-Verlauf-Ton */
    --ehc-placeholder-bg: var(--lev-pink-light);
    --ehc-placeholder-icon: var(--lev-pink);

    /* --- Neue Grundrisse (sm, lg): Hülle wie die Editorial-Karte --- */
    --ehc-bg: var(--lev-white);
    --ehc-border: none;
    --ehc-radius: 12px;
    --ehc-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    --ehc-shadow-hover: 0 20px 40px rgba(203, 9, 80, 0.15);
    --ehc-shadow-hover-highlight: 0 20px 40px rgba(236, 102, 8, 0.25);
    --ehc-highlight-edge: none;
    --ehc-hover-lift: -8px;
    --ehc-duration: 0.4s;
    --ehc-media-zoom: 1.1;
    --ehc-padding: var(--lev-card-padding);
    --ehc-gap: var(--lev-card-gap);

    /* Titel pink unterstrichen, Ort mit blauem Pin */
    --ehc-title-size: var(--lev-card-title-size);
    --ehc-title-weight: 700;
    --ehc-title-leading: 1.35;
    --ehc-title-color: var(--lev-black);
    --ehc-title-hover-color: var(--lev-pink);
    --ehc-venue-size: var(--lev-card-venue-size);
    --ehc-venue-icon: var(--lev-blue);

    /* Quer-Karte: ruhig wie die frühere Banner-Karte — Haarlinie statt
       Schatten, grauer Hover, kein Anheben */
    --ehc-sm-border: 1px solid var(--lev-grey-light-medium);
    --ehc-sm-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    --ehc-sm-hover-bg: var(--lev-grey-light);
    --ehc-sm-title-size: clamp(1rem, 0.95rem + 0.4cqi, 1.15rem);
    --ehc-sm-meta-size: clamp(0.875rem, 0.85rem + 0.2cqi, 0.95rem);
    --ehc-sm-date-shape: polygon(0 6px, 100% 0, 100% 100%, 0 100%);

    /* Liste „Aktuell laufend“: eine Fläche mit Haarlinien, Foto mit der
       schrägen Kante des Datumsblocks, Highlight-Schild leicht geneigt */
    --ehc-run-border: none;
    --ehc-run-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --ehc-run-divider: 1px solid var(--lev-grey-light-medium);
    --ehc-run-media-width: 11rem;
    --ehc-run-media-shape: polygon(0 0, 100% 0, 89% 100%, 0 100%);
    --ehc-run-highlight-skew: -2deg;

    /* Laufzeit-Punkte wie in der Banner-Karte */
    --ehc-live-open: var(--lev-green);
    --ehc-live-outside: var(--lev-orange);
    --ehc-live-upcoming: var(--lev-grey);
}