/**
 * Singulary Consent — Daniel-Styling über die offiziellen --cc-*-Variablen
 * (vendor/cookieconsent.css bleibt unangetastet → v4-Update = Datei tauschen).
 * Token-CSS: Farben/Radien aus theme.json, Buttons = Site-Pill-Sprache.
 */

/* Praesenz: Lib skaliert komplett in em — 17px Basis statt 16px, und die
   Cloud-Leiste darf breiter als die 54em-Vendor-Default. */
#cc-main { font-size: 17px; }
#cc-main .cm--cloud { max-width: min( 62em, calc( 100vw - 2.5rem ) ); }

#cc-main {
	--cc-font-family: 'Inter', -apple-system, 'system-ui', 'Segoe UI', Roboto, sans-serif;
	--cc-bg: var(--wp--preset--color--base, #fff);
	--cc-primary-color: var(--wp--preset--color--ink, #1a2434);
	--cc-secondary-color: var(--wp--preset--color--muted, #808080);
	--cc-link-color: var(--wp--preset--color--ink, #1a2434);

	--cc-btn-primary-bg: var(--wp--preset--color--ink, #1a2434);
	--cc-btn-primary-color: #fff;
	--cc-btn-primary-border-color: var(--wp--preset--color--ink, #1a2434);
	--cc-btn-primary-hover-bg: #0f1622;
	--cc-btn-primary-hover-border-color: #0f1622;

	--cc-btn-secondary-bg: var(--wp--preset--color--surface, #f5f5f7);
	--cc-btn-secondary-color: var(--wp--preset--color--ink, #1a2434);
	--cc-btn-secondary-border-color: var(--wp--preset--color--hairline, #e4e4e2);
	--cc-btn-secondary-hover-bg: var(--wp--preset--color--hairline, #e4e4e2);

	--cc-separator-border-color: var(--wp--preset--color--hairline, #e4e4e2);
	--cc-section-category-border: var(--wp--preset--color--hairline, #e4e4e2);
	--cc-cookie-category-block-bg: var(--wp--preset--color--surface, #f5f5f7);
	--cc-cookie-category-block-border: var(--wp--preset--color--hairline, #e4e4e2);
	--cc-cookie-category-block-hover-bg: #eeeef1;
	--cc-cookie-category-expanded-block-bg: var(--wp--preset--color--base, #fff);

	--cc-toggle-on-bg: var(--wp--preset--color--ink, #1a2434);
	--cc-toggle-off-bg: #b8bdc6;
	--cc-toggle-on-knob-bg: #fff;
	--cc-toggle-off-knob-bg: #fff;

	--cc-footer-bg: var(--wp--preset--color--surface, #f5f5f7);
	--cc-footer-border-color: var(--wp--preset--color--hairline, #e4e4e2);
	--cc-footer-color: var(--wp--preset--color--muted, #808080);

	--cc-modal-border-radius: 20px;
	/* ACHTUNG Vendor-Falle: --cc-btn-border-radius steuert AUCH die Kategorie-
	   Bloecke (.pm__section*) — 999px macht daraus Eier mit Textueberlauf.
	   Deshalb hier Karten-Radius; die echten Buttons kriegen ihr Pill unten. */
	--cc-btn-border-radius: 14px;
	--cc-pm-toggle-border-radius: 999px;
	--cc-modal-margin: 1.25rem;
	--cc-overlay-bg: rgba(16, 22, 34, 0.5);
}

/* Elevation + Hairline wie die Site-Karten (CTA-Karte/Exposé-Sprache). */
#cc-main .cm,
#cc-main .pm {
	box-shadow: 0 26px 60px -35px rgba(16, 22, 34, 0.6);
	border: 1px solid var(--wp--preset--color--hairline, #e4e4e2);
}
#cc-main .cm__title,
#cc-main .pm__title {
	font-weight: 800;
	letter-spacing: -0.015em;
}
#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: 700;
	border-radius: 999px;
}
#cc-main .cm__btn--close,
#cc-main .pm__close-btn {
	border-radius: 999px;
}

/* --- Just-in-time-Gate: "Aktivieren"-Card fuer gated Dienste -------------- */
.fyh-consent-gate {
	display: flex; flex-direction: column; align-items: flex-start; gap: .65rem;
	padding: 1.1rem 1.25rem;
	border: 1px solid var(--wp--preset--color--hairline, #e4e4e2);
	border-radius: 16px;
	background: var(--wp--preset--color--surface, #f5f5f7);
}
.fyh-consent-gate__text {
	margin: 0;
	font-size: .88rem; line-height: 1.55;
	color: var(--wp--preset--color--muted, #808080);
}
.fyh-consent-gate__btn {
	display: inline-flex; align-items: center;
	padding: .55rem 1.1rem; border: 0; border-radius: 999px;
	font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer;
	color: #fff; background: var(--wp--preset--color--ink, #1a2434);
	transition: transform .18s ease;
}
.fyh-consent-gate__btn:hover { transform: translateY( -1px ); }
.fyh-consent-gate__more {
	padding: 0; border: 0; background: none; cursor: pointer;
	font: inherit; font-size: .76rem; font-weight: 600;
	color: var(--wp--preset--color--muted, #808080);
	text-decoration: underline; text-underline-offset: 3px;
}
@media ( prefers-reduced-motion: reduce ) { .fyh-consent-gate__btn { transition: none; } }

/* --- Wall-Modus: Overlay wie unsere Glas-Sprache, zentrale Box praesenter -- */
#cc-main .cm--middle.cm--center { max-width: 34em; }
.disable--interaction #cc-main .cm-wrapper::before,
#cc-main .pm-overlay {
	-webkit-backdrop-filter: blur( 6px );
	backdrop-filter: blur( 6px );
}