/* =====================================================================
   site-theme.css — Глобальный белый фон Z&S (v1.3 redesign, 2026-06-02)
   Загружается на ВСЕХ страницах (не только front-page).
   Перебивает белый/тёмный фон родительской темы juris.

   v1.3 override от 01.06: переход с серой палитры (#F0F0F2) на белую.
   См. DECISIONS.md от 2026-06-01 (override 31.05).
   ===================================================================== */

:root {
	--zs-site-bg:        #FFFFFF;  /* основной фон страницы (был #F0F0F2) */
	--zs-site-bg-2:      #F5F5F7;  /* секции-передышки, muted-фоны (был #E8E8EA) */
	--zs-site-bg-deep:   #EFEFF2;  /* чередование, плейсхолдеры (был #E4E4E6) */
	--zs-site-bg-dark:   #121212;  /* dark-секции: hero, программа РИЗ, футер */
}

html,
body {
	background: var(--zs-site-bg) !important;
}

/* Юрис-тема: основной .main контейнер — прозрачный поверх body */
body .main,
body main,
body .site-content {
	background: transparent !important;
}

/* Перекрашиваем самые частые «белые» поверхности из родительской темы */
body .product-card,
body .product-card-info,
body .footer-subscribe-input,
body .section-products-carousels .product-card {
	background: var(--zs-site-bg-2);
}

/* Если в шапке/футере есть тёмные блоки — оставляем как есть (брендовые) */

/* =====================================================================
   Карточка товара — фиксы белого текста на светлом фоне
   Parent juris проектировался под тёмный body, но мы перебили его светло-серым
   site-theme'ом. Следующие правила перекрашивают невидимый текст в тёмный.
   ===================================================================== */

/* Текст описания товара (вкладка «Описание») */
.section-conditions-texts,
.section-conditions-texts p,
.section-conditions-texts p strong,
.section-conditions-texts li,
.section-conditions-texts span:not([class]) {
	color: #0E0E10 !important;
}

/* Заголовок секции «С этим товаром покупают» */
.account-recommendations-title,
.related-products .account-recommendations-title,
section.account-recommendations h2 {
	color: #0E0E10 !important;
}

/* Заголовок «Доставка в г. …» */
.product-delivery-title,
.conditions-contents .product-delivery-title {
	color: #0E0E10 !important;
}

