/*
 * PGS ArtFusion — Zertifikats-Seite (seit 1.3.0): das FusionArt™-Motiv als Artwork rund um das Kartenbild.
 *
 * Diese Datei wird NUR auf der Einzelansicht einer Karte mit feststehendem Motiv geladen (PGSAF_Zertifikat::einbinden());
 * das Bild selbst steht in der Eigenschaft --pgsaf-zert-motiv, die dieselbe Stelle gleich dahinter setzt.
 *
 * Sie hängt sich an den Aufbau der Vorlage von Card Docu (templates/single-airdrop.php):
 *   .cd-grade-page .cdg-slab        die Fläche um das Kartenbild  → bekommt das Motiv als Hintergrund und einen breiteren Rand
 *   .cdg-slab__pic                  das Kartenbild (Kippen, ZOOM, Umdrehen) → bleibt, wie es ist, nur der Schatten wird dunkel
 *   .cdg-flip__btn                  „Karte umdrehen" → rückt unter die Fläche, damit nichts auf dem Motiv liegt
 * Es kommt KEIN Element dazu und nichts liegt über der Karte — Klicks treffen dieselben Elemente wie vorher.
 *
 * Lädt das Bild nicht, setzt das Skript .pgsaf-zert-aus an die Fläche: dann greift hier nichts mehr, die Seite sieht aus wie
 * bei einer Karte ohne FusionArt™.
 *
 * Seit 1.3.6 — DIE KARTE SITZT AUF DER GEMALTEN KARTE (Merts Fund vom 15.10.2026 auf /card/505985: „hier wird die status seite
 * und das artwork versetzt angezeigt"). Das Motiv ist das ganze Bild der KI (1152 × 2064, 9 : 16): der Slab füllt die Breite,
 * oben und unten ragt es 4,17 mm über, und die Karte ist darin an IHRER Stelle gemalt — seit 1.0.94 mit der Mitte 40 | 77,5 mm
 * (vorher 40 | 80,41), nicht in der Mitte des Bildes. Bis 1.3.5 stand die echte Karte mittig in der Fläche (Rand 15 % / 10,3 %)
 * und das Motiv wurde mittig „cover" eingepasst — darum lag die gemalte Karte rund 2 cm tiefer, und unten schaute ein zweites
 * Kartenstück heraus. Jetzt bekommt die Fläche genau die Ränder des Slabs um SEINE gemalte Karte (Prozent der Breite = mm / 80,
 * vom Server je Motiv als --pgsaf-zert-l/-r/-o/-u gesetzt; ohne sie die Werte der Standardkarte bei 40 | 77,5), und das Motiv
 * liegt in voller Breite (100 % auto) senkrecht mittig — so sitzt die echte Karte deckungsgleich auf der gemalten, und die Fläche
 * zeigt den Slab 80 × 135 mm.
 *
 * Seit 1.3.6 — CLEAR-CASE von Card Docu: Zeichnet Card Docu (ab 10.46) die Fläche selbst als echten Slab mit Case-Front und Label
 * (Klasse .cdg-case), holt es das Motiv selbst aus --pgsaf-zert-motiv in eine eigene Lage. Dann greift hier NICHTS mehr — kein
 * Rand, kein Hintergrund, kein Schatten, kein verschobener Knopf (:not(.cdg-case)). --pgsaf-zert-motiv und die Klassen
 * .pgsaf-zert-an/.pgsaf-zert-aus bleiben; dazu gibt es für Card Docu die Lage der gemalten Karte IM MOTIV:
 *   --pgsaf-zert-karte-x / -y   Kartenmitte in Prozent der Motiv-Breite bzw. -Höhe
 *   --pgsaf-zert-karte-b / -h   Kartengröße in Prozent der Motiv-Breite bzw. -Höhe
 * Mit älterem Card Docu (ohne .cdg-case) bleibt es bei der Fläche hier.
 *
 * Seit 1.3.6 — DRUCKBILD MIT LABEL: hat PGS die Karte gedruckt (bzw. im Studio „Bild für Zertifikat erzeugen" gedrückt), ist das Bild
 * das Druckbild der Vorderseite (Motiv mit gedrucktem Labeltext, Seite 80 × 135,35 mm ab der Slab-Oberkante). Dann setzt der Server
 * --pgsaf-zert-pos-y: 0% (oben bündig) und Ränder bzw. Kartenlage für die Kartenmitte des Drucks (40 | 77,5 mm).
 */
.cd-grade-page .cdg-slab:not(.pgsaf-zert-aus):not(.cdg-case) {
	box-sizing: border-box;
	padding: var(--pgsaf-zert-o, 41.875%) var(--pgsaf-zert-r, 10.625%) var(--pgsaf-zert-u, 16.875%) var(--pgsaf-zert-l, 10.625%);
	background-color: #0a0e18;
	background-image: var(--pgsaf-zert-motiv, none), linear-gradient(180deg, #11182b, #0a0e18);
	background-position: center var(--pgsaf-zert-pos-y, center), center;   /* seit 1.3.6: Druckbild oben bündig (--pgsaf-zert-pos-y: 0%) */
	background-size: 100% auto, cover;
	background-repeat: no-repeat, no-repeat;
}

/* Die Karte steht VOR dem Motiv: dunkler Schatten statt des farbigen Scheins (der ginge im Motiv unter). */
.cd-grade-page .cdg-slab:not(.pgsaf-zert-aus):not(.cdg-case) .cdg-slab__pic {
	box-shadow: 0 18px 38px -14px rgba(0, 0, 0, .78), 0 3px 12px rgba(0, 0, 0, .38);
}

/* Karte mit Rückseite: der Knopf „Karte umdrehen" steht unter der Fläche statt auf dem Motiv; der Platz dafür wird frei gehalten. */
.cd-grade-page .cdg-slab--flip:not(.pgsaf-zert-aus):not(.cdg-case) {
	margin-bottom: 58px;
}
.cd-grade-page .cdg-slab--flip:not(.pgsaf-zert-aus):not(.cdg-case) .cdg-flip__btn {
	position: absolute;
	left: 0;
	top: 100%;
	box-sizing: border-box;
	width: 100%;
	margin-top: 12px;
}