/* bagrif.ru, 09.11.2026 — templates/orbit/css/custom.css (подключается шаблоном после template.css) */

/* Заголовок раздела каталога (Helix «Заголовок страницы», h1; класс bagrif-title — в пункте меню) */
.bagrif-title .sp-page-title {
	background: none;
	padding: 30px 0 0;
}
.bagrif-title .sp-page-title .sp-page-title-heading {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 600;
	text-align: left;
	color: #072446;
}
.bagrif-title.view-product .sp-page-title {
	display: none;
}
@media (max-width: 767px) {
	.bagrif-title .sp-page-title {
		padding-top: 20px;
	}
	.bagrif-title .sp-page-title .sp-page-title-heading {
		font-size: 28px;
	}
}

/* H1 в блоках SP Page Builder без своего размера шрифта: размер прежний (шаблон даёт h1 142px) */
#sppb-addon-f7462d9a-5869-4366-8d4e-873211eda635 h1.sppb-addon-title { font-size: 48px; } /* главная, было h2 */
#sppb-addon-9306a1c4-8960-4e32-83df-894416673a2f h1.sppb-addon-title { font-size: 40px; line-height: 1.2; margin-bottom: 25px; } /* лицензии */
@media (min-width: 768px) and (max-width: 991px) {
	#sppb-addon-f7462d9a-5869-4366-8d4e-873211eda635 h1.sppb-addon-title { font-size: 36px; }
}
@media (max-width: 767px) {
	#sppb-addon-f7462d9a-5869-4366-8d4e-873211eda635 h1.sppb-addon-title { font-size: 32px; }
	#sppb-addon-9306a1c4-8960-4e32-83df-894416673a2f h1.sppb-addon-title { font-size: 28px; }
}

/* ===== разбор UI/UX 09.11.2026, шаг 1: поломки расположения и доступность (docs/ux-audit-2026-11-09.md) ===== */

/* мобильное меню: пункт с подменю не прокручивается вбок (стрелка выступает на 10px — первая буква уезжала) */
.offcanvas-menu .offcanvas-inner ul.menu > li { overflow: clip; }

/* шапка 992–1599px: меню и кнопка прайса в одну строку */
@media (min-width: 992px) and (max-width: 1599px) {
	#sp-menu .sp-megamenu-parent > li > a,
	#sp-menu .sp-megamenu-parent > li > span { padding-left: 11px; padding-right: 11px; }
	#sp-header #menu-right #btn-795bed9f-931b-4c72-a6dc-8ec0058ae4b6 { padding: 10px 20px; font-size: 14px; }
	#sp-header #menu-right .sppb-row-container,
	#sp-header #menu-right .sppb-row-column { padding-left: 0; padding-right: 0; }
}
/* 1200–1339px: подпись короче — «оптовый прайс» (полный текст остаётся для скринридера) */
@media (min-width: 1200px) and (max-width: 1339px) {
	#sp-menu .sp-megamenu-parent > li > a,
	#sp-menu .sp-megamenu-parent > li > span { padding-left: 8px; padding-right: 8px; }
	#sp-header #menu-right #btn-795bed9f-931b-4c72-a6dc-8ec0058ae4b6 { font-size: 0; padding: 10px 18px; }
	#sp-header #menu-right #btn-795bed9f-931b-4c72-a6dc-8ec0058ae4b6::after { content: "оптовый прайс"; font-size: 14px; }
}
/* 992–1199px: места нет — кнопка только в первом экране */
@media (min-width: 992px) and (max-width: 1199px) {
	#sp-header #menu-right .sp-module { display: none; }
}
/* планшет: компактная кнопка в шапке высотой 50px */
@media (max-width: 991px) {
	#sp-header #menu-right #btn-795bed9f-931b-4c72-a6dc-8ec0058ae4b6 { font-size: 0; padding: 6px 16px; line-height: 20px; margin-right: 14px; }
	#sp-header #menu-right #btn-795bed9f-931b-4c72-a6dc-8ec0058ae4b6::after { content: "оптовый прайс"; font-size: 13px; }
	#sp-header #menu-right .sppb-section { padding-top: 0; padding-bottom: 0; }
	#sp-header #menu-right .sppb-row-container,
	#sp-header #menu-right .sppb-row-column { padding-left: 0; padding-right: 0; }
}

/* значок меню: белые полоски на зелёной шапке (были чёрные, 2,86:1) */
#sp-header .burger-icon > span,
#sp-header.header-sticky .burger-icon > span { background-color: #fff; }

