/* =========================================================================
   Red Luxe — согласие на cookie: тонкая полоса снизу на всю ширину
   ========================================================================= */

.rl-cookie {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 1200;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 22px;
	padding: 13px clamp(16px, 4vw, 32px);
	background: rgba(15, 15, 20, 0.96);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-top: 2px solid var(--rl-accent);
	opacity: 0;
	transform: translateY(100%);
	transition: opacity var(--rl-t) var(--rl-ease), transform var(--rl-t) var(--rl-ease);
}
.rl-cookie.is-visible { opacity: 1; transform: translateY(0); }
.rl-cookie[hidden] { display: none; }

.rl-cookie__text {
	flex: 0 1 auto;
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.82);
	white-space: nowrap;
}
.rl-cookie__text a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.rl-cookie__text a:hover { color: var(--rl-accent-light); }
.rl-cookie__hl { color: var(--rl-accent-light); font-weight: 600; }

.rl-cookie__accept {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 9px 26px;
	border-radius: var(--rl-radius-pill);
	background: var(--rl-accent);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color var(--rl-t) var(--rl-ease), transform var(--rl-t-fast) var(--rl-ease);
}
.rl-cookie__accept:hover { background: var(--rl-accent-dark); color: #fff; transform: translateY(-1px); }
.rl-cookie__accept:active { transform: translateY(0); }

/* На узких экранах текст переносится нормально. */
@media (max-width: 900px) {
	.rl-cookie__text { white-space: normal; flex: 1 1 100%; }
}

/* На мобильных — вертикальная раскладка: текст сверху во всю ширину,
   кнопка снизу отдельным блоком тоже во всю ширину. */
@media (max-width: 560px) {
	.rl-cookie {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 12px;
		padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
	}
	.rl-cookie__text {
		flex: 0 0 auto;
		font-size: 0.85rem;
		line-height: 1.45;
		text-align: left;
	}
	.rl-cookie__accept {
		width: 100%;
		justify-content: center;
		padding: 11px 20px;
		font-size: 0.9rem;
	}
}