/* Simple Cookie Consent
   Every value is a variable. Override them from your theme:
   .scc{--scc-bg:#14161A;--scc-accent:#E3A008;} */

.scc {
	--scc-bg: #ffffff;
	--scc-fg: #1b1b1b;
	--scc-muted: #5c5c5c;
	--scc-border: rgba(0, 0, 0, .12);
	--scc-accent: #1b1b1b;
	--scc-accent-fg: #ffffff;
	--scc-radius: 4px;
	--scc-gap: 16px;
	--scc-edge: 20px;
	--scc-width: 340px;
	--scc-shadow: 0 6px 28px rgba(0, 0, 0, .16);
	--scc-font: inherit;
	--scc-size: 14px;
	--scc-z: 99999;

	position: fixed;
	z-index: var(--scc-z);
	width: var(--scc-width);
	max-width: calc(100vw - (var(--scc-edge) * 2));
	box-sizing: border-box;
	padding: var(--scc-gap);
	background: var(--scc-bg);
	color: var(--scc-fg);
	border: 1px solid var(--scc-border);
	border-radius: var(--scc-radius);
	box-shadow: var(--scc-shadow);
	font-family: var(--scc-font);
	font-size: var(--scc-size);
	line-height: 1.5;
}

.scc--bottom-right { bottom: var(--scc-edge); right: var(--scc-edge); }
.scc--bottom-left  { bottom: var(--scc-edge); left: var(--scc-edge); }
.scc--top-right    { top: var(--scc-edge); right: var(--scc-edge); }
.scc--top-left     { top: var(--scc-edge); left: var(--scc-edge); }

.scc__text {
	margin: 0 0 var(--scc-gap);
	color: var(--scc-fg);
}

.scc__link {
	color: var(--scc-muted);
	text-decoration: underline;
}

.scc__actions {
	display: flex;
	gap: 8px;
}

.scc__btn {
	flex: 1;
	padding: 9px 14px;
	border: 1px solid var(--scc-border);
	border-radius: var(--scc-radius);
	background: transparent;
	color: var(--scc-fg);
	font: inherit;
	cursor: pointer;
}

.scc__btn--accept {
	background: var(--scc-accent);
	border-color: var(--scc-accent);
	color: var(--scc-accent-fg);
}

.scc__btn:focus-visible {
	outline: 2px solid var(--scc-accent);
	outline-offset: 2px;
}

@media (max-width: 480px) {
	.scc {
		--scc-edge: 10px;
		--scc-width: 100%;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.scc {
		animation: scc-in .18s ease-out;
	}

	@keyframes scc-in {
		from { opacity: 0; transform: translateY(8px); }
		to   { opacity: 1; transform: none; }
	}
}

/* The footer link back to the banner. Styled as plain text, not a button, so it
   sits in a footer without fighting the theme. */
.scc-reopen {
	padding: 8px 0;
	text-align: center;
}

.scc-reopen .scc-open {
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: 13px;
	opacity: .7;
	text-decoration: underline;
	cursor: pointer;
}

.scc-reopen .scc-open:hover {
	opacity: 1;
}

@media print {
	.scc,
	.scc-reopen {
		display: none;
	}
}