/* -------------------------------------------------------------------------
   Базовые стили: шрифты, переменные, сбросы
-------------------------------------------------------------------------- */

body.enclave-child {
	font-family: var(--enclave-body-font) !important;
}

html body.enclave-child,
kbd,
pre,
samp,
textarea {
	font-family: var(--enclave-body-font) !important;
}

/* Sticky footer: каркас страницы тянется на весь экран, футер — внизу.
   Влияет только когда контент короче экрана (напр. короткая корзина/чекаут);
   на длинных страницах визуально ничего не меняется. */
body.enclave-child {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
/* Админ-бар WP даёт html margin-top:32px — если оставить body=100vh,
   получится постоянный скролл в 32px и футер уходит под низ экрана.
   Вычитаем высоту админ-бара (32px десктоп / 46px мобильный). */
body.admin-bar.enclave-child {
	min-height: calc(100vh - 32px);
}
@media screen and (max-width: 782px) {
	body.admin-bar.enclave-child {
		min-height: calc(100vh - 46px);
	}
}
body.enclave-child #content {
	flex: 1 0 auto;
	width: 100%;
}
body.enclave-child #colophon.enclave-foot {
	flex-shrink: 0;
}

main#primary {
	padding-top: 24px;
}

/* Первым идёт слайдер / единичный слайд на всю ширину — верхний inset не нужен */
main#primary:has(> .enclave-slider.enclave-slider--viewport:first-child),
main#primary:has(> *:first-child .enclave-slider.enclave-slider--viewport),
main#primary:has(> .enclave-single-slide.enclave-single-slide--viewport:first-child),
main#primary:has(> *:first-child .enclave-single-slide.enclave-single-slide--viewport) {
	padding-top: 0;
}

/* Заголовки и подписи карточек */
body.enclave-child h1,
body.enclave-child h2,
body.enclave-child h3,
body.enclave-child h4 {
	font-family: var(--enclave-heading-font);
}

body.enclave-child h1 {
	font-weight: 800;
}

.enclave-product-card__title,
.enclave-tile__text,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--enclave-heading-font);
}

/* Макет: полная ширина (резина) */
body.enclave-layout-full .content-wrap,
body.enclave-layout-full.woocommerce-page .content-area {
	max-width: none !important;
	width: 100% !important;
}

body.enclave-layout-full .enclave-header-bar .content-wrap {
	max-width: none;
	width: 100%;
}