/* Securitise cookie consent banner. */
.sx-cc {
	position: fixed; z-index: 1000;
	left: clamp(.75rem, 2vw, 1.5rem); right: clamp(.75rem, 2vw, 1.5rem); bottom: clamp(.75rem, 2vw, 1.5rem);
	display: flex; justify-content: flex-start;
	pointer-events: none;
}
.sx-cc[hidden], .sx-cc [hidden] { display: none !important; }
.sx-cc__inner {
	pointer-events: auto;
	width: 100%; max-width: 560px; box-sizing: border-box;
	background: var(--wp--preset--color--ink, #09160E); color: rgba(255, 255, 255, .88);
	border: 1px solid rgba(217, 182, 92, .35); border-radius: 12px;
	padding: 1.25rem 1.35rem;
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .55);
	font-size: .95rem; line-height: 1.5;
	animation: sx-cc-in .25s ease both;
}
@keyframes sx-cc-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.sx-cc__title { margin: 0 0 .4rem; font-weight: 700; font-size: 1.05rem; color: #fff; outline: none; }
.sx-cc__text { margin: 0 0 1rem; }
.sx-cc a { color: var(--wp--preset--color--gold-light, #D9B65C); }
.sx-cc__prefs { display: grid; gap: .6rem; margin: 0 0 1rem; }
.sx-cc__row { display: flex; gap: .7rem; align-items: flex-start; padding: .7rem .8rem; border-radius: 8px; background: rgba(255, 255, 255, .05); cursor: pointer; }
.sx-cc__row input { margin-top: .25rem; width: 1.05rem; height: 1.05rem; accent-color: var(--wp--preset--color--gold, #C9A040); flex: none; }
.sx-cc__row strong { display: block; color: #fff; }
.sx-cc__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.sx-cc__btn {
	font: inherit; font-weight: 700; font-size: .9rem;
	flex: 1 1 auto; padding: .7rem 1rem; border-radius: 6px; cursor: pointer;
	background: var(--wp--preset--color--gold, #C9A040); color: var(--wp--preset--color--ink, #09160E);
	border: 1.5px solid var(--wp--preset--color--gold, #C9A040);
}
.sx-cc__btn:hover { background: var(--wp--preset--color--gold-light, #D9B65C); border-color: var(--wp--preset--color--gold-light, #D9B65C); }
.sx-cc__btn--quiet { flex: 0 0 100%; background: transparent; color: #fff; border-color: rgba(255, 255, 255, .3); font-weight: 600; }
.sx-cc__btn--quiet:hover { background: rgba(255, 255, 255, .08); border-color: #fff; }
.sx-cc__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .sx-cc__inner { animation: none; } }