/* Таблица характеристик (была светло-серой #AEAFB9 на тёмном) */
.conditions-contents .char-table-item,
.product-delivery-table .char-table-item,
.char-table .char-item,
.char-table .char-label,
.char-table .char-value {
	color: #0E0E10 !important;
}
.char-table .char-label { color: #45454B !important; }

/* Прочие белые надписи parent-темы — приводим к читаемому тёмному */
.no-reviews,
.fd-service-header h3 span,
.fd-points-list div,
.catalog-sort-option-select-placeholder {
	color: #0E0E10 !important;
}

/* Контейнер вкладок может иметь тёмный фон от parent-темы.
   Делаем его светлым «карточным» стилем — единый style с остальным сайтом. */
.product-tabs,
.conditions-tabs.account-tabs.product-tabs {
	background: var(--zs-site-bg-2) !important;
	border-radius: 6px;
}
.product-tabs .conditions-tab {
	color: #45454B !important;
}
.product-tabs .conditions-tab.active {
	color: #FFF !important;
	background: #2A6FDB !important;
}

/* Секция .account-recommendations (С этим товаром) — даём ей светлый карточный фон,
   чтобы блок выделялся, текст оставался читаемым */
.account-recommendations,
section.account-recommendations,
.related-products {
	background: transparent;
}

/* Защита: если parent-тема назначила тёмный фон контейнеру вкладок-контента —
   перебиваем (иначе характеристики могут оказаться на тёмном) */
.conditions-contents,
.conditions-content,
.conditions-content.active {
	background: transparent !important;
	color: #0E0E10;
}

/* =====================================================================
   /o-nas/ — .about-table-item: parent juris делает заголовки и текст
   color:#fff (рассчитано на тёмный фон). На светлом v1.3-фоне они
   становятся невидимыми. Принудительно приводим к читаемому контрасту.
   Pattern: каждая строка — 3 div'а (номер 01/02/.. → заголовок → описание).
   ===================================================================== */
.about-table-items .about-table-item {
	color: #0E0E10 !important;
}
.about-table-items .about-table-item:nth-child(3n+1) {
	color: #2A6FDB !important;       /* цифры 01/02/03 — акцент для иерархии */
	font-weight: 700 !important;
}
.about-table-items .about-table-item:nth-child(3n+2) {
	font-weight: 700 !important;     /* заголовок раздела */
}
.about-table-items .about-table-item:nth-child(3n+3) {
	color: #45454B !important;       /* описание — secondary */
}

/* =====================================================================
   v1.3.1 fixes — design audit findings (2026-06-03)
   ===================================================================== */

/* HEADER · Главное меню «Каталог / О нас / Контакты» имеет color:#fff
   из parent juris. На белом body (после v1.3 redesign) становится невидимым
   ниже hero. Решение: всегда тёмный фон хедера + чёткий контраст. */
.header,
header.header {
	background: rgba(14, 14, 16, 0.92) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
/* Top-bar (Москва · телефон) — над основным хедером, тёмный фон */
.header-top,
.header-options-bar,
.header-top-bar {
	background: #0E0E10 !important;
}
.header-top *,
.header-options-bar *,
.header-top-bar *,
.header-option-select-placeholder,
.header-phone {
	color: rgba(255, 255, 255, 0.85) !important;
}
/* Hover для главного меню — поднимаем до полной непрозрачности */
.header-menu-item-link:hover,
.header-catalog-dropdown-button:hover {
	color: #FFFFFF !important;
}

/* BRAND COLOR OVERRIDE · сиреневые кнопки parent juris → синий бренд Z&S */
.wpb_form_popup_button.wpbean_fopo_init_popup,
.button.footer-form-button,
.wpforms-submit,
button.wpforms-submit {
	background: #2A6FDB !important;
	color: #FFFFFF !important;
}
.wpb_form_popup_button.wpbean_fopo_init_popup:hover,
.button.footer-form-button:hover,
.wpforms-submit:hover,
button.wpforms-submit:hover {
	background: #1F57B5 !important;
}

/* EYEBROW · поднимаем контраст: #2A6FDB на #F5F5F7 = 4.39 (нужно ≥ 4.5).
   Используем --zs-accent-hover (#1F57B5) — более тёмный из дизайн-системы.
   Ratio выходит ~5.5, WCAG AA проходим. */
.zs-eyebrow {
	font-weight: 700 !important;
	font-size: 13px !important;
	color: #1F57B5 !important;
}
/* На тёмном фоне eyebrow остаётся ярким (фон делает свой контраст) */
.zs-section--dark .zs-eyebrow,
[data-surface="dark"] .zs-eyebrow {
	color: #5B92E8 !important;       /* светлая версия акцента для тёмного фона */
}

/* FOOTER · политика конфиденциальности — серый #717A8D на тёмном 3.81 → 4.5+ */
.form-policy,
.form-policy p,
.form-policy a {
	color: #A8B2C7 !important;
}

/* REQUIRED-LABEL · красная звёздочка #D63637 на тёмно-сером 2.92 → 4.5+ */
.wpforms-required-label,
.wpforms-required-label * {
	color: #FF8B8B !important;
}



/* ── 2026-06-11 · Каталог: WP Filters не настроен (пустой сайдбар) — скрываем
      до конфигурации атрибутов; сетка товаров на всю ширину контейнера. ── */
.tax-product_cat .catalog-filters,
.post-type-archive-product .catalog-filters { display: none !important; }
.tax-product_cat .catalog-products,
.post-type-archive-product .catalog-products {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
}


/* ── 2026-06-11 · Каталог: «Главная» и счётчик результатов перекрывались
      после скрытия сайдбара — возвращаем потоку нормальный отступ. ── */
.tax-product_cat .catalog-content,
.post-type-archive-product .catalog-content { margin-top: 16px !important; }


/* ── 2026-06-11 · Каталог: parent-крошка «Главная» (один линк) налезала на
      счётчик результатов при полноширинной сетке — скрываем как бесполезную. ── */
.tax-product_cat .breadcrumbs-wrapper,
.post-type-archive-product .breadcrumbs-wrapper { display: none !important; }