/*
 * Галочки согласий и плашка cookie (plg_system_arcticlegal).
 *
 * Работает в обоих шаблонах — витрине и панели, поэтому переменные
 * --arctic-* везде с запасными значениями.
 */

/* --- Галочки согласий ---------------------------------------------------- */

.arctic-consent {
	display: grid;
	gap: .5rem;
	margin: 1rem 0;
	font-size: .875rem;
	line-height: 1.4;
}

.control-group.arctic-consent {
	margin: 0 0 .5rem;
}

.arctic-consent .form-check {
	margin: 0;
}

.arctic-consent .form-check-label a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.arctic-consent .form-check-label a:hover {
	color: var(--arctic-gold-deep, #8a6413);
}

.arctic-consent__star {
	color: var(--bs-danger, #c52827);
}

/* --- Плашка cookie ------------------------------------------------------- */

.arctic-cookie {
	position: fixed;
	z-index: 1045; /* над шапкой (1030), но под окнами Bootstrap (фон 1050): не заслоняет форму */
	left: max(1rem, env(safe-area-inset-left, 0px));
	bottom: max(1rem, env(safe-area-inset-bottom, 0px));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .75rem;
	width: min(22rem, calc(100vw - 2rem));
	padding: 1rem 1.125rem;
	border: 1px solid var(--arctic-line-strong, rgb(58 38 13 / 22%));
	border-radius: var(--arctic-radius, 1rem);
	background: var(--arctic-card, #fff);
	color: var(--arctic-ink, #241b12);
	box-shadow: var(--arctic-shadow-lg, 0 1.25rem 2.75rem rgb(58 38 13 / 16%));
	font-size: .875rem;
	line-height: 1.45;
	animation: arctic-cookie-in .3s cubic-bezier(.22, .61, .36, 1);
	transition: opacity .25s, transform .25s;
}

.arctic-cookie[hidden] {
	display: none;
}

.arctic-cookie.is-closing {
	opacity: 0;
	transform: translateY(.5rem);
}

.arctic-cookie__text {
	margin: 0;
}

.arctic-cookie__text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: .15em;
}

@keyframes arctic-cookie-in {
	from { opacity: 0; transform: translateY(.75rem); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.arctic-cookie {
		animation: none;
		transition: none;
	}
}

@media (prefers-color-scheme: dark) {
	[data-bs-theme="dark"] .arctic-cookie {
		background: var(--bs-body-bg, #1b1510);
		color: var(--bs-body-color, #f2ece3);
	}
}