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

/* ==========================================================================
   Mama Bear — правки від 11.08.2026
   ========================================================================== */

/* 17. Прибрати демо-таблицю розмірів із попапу «Розмірна сітка».
   Лишаються тільки зображення, завантажені клієнткою. */
.wd-sizeguide-table {
	display: none;
}

/* 21. Плитки підкатегорій під заголовком категорії. */
.mb-subcats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 20px;
}

.mb-subcats .mb-subcat {
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid #e3e3e3;
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	line-height: 1.3;
	color: inherit;
	transition: border-color .15s ease, color .15s ease;
}

.mb-subcats .mb-subcat:hover,
.mb-subcats .mb-subcat.is-current {
	border-color: rgb(230, 135, 132);
	color: rgb(230, 135, 132);
}

/* 26. Прибрати артикул зі сторінки товару.
   В адмінці, у замовленнях і в обміні з KeyCRM артикул лишається як був. */
.single-product .product_meta .sku_wrapper {
	display: none;
}

/* 28. Мобільна версія: колір, розмір і кнопка «Купити» вище за опис. */
@media (max-width: 767px) {
	.single-product .summary-inner {
		display: flex;
		flex-direction: column;
	}

	.single-product .summary-inner > * {
		order: 8;
	}

	.single-product .summary-inner > .single-breadcrumbs-wrapper {
		order: 1;
	}

	.single-product .summary-inner > .wd-product-brands {
		order: 2;
	}

	.single-product .summary-inner > .product_title {
		order: 3;
	}

	.single-product .summary-inner > .price {
		order: 4;
	}

	.single-product .summary-inner > form.cart {
		order: 5;
	}

	.single-product .summary-inner > .wd-sizeguide-btn {
		order: 6;
	}

	.single-product .summary-inner > .woocommerce-product-details__short-description {
		order: 7;
	}
}

/* 21. Підкатегорії на сторінці категорії.
   Поки в підкатегорій немає своїх фото, плитка показується без сірого заповнювача.
   Щойно фото зʼявиться — картинка повернеться сама. */
.tax-product_cat .wd-cat-thumb:has(img.woocommerce-placeholder) {
	display: none;
}

.tax-product_cat .wd-cat:has(img.woocommerce-placeholder) .wd-cat-inner {
	padding: 16px 12px;
}

.tax-product_cat .wd-cat:has(img.woocommerce-placeholder) .wd-entities-title {
	margin-bottom: 4px;
	font-size: 15px;
}

/* Чекаут: прибрати «Назва компанії» і «Країна / Регіон».
   Магазин відправляє лише по Україні, тож у полі країни один-єдиний варіант,
   і він так само підставляється в замовлення. */
#billing_company_field,
#shipping_company_field,
#billing_country_field,
#shipping_country_field {
	/* WooCommerce показує ці рядки через JS інлайновим стилем, тому важливо */
	display: none !important;
}

/* Галочка «не дзвонити»: WooCommerce дописує «(необовʼязково)» до всіх
   неοбовʼязкових полів, для чекбокса це виглядає зайвим. */
#mb_no_call_field .optional {
	display: none;
}

#mb_no_call_field {
	margin-top: 10px;
}

/* ==========================================================================
   Mama Bear — правки 34–44 від 15.08.2026
   ========================================================================== */

/* 38. Фільтр за брендом — текстом, без логотипів.
   Логотипи дрібні й погано читаються, лишаємо тільки назви. */
#woodmart-woocommerce-layered-nav-8 .wd-swatch {
	display: none;
}

#woodmart-woocommerce-layered-nav-8 .wd-filter-lable {
	margin-left: 0;
}

/* 36. Мобільне меню без вкладки «Категорії».
   Категорії тепер випадають із пункту «Магазин», окрема вкладка з одним
   пунктом лише збивала з пантелику. */
.mobile-nav .wd-nav-mob-tab,
.mobile-nav .mobile-categories-menu {
	display: none !important;
}

.mobile-nav .mobile-pages-menu {
	display: block !important;
}

/* Слайдер на головній малював дві пари стрілок і крапок: власні
   та внутрішньої каруселі з фото всередині першого слайда.
   Лишаємо тільки слайдерні — вони й перемикають слайди. */
.wp-block-wd-slider .wp-block-wd-carousel .wd-nav-arrows,
.wp-block-wd-slider .wp-block-wd-carousel .wd-nav-pagin-wrap {
	display: none;
}

/* Випадайка «Магазин» у головному меню: світлий фон і читабельна ширина. */
.wd-nav-main .wd-sub-menu {
	min-width: 265px;
	padding: 12px 0;
	background-color: #fff !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
}

.wd-nav-main .wd-sub-menu li a {
	padding: 9px 22px;
	color: #333 !important;
	white-space: nowrap;
}

.wd-nav-main .wd-sub-menu li a:hover {
	color: rgb(230, 135, 132) !important;
}

/* Обгортка випадайки має власний темний фон і бічні відступи —
   через них по краях лишалися чорні смужки. Фарбуємо і її. */
.wd-nav-main .wd-sub-menu-wrapp {
	padding: 0;
	background-color: #fff !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
}

.wd-nav-main .wd-sub-menu {
	box-shadow: none;
}

/* Темний фон випадайки живе на .wd-design-dropdown, а бічні 15px —
   на контейнері всередині. Саме вони й давали чорні смужки по краях. */
.wd-nav-main .wd-design-dropdown {
	background-color: #fff !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .12);
}

.wd-nav-main .wd-design-dropdown .container {
	padding-inline: 0;
}