/* IMPark Consent – Banner & Content-Blocker */

#impark-consent-root[hidden] { display: none; }

.impark-consent-overlay {
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: transparent;      /* Standard: kein Abdunkeln (unaufdringliche Leiste) */
	pointer-events: none;         /* Klicks gehen an die Seite durch … */
	display: flex;
	padding: 16px;
}
/* FG 2026-07-17: Der Backdrop DARF die Seite NICHT mehr blockieren.
   Vorher fing er ALLE Klicks (pointer-events:auto) über die volle Viewport-
   Fläche ab — wer den Cookie-Banner nicht zuerst wegklickte, dessen Klicks auf
   die Formular-Buttons landeten auf dem unsichtbaren Backdrop statt auf dem
   Button („jeder Button erst nach 2–3 Klicks"). Jetzt: KEIN Abdunkeln, KEIN
   Klick-Fang — der Banner ist eine schwebende Karte, die restliche Seite bleibt
   voll bedienbar. Nur die Consent-Box selbst fängt Klicks (pointer-events:auto,
   unten). Die Zustimmung wird dadurch nicht umgangen: erst nach der Wahl werden
   nicht-essenzielle Cookies gesetzt (Logik unverändert in impark-consent.js). */
.impark-consent-overlay.impark-consent-has-backdrop {
	background: transparent;
	pointer-events: none;
}

.impark-consent-box {
	pointer-events: auto;
	background: var(--impark-consent-box-bg, var(--ipk-white));
	color: var(--impark-consent-text, var(--ipk-ink));
	border-radius: var(--impark-consent-radius, 10px);
	box-shadow: 0 10px 40px rgba(65,65,65, .25);
	width: 100%;
	max-width: var(--impark-consent-maxw, 560px);
	margin: auto;
	padding: 24px;
	font-size: 14px;
	line-height: 1.5;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
}

.impark-consent-pos-bottom { margin: auto auto 16px; }
.impark-consent-pos-bottom-left { margin: auto auto 16px 16px; }
.impark-consent-pos-bottom-right { margin: auto 16px 16px auto; }

/* Logo im Banner */
.impark-consent-logo { display: block; max-height: 34px; width: auto; margin: 0 0 12px; }

/* Modal-Layout: mittig, etwas schmaler, immer mit Hintergrund. */
.impark-consent-layout-modal { margin: auto; max-width: min(var(--impark-consent-maxw, 560px), 520px); }

/* Faire, gleich gewichtete Buttons (Ablehnen = Akzeptieren, TTDSG-freundlich). */
.impark-consent-equal .impark-consent-reject {
	background: var(--impark-consent-accent, var(--ipk-blue));
	color: var(--ipk-white);
	border-color: var(--impark-consent-accent, var(--ipk-blue));
}
.impark-consent-equal .impark-consent-reject:hover {
	background: var(--impark-consent-accent-hover, var(--ipk-blue-deep));
}

.impark-consent-title {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 600;
	color: var(--impark-consent-text, var(--ipk-ink));
}

.impark-consent-intro { margin: 0 0 14px; }

.impark-consent-groups { margin: 6px 0 12px; }

.impark-consent-group {
	border: 1px solid var(--ipk-line);
	border-radius: 8px;
	padding: 10px 12px;
	margin-bottom: 8px;
}

.impark-consent-group-head {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	cursor: pointer;
}

.impark-consent-group-head input { width: 16px; height: 16px; }
.impark-consent-alwayson { color: var(--ipk-ok); font-style: italic; font-weight: 500; }
.impark-consent-group-desc { margin: 6px 0 0; font-size: 12.5px; color: var(--ipk-muted); }

.impark-consent-links { margin: 10px 0; font-size: 12.5px; }
.impark-consent-links a { color: var(--impark-consent-accent, var(--ipk-blue)); text-decoration: underline; }

.impark-consent-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.impark-consent-btn {
	flex: 1 1 auto;
	min-width: 120px;
	border: 0;
	border-radius: 7px;
	padding: 11px 14px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.2;
}

/* Equal weight: reject is as prominent/easy as accept (DE compliance). */
.impark-consent-accept { background: var(--impark-consent-accent, var(--ipk-blue)); color: var(--ipk-white); }
.impark-consent-accept:hover { background: var(--impark-consent-accent-hover, var(--ipk-blue-deep)); }
.impark-consent-reject,
.impark-consent-settings,
.impark-consent-save {
	background: var(--impark-consent-reject-bg, var(--ipk-blue-bg));
	color: var(--impark-consent-reject-color, var(--ipk-ink));
}
.impark-consent-reject:hover,
.impark-consent-settings:hover,
.impark-consent-save:hover { filter: brightness(.95); }

@media (max-width: 480px) {
	.impark-consent-btn { flex-basis: 100%; }
}

