/* Birkebøg – cookiebanner. Bruger temaets farver hvis de findes. */
.bbs-consent {
	position: fixed;
	z-index: 1000;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	max-width: 40rem;
	margin-left: auto;
	background: #fff;
	color: var(--ink, #0e1d4a);
	border-radius: 20px;
	box-shadow: 0 1px 2px rgb(13 29 77 / 0.1), 0 24px 60px -20px rgb(13 29 77 / 0.55);
	font-family: var(--font-body, system-ui, sans-serif);
	font-size: 1.0625rem;
	line-height: 1.5;
	max-height: calc(100vh - 2rem);
	overflow: auto;
}
.bbs-consent[hidden] { display: none; }
.bbs-consent__inner { padding: 2.1rem 1.5rem 1.5rem; background: var(--rim, none) repeat-x 0 0.6rem / 56px 18px; border-radius: 20px; }
.bbs-consent__title { font-family: var(--font-display, inherit); font-size: 1.35rem; margin: 0 0 0.5rem; letter-spacing: -0.01em; }
.bbs-consent__title:focus { outline: none; }
.bbs-consent__text { margin: 0 0 1rem; color: var(--ink-2, #3a4a72); }
.bbs-consent a { color: var(--cobalt, #1d3c9a); }
.bbs-consent__choices { border: 0; margin: 0 0 1rem; padding: 0; display: grid; gap: 0.6rem; }
.bbs-consent__choices[hidden] { display: none; }
.bbs-consent__choice { display: flex; gap: 0.7rem; align-items: flex-start; padding: 0.7rem 0.8rem; border-radius: 12px; background: var(--glaze, #f4f7fc); cursor: pointer; }
.bbs-consent__choice input { width: 1.35rem; height: 1.35rem; margin-top: 0.15rem; flex: none; accent-color: var(--cobalt, #1d3c9a); }
.bbs-consent__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.bbs-consent__btn {
	flex: 1 1 auto;
	min-height: 50px;
	padding: 0.6rem 1.1rem;
	border-radius: 12px;
	border: 0;
	background: var(--cobalt, #1d3c9a);
	color: #fff;
	font: 700 1.0625rem/1.1 var(--font-body, system-ui, sans-serif);
	cursor: pointer;
}
.bbs-consent__btn:hover { background: var(--cobalt-deep, #132a6e); }
.bbs-consent__btn[hidden] { display: none; }
.bbs-consent__btn--quiet { background: transparent; color: var(--cobalt, #1d3c9a); box-shadow: inset 0 0 0 2px var(--line, #c5d2ee); }
.bbs-consent__btn--quiet:hover { background: var(--glaze, #f4f7fc); }
.bbs-consent :focus-visible { outline: 3px solid var(--cobalt, #1d3c9a); outline-offset: 3px; }

.bbs-embed {
	aspect-ratio: 16 / 9;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 1.5rem;
	text-align: center;
	background: var(--cobalt, #1d3c9a);
	color: #fff;
	border-radius: 16px;
}
.bbs-embed.is-loaded { padding: 0; background: #000; }
.bbs-embed iframe { width: 100%; height: 100%; border: 0; border-radius: 16px; }
.bbs-embed__text { margin: 0; }
.bbs-embed__btn { min-height: 50px; padding: 0.6rem 1.4rem; border-radius: 12px; border: 0; background: var(--yolk, #f4c542); color: var(--cobalt-night, #0d1d4d); font-weight: 700; font-size: 1.0625rem; cursor: pointer; }
.bbs-embed__link { background: none; border: 0; color: #fff; text-decoration: underline; cursor: pointer; font-size: 1rem; min-height: 44px; }

@media (max-width: 30rem) {
	.bbs-consent { left: 0.5rem; right: 0.5rem; bottom: 0.5rem; }
	.bbs-consent__btn { flex-basis: 100%; }
}