/* MC Copy — Frontend-Badges für Aktionsartikel.
   Cards im Loop: JS fügt `.mcc-action` an Card-Wurzel → CSS rendert Badge.
   PDP: PHP setzt `body.mcc-is-action` → CSS targetet Bricks-Hero-IDs. */

/* ============ Card im Shop-Loop ============ */
.mcc-action {
	position: relative;
}
.mcc-action::before {
	content: "AKTION";
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
	color: #ffffff;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: 0 4px 10px rgba(220, 38, 38, 0.35);
	pointer-events: none;
	animation: mcc-action-pulse 2.4s ease-in-out infinite;
}
@keyframes mcc-action-pulse {
	0%, 100% { transform: scale(1); }
	50%      { transform: scale(1.05); }
}

/* ============ PDP — Bricks-Hero ============ */

/* Badge oberhalb des Produktbilds platzieren — `#brxe-ohwjtv` ist der
   Image-Container im 24apotheke-Template. */
body.mcc-is-action #brxe-ohwjtv {
	position: relative;
}
body.mcc-is-action #brxe-ohwjtv::before {
	content: "AKTIONSPREIS";
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 50;
	background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
	color: #ffffff;
	padding: 8px 18px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	box-shadow: 0 6px 16px rgba(220, 38, 38, 0.4);
	pointer-events: none;
	animation: mcc-action-pulse 2.4s ease-in-out infinite;
}

/* Inline-Badge neben dem Produkttitel (Bricks `h1.brxe-product-title`). */
body.mcc-is-action h1.brxe-product-title {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
body.mcc-is-action h1.brxe-product-title::after {
	content: "AKTION";
	display: inline-block;
	background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
	color: #ffffff;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	box-shadow: 0 3px 8px rgba(220, 38, 38, 0.3);
	flex-shrink: 0;
	align-self: center;
}

/* EAN/GTIN-Zeile bei Aktionsartikeln verstecken (künstlicher Wert „AKTION-..."
   ist für Kunden irreführend). Bricks-Element-ID: `brxe-rnnody`. */
body.mcc-is-action #brxe-rnnody {
	display: none !important;
}