/* Shtrack Legal: cookie consent banner */
.shl-banner {
	--shl-bg: #ffffff;
	--shl-fg: #1d1d1f;
	--shl-muted: #5a5a60;
	--shl-border: #e2e2e6;
	--shl-accent: #111111;
	--shl-accent-fg: #ffffff;
	position: fixed;
	z-index: 2147483000;
	left: 16px;
	right: 16px;
	bottom: 16px;
	max-width: 640px;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	background: var(--shl-bg);
	color: var(--shl-fg);
	border: 1px solid var(--shl-border);
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
	font-size: 14px;
	line-height: 1.5;
}
.shl-banner[hidden] { display: none; }
.shl-inner { padding: 20px 22px; }
.shl-title { font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.shl-text, .shl-gpc { margin: 0 0 12px; color: var(--shl-muted); }
.shl-text a { color: inherit; text-decoration: underline; }
.shl-prefs { border-top: 1px solid var(--shl-border); margin: 4px 0 12px; padding-top: 8px; }
.shl-cat { padding: 8px 0; border-bottom: 1px solid var(--shl-border); }
.shl-cat label { display: flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; font-size: 14px; }
.shl-cat input { margin: 0; width: 18px; height: 18px; }
.shl-cat p { margin: 4px 0 0 26px; color: var(--shl-muted); font-size: 13px; }
.shl-always { margin-left: auto; font-size: 12px; color: var(--shl-muted); }
.shl-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
/* Accept and Reject have equal weight on purpose (EDPB guidance on dark patterns). */
.shl-btn {
	flex: 1 1 auto;
	margin: 0;
	padding: 10px 16px;
	min-height: 40px;
	border: 1px solid var(--shl-accent);
	border-radius: 8px;
	background: var(--shl-accent);
	color: var(--shl-accent-fg);
	font: inherit;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.2;
	cursor: pointer;
}
.shl-btn[hidden] { display: none; }
.shl-btn-link { background: transparent; color: var(--shl-fg); border-color: var(--shl-border); }
.shl-btn:focus-visible, .shl-cat input:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.shl-footer-links a { margin-right: 12px; }
.shl-footer-links a:last-child { margin-right: 0; }
@media (prefers-color-scheme: dark) {
	.shl-banner { --shl-bg: #1c1c1e; --shl-fg: #f2f2f7; --shl-muted: #b0b0b8; --shl-border: #3a3a3c; --shl-accent: #f2f2f7; --shl-accent-fg: #111111; }
}
@media (max-width: 480px) {
	.shl-banner { left: 8px; right: 8px; bottom: 8px; }
	.shl-actions { flex-direction: column-reverse; }
}