/* =========================================================================
   Red Luxe — подвал и кнопка «наверх»
   ========================================================================= */

.rl-footer {
	background: var(--rl-contrast);
	color: rgba(255, 255, 255, 0.72);
	padding-top: clamp(3rem, 6vw, 5rem);
	margin-top: auto;
}

.rl-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: clamp(1.6rem, 4vw, 3rem);
	padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.rl-footer__title {
	font-family: var(--rl-font-body);
	font-weight: 600;
	font-size: 0.82rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 1.2rem;
}

.rl-footer .rl-logo__text { color: #fff; }
.rl-footer .rl-logo__red { color: var(--rl-accent-light); }
.rl-footer__tagline { margin: 1rem 0 1.4rem; font-size: 0.95rem; line-height: 1.6; max-width: 34ch; }

.rl-footer__list { display: grid; gap: 0.7rem; }
.rl-footer__list a { color: rgba(255, 255, 255, 0.72); font-size: 0.96rem; transition: color var(--rl-t-fast) var(--rl-ease), padding-left var(--rl-t) var(--rl-ease); }
.rl-footer__list a:hover { color: #fff; padding-left: 5px; }

.rl-footer__contacts { font-style: normal; display: grid; gap: 0.85rem; }
.rl-footer__contacts a, .rl-footer__addr { display: inline-flex; align-items: center; gap: 0.6rem; color: rgba(255,255,255,0.72); font-size: 0.96rem; }
.rl-footer__contacts a:hover { color: #fff; }
.rl-footer__contacts .rl-icon { color: var(--rl-accent-light); flex-shrink: 0; }

.rl-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.5rem;
	align-items: center;
	justify-content: space-between;
	padding-block: 1.6rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 0.86rem;
}
.rl-footer__requisites {
	margin: 0;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.82rem;
	line-height: 1.6;
}
.rl-footer__copy { color: rgba(255, 255, 255, 0.55); max-width: 60ch; }
.rl-footer__legal { display: inline-flex; gap: 0.6rem; align-items: center; flex-wrap: wrap; }
.rl-footer__legal a { color: rgba(255, 255, 255, 0.72); }
.rl-footer__legal a:hover { color: #fff; }

/* Соцсети */
.rl-socials { display: inline-flex; gap: 0.6rem; }
.rl-socials__link {
	display: inline-flex; align-items: center; justify-content: center;
	width: 42px; height: 42px; border-radius: 50%;
	color: var(--rl-heading);
	background: var(--rl-surface);
	transition: transform var(--rl-t) var(--rl-ease), background-color var(--rl-t) var(--rl-ease), color var(--rl-t) var(--rl-ease);
}
.rl-socials__link:hover { transform: translateY(-3px); background: var(--rl-accent); color: #fff; }
.rl-socials--footer .rl-socials__link { background: rgba(255, 255, 255, 0.08); color: #fff; }
.rl-socials--footer .rl-socials__link:hover { background: var(--rl-accent); }

/* Бренд-логотипы MAX и ВК — белые монограммы поверх серого круга-контейнера
   (тот же вид, что и Telegram): цвет круга задаёт .rl-socials__link,
   сам SVG — только белый глиф. */
.rl-icon--brand { display: block; }
.rl-socials__link .rl-icon--brand { width: 22px; height: 22px; }

/* Кнопка наверх */
.rl-to-top {
	position: fixed;
	right: clamp(16px, 3vw, 30px);
	bottom: clamp(16px, 3vw, 30px);
	width: 52px; height: 52px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	color: #fff;
	background: var(--rl-accent);
	box-shadow: var(--rl-shadow-accent);
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px) scale(0.9);
	transition: opacity var(--rl-t) var(--rl-ease), transform var(--rl-t) var(--rl-ease), visibility var(--rl-t), background-color var(--rl-t) var(--rl-ease);
	z-index: 900;
}
.rl-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.rl-to-top:hover { background: var(--rl-accent-dark); transform: translateY(-4px) scale(1.05); }

@media (max-width: 860px) {
	.rl-footer__grid { grid-template-columns: 1fr 1fr; }
	.rl-footer__col--brand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
	.rl-footer__grid { grid-template-columns: 1fr; }
	.rl-footer__bottom { flex-direction: column; align-items: flex-start; }
}

/* Строка «Участник Ассоциации компаний «Умра»» в брендовой колонке подвала.
   Без обводки/фона — оформлена как обычный текст-ссылка (тон и размер
   такие же, как у таглайна выше), только с иконкой-щитом перед словами. */
.rl-footer__assoc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: max-content;
	max-width: 100%;
	margin: 0 0 16px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.95rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color var(--rl-t) var(--rl-ease);
}
.rl-footer__assoc:hover { color: #fff; }
.rl-footer__assoc:hover .rl-footer__assoc-ic { color: var(--rl-accent); }
.rl-footer__assoc-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--rl-accent-light);
	flex-shrink: 0;
	transition: color var(--rl-t) var(--rl-ease);
}