/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Карточка товара в сетке и быстрый просмотр (ссылка «Запросить цену» — в functions.php).
   2026-10-20: цвета и размеры кнопок — из Настроек темы (Кнопки: акцентные и «Single buy now»), чисел цветов здесь нет.
   Здесь только то, чего нет в настройках: кнопки в столбик на всю ширину, квадратная рамка фото (целиком, без обрезки)
   и возврат размера кнопки «В список запроса» в сетке (тема для кнопок сетки обнуляет высоту и отступы).
   2026-10-21: то же правило квадратной рамки — для галереи на странице товара и в быстром просмотре. Было — фото в исходных
   пропорциях, рамка карусели по самому высокому фото (у фрез чертёж 1:2), основное фото «висело» в высокой рамке;
   стало — все фото галереи в квадрате, целиком. Штатной настройки у темы нет (есть только «автовысота» — рамка не квадратная). */
.wd-product .wd-product-thumb img,
.woocommerce-product-gallery .wd-carousel-item img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: contain; }
.wd-add-btn-wrapp:has(.pkf-req-quick) { width: 100%; }
.wd-add-btn:has(.pkf-req-quick) { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.wd-add-btn:has(.pkf-req-quick) > a,
.wd-add-btn .pkf-req-wrap,
.wd-add-btn .pkf-req-quick { display: flex; width: 100%; }
.wd-add-btn-replace:has(.pkf-req-quick) > a.btn-accent {
	--btn-padding: var(--btn-accented-padding, 5px 20px);
	min-height: var(--btn-accented-height, var(--btn-height, 42px));
}
/* у кнопки сетки тема при наведении подменяет текст значком — на странице товара этого нет */
.wd-add-btn-replace:has(.pkf-req-quick) > a > .wd-action-icon { display: none; }
.wd-add-btn-replace:has(.pkf-req-quick) > a > .wd-action-text { transform: none; opacity: 1; padding: 0; min-height: 0; font-size: inherit; }
.wd-add-btn-replace:has(.pkf-req-quick) > a:hover > .wd-action-text,
.wd-add-btn-replace:has(.pkf-req-quick) > a.loading > .wd-action-text { transform: none; opacity: 1; }
.wd-add-btn-replace:has(.pkf-req-quick) > a > .wd-action-text { transition: none; }
/* телефон: две карточки в ряд — уменьшаем только шрифт и боковые отступы, чтобы «В список запроса» была в одну строку */
@media (max-width: 767px) { .wd-product .wd-add-btn:has(.pkf-req-quick) .btn { --btn-accented-font-size: 11px; --btn-accented-padding: 5px 6px; } }
@media (max-width: 379px) { .wd-product .wd-add-btn:has(.pkf-req-quick) .btn { --btn-accented-font-size: 10px; --btn-accented-padding: 5px 4px; } }
/* быстрый просмотр: «Запросить цену» в одну линию с «В список запроса», промежуток 10 px — как на странице товара */
.summary-inner > .pkf-req-wrap { display: inline-flex; vertical-align: middle; margin-inline-start: 10px; }

/* 2026-10-21: было — в составе запроса (страница благодарности, личный кабинет) пустая колонка «Итого»; стало — скрыта. */
.woocommerce-table--order-details .product-total { display: none; }
/* 2026-10-21: «Наличие уточняйте» (functions.php, раздел 8) — у темы фон есть только для «в наличии»/«нет»; стало — светло-серая плашка. */
.stock.pkf-stock-ask { background-color: #F4F4F4; color: var(--wd-title-color, #3C3C3B); }

/* 2026-10-21: здесь была тень заголовка заглушки — убрана, вместо неё затемнение фото 82 % в Elementor (src/apply-zaglushka-overlay.php). */

/* Меню «Категории» в шапке (вид «на всю ширину»). 2026-10-20: было — колонки 200 px (задано в CSS темы, настройки нет),
   длинные названия переносились, справа оставалось пустое место; стало — 6 разделов всегда в один ряд и делят
   всю ширину сайта поровну (при ширине 1410 — по 218 px, на узких экранах колонки сужаются, а не уходят на второй ряд). */
.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline { flex-wrap: nowrap; }
.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline > .wd-col { flex: 1 1 0; min-width: 0; }
/* 2026-10-20: было — 5–6 колонок в ряд; стало (решение владельца) — 4 колонки, в 4-й друг под другом «Резьбообработка»,
   «Оснастка» с подразделами и «Комплектующие». Все три — пункты 1-го уровня меню 111 (заголовки как у остальных разделов),
   в столбик их ставит сетка: пункты 61550, 61554, 61557. Если в меню их порядок изменится, действует раскладка в ряд выше. */
@media (min-width: 1025px) {
	.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline:has(> .menu-item-61550 + .menu-item-61554) {
		display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto auto 1fr; gap: 16px 20px;
	}
	.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline:has(> .menu-item-61550 + .menu-item-61554) > .wd-col { grid-row: 1 / -1; }
	.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline:has(> .menu-item-61550 + .menu-item-61554) > .menu-item-61550 { grid-column: 4; grid-row: 1; }
	.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline:has(> .menu-item-61550 + .menu-item-61554) > .menu-item-61554 { grid-column: 4; grid-row: 2; }
	.whb-header .wd-dropdown-menu.wd-design-full-width > .container > .wd-grid-f-inline:has(> .menu-item-61550 + .menu-item-61554) > .menu-item-61557 { grid-column: 4; grid-row: 3; }
}
/* 2026-10-21: здесь были стили «Последних статей» на главной (слева, 3 строки) — убраны: блок оформлен штатно, как страница «Статьи». */