/**
 * Базовый reset/база редизайна bel-baza.ru поверх Astra.
 * Все значения — только через токены из tokens.css.
 * Стилей под конкретные блоки здесь НЕТ.
 */

body {
	font-family: var(--font-body);
	color: var(--color-text);
	background: var(--color-cream);
	font-size: var(--fs-body);
	line-height: var(--lh-base);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: var(--fw-bold);
	line-height: var(--lh-tight);
	color: var(--color-text);
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }

/* Наш контейнер с префиксом, чтобы не конфликтовать с Astra .ast-container */
.belbaza-container {
	max-width: var(--container-max);
	margin: 0 auto;
	padding-left: var(--container-pad);
	padding-right: var(--container-pad);
}

a {
	color: var(--color-primary);
	transition: color 0.2s ease;
}

a:hover {
	color: var(--color-primary-hover);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Глобальное выделение текста */
::selection {
	background: var(--color-cream);
	color: var(--color-text);
}
::-moz-selection {
	background: var(--color-cream);
	color: var(--color-text);
}

/* ========================================================
   HOTFIX: Astra Footer Builder grid wrapper схлопывается
   на мобайле из-за того, что footer вложен внутрь <main>
   (header.php открывает <main> но не закрывает).
   ВРЕМЕННОЕ РЕШЕНИЕ — растягиваем grid-врапперы футера.
   ======================================================== */
@media (max-width: 921px) {
  .site-primary-footer-wrap.ast-builder-grid-row-container,
  .site-footer .ast-builder-grid-row-container,
  footer.site-footer .ast-builder-grid-row-container-inner {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
  }
  .site-footer .ast-builder-grid-row-container > * {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ========================================================
   ФУТЕР — перекраска под образец (#1B1511)
   ТОЛЬКО цвет/шрифт, структуру НЕ трогать.
   ======================================================== */
footer.site-footer,
footer.site-footer .site-primary-footer-wrap,
footer.site-footer .site-below-footer-wrap {
  background-color: #1B1511 !important;
}
footer.site-footer,
footer.site-footer p,
footer.site-footer li,
footer.site-footer a,
footer.site-footer .ast-builder-layout-element {
  color: #FFFFFF !important;
  font-family: "Manrope", system-ui, sans-serif !important;
}
footer.site-footer a { font-weight: 400 !important; }
footer.site-footer a:hover { color: #E22B2B !important; }

footer.site-footer .site-below-footer-wrap,
footer.site-footer .site-below-footer-wrap a,
footer.site-footer .ast-footer-copyright,
footer.site-footer .site-info {
  color: #8A8A8A !important;
  font-size: 14px !important;
}
footer.site-footer .site-below-footer-wrap a:hover { color: #E22B2B !important; }