/* ============================================================
   ОТДЕЛЬНЫЙ CSS ДЛЯ ФУТЕРА
   ============================================================ */

/*
   Опциональный класс для main, чтобы прижать футер вниз,
   если контент на странице слишком короткий (Sticky Footer).
   Присвойте его тегу <main> (например, <main class="hero-section site-content">).
*/
.site-content {
	flex-grow: 1; /* Этот класс уже есть в body в вашей верстке, main и так занимает все место. Это просто заметка на будущее. */
}

/* ============================================================
   ОСНОВНЫЕ СТИЛИ ФУТЕРА
   ============================================================ */
.main-footer {
	background-color: #fff;
	color: var(--text-dark);
	width: 100%;
	padding: 30px 0; /* Комфортный отступ сверху/снизу */
	margin-top: auto; /* Для Sticky Footer, если flex-grow на main */
	position: relative;
	z-index: 5;
}

.footer-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 25px; /* Вертикальный отступ между строками */
}

/* ============================================================
   ПЕРВАЯ СТРОКА: ОСНОВНАЯ НАВИГАЦИЯ
   ============================================================ */
.footer-top-row {
	width: 100%;
}

.footer-nav {
	display: flex;
	justify-content: space-around; /* Распределяем ссылки по всей ширине */
	gap: 15px;
	align-items: center;
	flex-wrap: wrap; /* Разрешаем перенос на новые строки для адаптива */
}

.footer-nav-link {
	font-size: 0.9rem; 
	color: var(--text-dark);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s ease, transform 0.1s;
	display: inline-flex;
	align-items: center;
}

.footer-nav-link:hover {
	color: var(--accent-orange); /* Оранжевый из :root при наведении */
	transform: translateY(-1px); /* Небольшая микро-анимация */
}

/* Иконка лупы для 'Поиск посылок' */
.search-link-footer::before {
	content: '🔍';
	margin-right: 6px;
	font-size: 13px;
	/* Для мобильной версии, если иконка мешает */
	display: inline-block;
}

/* ============================================================
   ВТОРАЯ СТРОКА: КОПИРАЙТ И ЮР. ССЫЛКИ
   ============================================================ */
.footer-bottom-row {
	display: flex;
	justify-content: space-between; /* Копирайт слева, юр. ссылки справа */
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid rgb(0 0 0 / 15%);
}

.footer-copyright {
	font-size: 0.84rem;
	color: var(--text-dark); 
}

.footer-legal-nav {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.footer-legal-link {
	font-size: 0.84rem;
	color: var(--text-dark);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
}

.footer-legal-link:hover {
	color: var(--accent-orange);
}

/* ============================================================
   АДАПТИВНАЯ МОБИЛЬНАЯ ВЕРСИЯ (MEDIA QUERIES)
   ============================================================ */

/* Планшеты и ноутбуки поменьше */
@media (max-width: 1024px) {
	.footer-container {
		padding: 0 20px;
	}
	
	.footer-nav {
		justify-content: flex-start; /* На планшетах прижимаем влево */
		gap: 20px;
	}
	
	.footer-bottom-row {
		flex-direction: column; /* Перестраиваем copyright над юр. ссылками */
		align-items: flex-start;
		gap: 15px;
		text-align: left;
	}
}

/* Смартфоны */
@media (max-width: 576px) {
	.main-footer {
		padding: 20px 0; /* Уменьшаем отступы на мобильных */
	}
	
	.footer-container {
		padding: 0 16px;
		gap: 20px;
	}

	.footer-nav {
		flex-direction: column; /* Вертикальное меню для телефонов */
		align-items: flex-start;
		width: 100%;
		gap: 12px;
	}
	
	.footer-nav-link {
		width: 100%;
		font-size: 0.94rem;
		padding-bottom: 5px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Визуальный разделитель */
	}
	
	.footer-nav-link:last-child {
		border-bottom: none;
	}

	/* Если лупа мешает на мобильном, можно скрыть или уменьшить */
	/* .search-link-footer::before { display: none; } */

	.footer-legal-nav {
		flex-direction: column; /* Вертикальное юр. меню */
		gap: 8px;
		width: 100%;
	}
	
	.footer-legal-link {
		font-size: 0.84rem;
	}
}