/**
 * EU-Gewährleistung – Light DOM
 * hammerer-eu-compliance 1.6.0
 *
 * Fast die gesamte Gestaltung liegt ab 1.6.0 in Shadow Roots (assets/css/shadow/).
 * Im Dokument selbst bleibt nur, was dort nicht funktioniert:
 *
 *  – @font-face muss im Dokument stehen. Schriftfamilien werden dokumentweit
 *    aufgelöst, Schriftdeklarationen innerhalb eines Shadow Root dagegen nicht
 *    zuverlässig ausgewertet. Der Familienname lautet bewusst „HEUC Inter“ und
 *    nicht „Inter“, damit die Typografie von Themes unberührt bleibt, die selbst
 *    Inter verwenden.
 *  – Das Host-Element braucht ein Anzeigeverhalten, bevor sein Shadow Root steht.
 *  – Der schlichte Link (Modus „plain“) soll ausdrücklich vom Theme gestaltet
 *    werden und bekommt deshalb hier nur das Nötigste.
 */

@font-face {
	font-family: 'HEUC Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'HEUC Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'HEUC Inter';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('fonts/inter-latin-800-normal.woff2') format('woff2');
}

/*
 * Der Baustein muss in jeder Umgebung auf eigener Zeile über die volle Breite
 * stehen. Das ist die einzige Stelle im Plugin, an der !important unverzichtbar ist:
 *
 *  – Themes legen den Kaufbereich und die Produkt-Zusammenfassung häufig als
 *    Flex-Container aus. Der Baustein wurde dort zu einer weiteren Spalte neben
 *    Mengenfeld und Kaufen-Button.
 *  – Eine eigene Regel wie `.eugw { flex: 1 1 100% }` hat die Spezifität 0-1-0.
 *    Eine übliche Theme-Regel wie `.entry-summary > *` liegt bei 0-1-1 und gewinnt.
 *    Ohne !important bleibt die Voreinstellung des Themes wirksam.
 *  – `clear` und `float` decken zusätzlich Themes ab, die den Kaufbereich floaten;
 *    `grid-column` den Fall eines Grid-Containers.
 *
 * Die Gestaltung selbst bleibt davon unberührt – sie liegt im Shadow Root.
 */
heuc-eu,
.eugw {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	flex: 1 1 100% !important;
	grid-column: 1 / -1 !important;
}

heuc-eu[hidden] {
	display: none !important;
}

/*
 * Rückfallebene: Sobald ein Shadow Root existiert, stellt der Browser
 * Light-DOM-Kinder ohne passenden Slot ohnehin nicht mehr dar. Diese Regel
 * greift also nur in sehr alten Browsern ohne Shadow-DOM-Unterstützung.
 */
heuc-eu .heuc-eu__fallback {
	display: inline;
}

/* Abstände der Bausteine an den einzelnen Pflichtstellen */
.eugw--product     { margin: 20px 0 6px; }
.eugw--cart        { margin: 14px 0 6px; }
.eugw--checkout    { margin: 16px 0 18px; }
.eugw--loop        { margin: 8px 0 0; }
.eugw--loop-notice { margin: 0 0 16px; }

.eugw-cart-labels {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 10px;
}

.eugw:empty {
	display: none;
}

/* Wird das Overlay geöffnet, darf die Seite dahinter nicht mitscrollen. */
html.heuc-modal-open,
body.heuc-modal-open {
	overflow: hidden;
}