/* =====================================================================
   Real Cookie Banner – Feinschliff im Theme-Design.
   Farben, Radien, Abstände kommen aus den Plugin-Einstellungen (Design → Cookie Banner).
   Hier nur, was dort nicht einstellbar ist. Das Plugin vergibt wechselnde Zufalls-Klassen,
   deshalb ausschließlich stabile Attribute als Selektoren.
   ===================================================================== */

dialog[data-nosnippet][aria-modal="true"] {
	--rcb-tri: linear-gradient(90deg, #ffed00 0 33.3%, #009ee3 33.3% 66.6%, #e5007d 66.6% 100%);
}

/* Dreifarbige Oberkante als Rahmen über dem Kasten (äußerer Wrapper hat sonst keine Rahmen). */
dialog[data-nosnippet][aria-modal="true"] > div:not([aria-label]) {
	border-top: 4px solid transparent !important;
	border-image: var(--rcb-tri) 1 !important;
}

/* Buttons in Markenschrift, Großbuchstaben, harte Kanten */
dialog[data-nosnippet][aria-modal="true"] a[role="button"],
dialog[data-nosnippet][aria-modal="true"] a[role="button"] * {
	font-family: "Space Grotesk", Inter, system-ui, sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: .1em !important;
	border-radius: 0 !important;
	transition: background-color .16s ease, color .16s ease, transform .15s ease;
}
dialog[data-nosnippet][aria-modal="true"] a[role="button"]:hover {
	transform: translateY(-1px);
}
dialog[data-nosnippet][aria-modal="true"] a[role="button"]:focus-visible,
dialog[data-nosnippet][aria-modal="true"] input:focus-visible {
	outline: 2px solid #009ee3 !important;
	outline-offset: 2px;
}

/* Checkboxen eckig */
dialog[data-nosnippet][aria-modal="true"] input[type="checkbox"] {
	border-radius: 0 !important;
	accent-color: #009ee3;
}

/* Inhaltsblocker (z. B. für Einbettungen) im Theme-Stil */
.rcb-content-blocker,
div[consent-skip-blocker] {
	border-radius: 0 !important;
}