/*
 * BriteGhost — analytics notice and the [bg_privacy_choices] control (0.1.15).
 * Loaded only where analytics can be offered (production, logged-out visitors).
 * Non-modal: the page stays usable; the two choices carry equal weight.
 */
.bg-consent {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 99990;
	box-sizing: border-box;
	width: min(440px, calc(100vw - 32px));
	padding: 20px 22px;
	background: var(--bg-deep-surface);
	color: var(--bg-soft-white);
	border: var(--bg-seam);
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
	font-family: var(--bg-font-body);
	font-size: 15px;
	line-height: 1.55;
}

.bg-consent[hidden] {
	display: none;
}

@media (prefers-reduced-motion: no-preference) {
	.bg-consent {
		animation: bg-consent-in 0.35s var(--bg-ease) both;
	}
}

@keyframes bg-consent-in {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}

.bg-consent__text {
	margin: 0 0 16px;
	padding: 0;
	color: var(--bg-soft-white);
}

.bg-consent__text a {
	color: var(--bg-ghostlight);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bg-consent__actions {
	display: flex;
	gap: 12px;
}

.bg-consent__button,
.bg-privacy-choices__button {
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid var(--bg-ghostlight);
	border-radius: 999px;
	background: transparent;
	color: var(--bg-soft-white);
	font-family: var(--bg-font-display);
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	cursor: pointer;
}

.bg-consent__button {
	flex: 1 1 0;
}

.bg-consent__button:hover,
.bg-privacy-choices__button:hover {
	background: var(--bg-ghostlight);
	color: var(--bg-obsidian);
}

.bg-consent a:focus-visible,
.bg-consent__button:focus-visible,
.bg-privacy-choices__button:focus-visible {
	outline: var(--bg-focus-width) solid var(--bg-ghostlight);
	outline-offset: 3px;
}

.bg-privacy-choices__state {
	margin-left: 12px;
}

/* On a light surface the control uses the approved on-light teal. */
.bg-on-light .bg-privacy-choices__button {
	border-color: var(--bg-teal-on-light);
	color: var(--bg-teal-on-light);
}

.bg-on-light .bg-privacy-choices__button:hover {
	background: var(--bg-teal-on-light);
	color: var(--bg-soft-white);
}

.bg-on-light .bg-privacy-choices__button:focus-visible {
	outline-color: var(--bg-teal-on-light);
}

@media (max-width: 640px) {
	.bg-consent {
		left: 16px;
		right: 16px;
		bottom: 16px;
		width: auto;
		padding: 18px;
	}
}