/* Floating re-open button + shortcode button */
.impark-consent-fab {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 999990;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0;
	background: var(--impark-consent-accent, var(--ipk-blue));
	color: var(--ipk-white);
	font-size: 20px;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(65,65,65, .25);
}
.impark-consent-fab:hover { background: var(--impark-consent-accent-hover, var(--ipk-blue-deep)); }

.impark-consent-open {
	background: none;
	border: 0;
	padding: 0;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
}

/* iframe content blocker placeholder */
.impark-consent-blocker {
	background: var(--ipk-blue-bg);
	border: 1px dashed var(--ipk-line);
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.impark-consent-blocker-inner { max-width: 420px; }
.impark-consent-blocker-note { margin: 0 0 12px; color: var(--ipk-muted); font-size: 13.5px; }
.impark-consent-blocker-load {
	background: var(--impark-consent-accent, var(--ipk-blue));
	color: var(--ipk-white);
	border: 0;
	border-radius: 7px;
	padding: 10px 16px;
	font-weight: 600;
	cursor: pointer;
}
.impark-consent-blocker-load:hover { background: var(--impark-consent-accent-hover, var(--ipk-blue-deep)); }
.impark-consent-blocker-always {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: var(--ipk-muted);
}

/* PRO: layouts */
.impark-consent-layout-bar {
	max-width: none;
	width: 100%;
	border-radius: 0;
	margin: auto 0 0;
}
.impark-consent-layout-bar .impark-consent-actions { max-width: 1200px; }

/* PRO: animations */
@keyframes impark-consent-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes impark-consent-slide { from { transform: translateY(40px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.impark-consent-anim-fade { animation: impark-consent-fade .25s ease-out; }
.impark-consent-anim-slide { animation: impark-consent-slide .3s ease-out; }
.impark-consent-anim-none { animation: none; }

@media (prefers-reduced-motion: reduce) {
	.impark-consent-anim-fade, .impark-consent-anim-slide { animation: none; }
}

/* ===== PRO v2: Badge-Position + Label, Dienst-/Cookie-Details, Cookie-Erklärung ===== */
.impark-consent-fab-left  { left: 16px; right: auto; }
.impark-consent-fab-right { right: 16px; left: auto; }
.impark-consent-fab:has(.impark-consent-fab-lbl){ width:auto; height:44px; border-radius:24px; padding:0 18px; display:inline-flex; align-items:center; gap:8px; }
.impark-consent-fab-lbl{ font-size:13.5px; font-weight:600; line-height:1; }
.impark-consent-fab-ic{ font-size:20px; line-height:1; }

/* Dienste + Cookies im Einstellungs-Layer */
.impark-consent-services{ margin:.4rem 0 0; padding:.4rem 0 0; border-top:1px dashed rgba(65,65,65,.12); display:flex; flex-direction:column; gap:.4rem; }
.impark-consent-service{ font-size:13px; }
.impark-consent-service-head{ display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap; }
.impark-consent-service-name{ font-weight:600; color:var(--impark-consent-text,var(--ipk-ink)); }
.impark-consent-service-prov{ font-size:11.5px; color:var(--ipk-muted); }
.impark-consent-cookies{ margin:.25rem 0 0; }
.impark-consent-cookies > summary{ cursor:pointer; font-size:12px; color:var(--ipk-muted); list-style:revert; }
.impark-consent-cookie-table{ width:100%; border-collapse:collapse; margin:.35rem 0 0; font-size:12px; }
.impark-consent-cookie-table td{ padding:3px 6px; border-top:1px solid rgba(65,65,65,.06); vertical-align:top; color:var(--ipk-muted); }
.impark-consent-cookie-table .cc-name code{ font-size:11px; }

/* Cookie-Erklärung (Shortcode [impark_cookie_declaration]) */
.impark-cookie-decl{ margin:1.4rem 0; font-size:.95rem; }
.impark-cookie-decl__group{ margin:0 0 1.8rem; }
.impark-cookie-decl__title{ font-size:1.05rem; margin:0 0 .3rem; }
.impark-cookie-decl__desc{ margin:0 0 .7rem; color:var(--ipk-muted); font-size:.9rem; }
.impark-cookie-decl__scroll{ overflow-x:auto; border:1px solid var(--ipk-line); border-radius:10px; }
.impark-cookie-decl__table{ width:100%; border-collapse:collapse; min-width:560px; }
.impark-cookie-decl__table th{ text-align:left; font-size:.74rem; letter-spacing: .1em; text-transform:uppercase; color:var(--ipk-muted); background:var(--ipk-blue-bg); padding:9px 12px; border-bottom:1px solid var(--ipk-line); }
.impark-cookie-decl__table td{ padding:9px 12px; border-bottom:1px solid var(--ipk-blue-pale); vertical-align:top; color:var(--ipk-ink); }
.impark-cookie-decl__table tr:last-child td{ border-bottom:0; }
.impark-cookie-decl__table code{ font-size:.82em; background:var(--ipk-blue-bg); padding:1px 5px; border-radius:4px; }
.impark-cookie-decl__foot{ margin:.4rem 0 0; }