/* ==========================================================================
   Обвязка: то, что в исходной теме давали .main-menu / #header / .container.
   Подключается ПОСЛЕ product-categories.css
   ========================================================================== */

#header {
	position: relative;
	z-index: 1001;
}

.header-type-1 .main-menu {
	height: 165px;
	position: relative;
}

.sticky #header .main-menu {
	position: fixed;
	z-index: 1100;
	width: 100%;
	background: #fff;
	min-width: 240px;
	border-bottom: 1px solid #eaeaea;
	left: 0;
	top: 0;
	opacity: 1;
	height: 78px;
}

/* гамбургер (теперь <button>, сбрасываем базовые стили кнопки) */
#header .mobile-menu {
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	color: inherit;
}

#header .mobile-menu svg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -9px;
	margin-top: -7px;
	width: 18px;
	height: 15px;
	fill: currentColor;
}

#header .mobile-menu-close {
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	color: inherit;
}

/* блокировка прокрутки под открытым меню */
body.menu-open {
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   Нейтрализация стилей блочной темы внутри блока
   (theme.json часто задаёт свои отступы/размеры для ul/li/a)
   -------------------------------------------------------------------------- */
.wp-block-group .product-categories ul,
.wp-block-group .product-categories li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-categories a {
	text-decoration: none !important;
}

/* группа-обёртка не должна резать выпадающие списки */
.wp-block-group:has(.product-categories) {
	overflow: visible;
}

@media (max-width: 991px) {
	.header-type-1 .main-menu {
		height: auto;
		padding: 23px 0;
	}
}