/* Cookie banner, form consent checkbox, embed placeholders, footer legal links.
 * SOURCE OF TRUTH: ~/Herd/_tools/f3-consent/web/css/cookie-consent.css (copied by install.sh).
 * Per-site colours: override the variables in the site's own stylesheet, not here. */
:root {
	--cc-bg: #222; --cc-fg: #fff; --cc-link: #ffd54f;
	--cc-legal-bg: transparent; --cc-legal-fg: #999; --cc-legal-hover: #fff;
	--cc-embed-btn-bg: #ffb400; --cc-embed-btn-fg: #222;
}
.cookie-banner[hidden] { display: none !important; }
.cookie-banner {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999;
	background: var(--cc-bg); color: var(--cc-fg); font-size: 14px; line-height: 1.45;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, .25);
}
.cookie-banner__inner {
	max-width: 1170px; margin: 0 auto; padding: 14px 16px;
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px;
}
.cookie-banner__text { flex: 1 1 420px; margin: 0; color: inherit; font-size: 14px; }
.cookie-banner__text a { color: var(--cc-link); text-decoration: underline; }
.cookie-banner__actions { display: flex; gap: 10px; flex: 0 0 auto; }
.cookie-banner__btn {
	border: 1px solid var(--cc-fg); border-radius: 3px; padding: 8px 22px; cursor: pointer;
	font-size: 14px; font-weight: 600; background: transparent; color: var(--cc-fg); line-height: 1.3;
}
/* Both buttons equally prominent: refusing must be as easy as accepting. */
.cookie-banner__btn--accept { background: var(--cc-fg); color: var(--cc-bg); }
.cookie-banner__btn:focus-visible { outline: 2px solid var(--cc-link); outline-offset: 2px; }

.form-consent { display: block; margin: 8px 0 12px; font-size: 13px; line-height: 1.4; font-weight: normal; text-align: left; }
.form-consent input { margin: 0 6px 0 0; vertical-align: -2px; width: auto; height: auto; display: inline-block; appearance: auto; -webkit-appearance: checkbox; }
.form-consent a { text-decoration: underline; color: inherit; }

.footer-legal { background: var(--cc-legal-bg); padding: 12px 16px 18px; font-size: 13px; text-align: center; }
.footer-legal a { color: var(--cc-legal-fg); margin: 0 10px; display: inline-block; }
.footer-legal a:hover { color: var(--cc-legal-hover); }

.consent-embed__ask {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
	min-height: 220px; padding: 20px; background: #f3f3f3; color: #333; border: 1px dashed #bbb; text-align: center; font-size: 14px;
}
.consent-embed__ask p { margin: 0; max-width: 560px; color: #333; }
.consent-embed__btn { border: 0; border-radius: 3px; padding: 9px 22px; background: var(--cc-embed-btn-bg); color: var(--cc-embed-btn-fg); font-weight: 600; cursor: pointer; }