/* =======================================================
   footer_desktop.css
   Компонент основного футера

   В этом файле:
   - геометрия содержимого футера
   - типографика логотипа
   - типографика слогана
   - адаптация под мобильный / десктопный вид

   В этом файле НЕТ:
   - общей геометрии footer shell
   - ширины сайта
   - sticky / header / content логики
   - глобального фонового слоя страницы

   Важно:
   - shell-футер живёт в carcass.css / carcass-dark.css
   - здесь только внутреннее содержимое footer_desktop.php
======================================================= */


/* =======================================================
   [01] ОСНОВНОЙ КОНТЕЙНЕР ФУТЕРА

   Содержимое футера собрано в одну колонку:
   - лого
   - слоган

   По умолчанию всё выравнивается по центру.
======================================================= */

.footer-desktop {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
}


/* =======================================================
   [02] ЛОГО-СCЫЛКА

   Лого двухстрочное:
   - верхняя строка — служебная / поясняющая
   - нижняя строка — основная

   Лого ведёт на #top.
======================================================= */

.footer-desktop_logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	line-height: 1.05;
	text-decoration: none;
}

.footer-desktop_logo-top,
.footer-desktop_logo-bottom {
	display: block;
	white-space: nowrap;
}


/* =======================================================
   [03] ТИПОГРАФИКА ЛОГО

   Верхняя строка — мелкая, muted, с трекингом.
   Нижняя строка — основная, чуть крупнее и плотнее.
======================================================= */

.footer-desktop_logo-top {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}

.footer-desktop_logo-bottom {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--text);
}


/* =======================================================
   [04] СЛОГАН

   Слоган остаётся отдельной строкой под логотипом.
   Не делаем его слишком ярким — это вторичный текст.
======================================================= */

.footer-desktop_slogan {
	font-size: 13px;
	line-height: 1.4;
	color: var(--muted);
	opacity: 0.95;
	max-width: 760px;
}


/* =======================================================
   [05] HOVER ЛОГО

   Наведение очень мягкое, без резких эффектов,
   чтобы не спорить с общим стилем страницы.
======================================================= */

.footer-desktop_logo:hover .footer-desktop_logo-bottom {
	opacity: 0.92;
}


/* =======================================================
   [06] DESKTOP-УСИЛЕНИЕ

   На широких экранах немного увеличиваем
   нижнюю строку логотипа для большей опоры.
======================================================= */

@media (min-width: 1000px) {
	.footer-desktop_logo-bottom {
		font-size: 18px;
	}

	.footer-desktop_slogan {
		font-size: 13px;
	}
}