/* мобильное меню: логотип белый — подложка цвета шапки */
.offcanvas-menu > .d-flex:first-child { background-color: #495a50; }
.offcanvas-menu > .d-flex:first-child .close-offcanvas .burger-icon > span { background-color: #fff; }

/* шапки внутренних страниц: фон закрывает блок целиком (было contain — снизу серая полоса ~90px) */
#sp-page-builder .page-content > .sppb-section:first-child { background-size: cover; background-position: 50% 50%; }

/* фильтр каталога: у блока был отступ справа 160px — подписи обрезались колонкой товаров */
.orbit-shop-filter .sppb-addon-wrapper { margin-right: 0 !important; } /* перебивает правило по id блока */
.easystore-filter-item-label { flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; gap: 6px; }
.easystore-filter-item-count { color: #5f6b64; white-space: nowrap; }
.easystore-filter-item-label, .easystore-filter-item-name { min-width: 0; }
.easystore-checkbox-checkmark { flex-shrink: 0; }

/* раздел каталога: EasyStore не выводит фильтр — пустая левая колонка (25%) убрана, товары на всю ширину */
.sppb-row:has(.addon-root-easystore-list-filter):not(:has(.easystore-filter-container)) > .sppb-row-column:nth-child(odd) { display: none; }
.sppb-row:has(.addon-root-easystore-list-filter):not(:has(.easystore-filter-container)) > .sppb-row-column:nth-child(even) { flex: 0 0 100% !important; max-width: 100% !important; }
@media (min-width: 1200px) {
	.sppb-row:has(.addon-root-easystore-list-filter):not(:has(.easystore-filter-container)) .orbit-productlist { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 992px) {
	body:has(.sppb-row:has(.addon-root-easystore-list-filter):not(:has(.easystore-filter-container))) .bagrif-title .sp-page-title-heading,
	.bagrif-title:has(.sppb-row:has(.addon-root-easystore-list-filter):not(:has(.easystore-filter-container))) .sp-page-title-heading { padding-left: 25px; }
}

/* карточка товара: миниатюры квадратные с обрезкой (фото 16:9 сплющивались), кнопки по левому краю, как текст */
.easystore-product-gallery .easystore-gallery-image { overflow: hidden; background: #e8e8ea; padding: 0; }
.easystore-product-gallery .easystore-gallery-image img { width: 100%; height: 100%; object-fit: cover; }
.orbit-product-details .sppb-addon-button-group { text-align: left !important; }
.orbit-product-details .sppb-addon-button-group .sppb-addon-content { margin-left: 0; }
@media (max-width: 767px) {
	.orbit-product-details.sppb-section { padding-top: 24px !important; }
}

/* «О компании», телефон: текст на розовой плашке прилегал к краю */
@media (max-width: 767px) {
	[id^="section-id-d6489797"] { padding: 20px 16px !important; }
}

/* главная, телефон: подписи преимуществ 12px → 14px */
@media (max-width: 767px) {
	#sppb-addon-d78f9112-5b8a-4be6-a397-0eee8d1a67d8 p,
	#sppb-addon-4ac1e161-5b67-4a36-9c3b-bac793b18534 p,
	#sppb-addon-80f80779-e7ff-4504-a34a-060189a2da0f p,
	#sppb-addon-c3c7593c-d8b6-4b28-8b2b-c750ca3532e1 p { font-size: 14px !important; line-height: 1.45; }
}

/* новости: сетка в контейнере сайта (была во всю ширину, карточки у края экрана), без вертикальных линий */
.com-content.view-category .blog .article-list { max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.com-content.view-category .blog .article-list > .row { margin-left: -15px; margin-right: -15px; }
.com-content.view-category .blog .article-list [class*="col-"] { border-right: 0 !important; border-left: 0 !important; }
.com-content.view-category .sp-page-title .sp-page-title-heading { font-size: 48px; line-height: 1.15; }
@media (max-width: 767px) {
	.com-content.view-category .sp-page-title .sp-page-title-heading { font-size: 32px; }
}

/* подвал: e-mail читаемым цветом (был #a2a2a2 на #495a50, 2,87:1) */
#sp-bottom a[href^="mailto:"] { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* видимый фокус с клавиатуры: у кнопок его не было вовсе */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid #495a50; outline-offset: 3px;
}
.sppb-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #2e3b33; }
#sp-header a:focus-visible, #sp-bottom a:focus-visible, #sp-footer a:focus-visible, .offcanvas-menu > .d-flex:first-child a:focus-visible { outline-color: #fff; }

/* мобильное меню: пункты выше (30px → 44px) */
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span { padding-top: 11px; padding-bottom: 11px; }
.offcanvas-menu .offcanvas-inner ul.menu ul li > a { padding-top: 9px; padding-bottom: 9px; }

/* «уменьшить движение» в системе: без появления блоков и пульсации кнопки видео */
@media (prefers-reduced-motion: reduce) {
	.sppb-wow { visibility: visible !important; animation: none !important; }
	.sppb-modal-selector *, .sppb-modal-selector::before, .sppb-modal-selector::after { animation: none !important; }
}

/* каталог до 992px: фильтр над товарами строкой, а не узкой колонкой (на планшете подписи наезжали на товары) */
@media (max-width: 991px) {
	.sppb-row:has(.addon-root-easystore-list-filter) > .sppb-row-column { flex: 0 0 100% !important; max-width: 100% !important; }
	.sppb-row:has(.addon-root-easystore-list-filter) > .sppb-row-column:not(:has(.sppb-addon-wrapper)) { display: none; }
	.orbit-shop-filter .easystore-filter-list { flex-direction: row; flex-wrap: wrap; gap: 6px 24px !important; }
	.orbit-shop-filter .easystore-filter-list > li { flex: 0 0 auto; width: auto; }
	.orbit-shop-filter .sppb-addon-wrapper { margin-bottom: 8px; }
}

/* поиск каталога: плейсхолдер темнее (#7f7f7f был 4,0:1) */
.easystore-search input[type="search"]::placeholder, input[name="filter_query"]::placeholder { color: #6b6b6b; opacity: 1; }