@charset "UTF-8";
/**
 * ADKRU LP — Cover Spotlight.
 *
 * Formt das native core/cover-Overlay (.wp-block-cover__background) zu
 * einem runden Spotlight. Die mask-Formel lebt NUR hier (eine Stelle).
 *
 * BREITEN-STABIL: Radius und Position sind an die feste Content-Breite
 * (--adkru-content) gekoppelt, NICHT an die Viewport-Breite. Dadurch
 * bleibt die Form bei jeder Bildschirmbreite identisch (und Editor sieht
 * 1:1 aus wie das Frontend), der Spotlight wandert mit dem zentrierten
 * Content mit.
 *
 * Variablen, gesetzt von Editor (cover-spotlight-editor.js) und Frontend
 * (render_block-Filter in functions.php):
 *   --spot-fx    Zentrum X als Anteil der Content-Breite (0 = Content-Anfang links, 1 = Content-Ende)
 *   --spot-y     Zentrum Y in % der Box-Höhe
 *   --spot-rx    horizontaler Radius in % der Content-Breite (breiten-stabil)
 *   --spot-ry    vertikaler Radius in % der Box-Höhe
 *   --spot-soft  Weichheit der Kante in % (0 = hart)
 *
 * Sind die --spot-* Variablen NICHT gesetzt (jeder normale Cover), wird
 * die mask-image-Deklaration ungültig und fällt auf "none" zurück.
 *
 * Full-Bleed (Spotlight bis zum Bildschirmrand) = native Cover-Ausrichtung
 * "Volle Breite" (alignfull).
 *
 * Lädt via enqueue_block_assets in Frontend UND Editor-Iframe.
 */
.wp-block-cover {
  --adkru-content: 1290px; /* = theme.json contentSize, feste Referenz */
}

.wp-block-cover__background {
  -webkit-mask-image: radial-gradient(calc(var(--spot-rx) * var(--adkru-content) / 100) var(--spot-ry) at calc((100% - var(--adkru-content)) / 2 + var(--spot-fx) * var(--adkru-content)) var(--spot-y), #000 calc(100% - var(--spot-soft)), transparent 100%);
  mask-image: radial-gradient(calc(var(--spot-rx) * var(--adkru-content) / 100) var(--spot-ry) at calc((100% - var(--adkru-content)) / 2 + var(--spot-fx) * var(--adkru-content)) var(--spot-y), #000 calc(100% - var(--spot-soft)), transparent 100%);
}