/**/
/* ЖОРСТКО ПРИХОВУЄМО ВСІ ПІДМЕНЮ ЗА УМОВЧАННЯМ */
.header-site .sub-menu {
    display: none !important; 
}

/* 1. ПРИМУСОВО ПРИХОВУЄМО ПІДМЕНЮ "ПРОДУКЦІЯ" (menu-item-32) */
/* Це перекриє будь-які класи WP/Теми, що помилково його відкривають */
.header-site .menu-item-32 > .sub-menu,
.header-site .menu-item-32.active > .sub-menu,
.header-site .menu-item-32.open > .sub-menu,
.header-site .menu-item-32.current-page-ancestor > .sub-menu {
    display: none !important;
}

/* 2. ВІДКРИВАЄМО ПІДМЕНЮ ТІЛЬКИ ПРИ НАВЕДЕННІ НА БАТЬКІВСЬКИЙ ПУНКТ */
/* Цей загальний селектор має обробляти "Услуги" та всі інші */
.header-site .menu-item-has-children:hover > .sub-menu {
    display: block !important;
}

/* 3. ПІДТВЕРДЖУЄМО, ЩО "ПРОДУКЦІЯ" ВІДКРИВАЄТЬСЯ ТІЛЬКИ ПРИ НАВЕДЕННІ НА НЕЇ */
.header-site .menu-item-32:hover > .sub-menu {
    display: block !important;
}

/**/




/* Тимчасово поки вимкнутий слайдер */
/* Для мобільних пристроїв (до 767px ширини) */
@media (max-width: 767px) {
  .content-main-page {
    margin-top: 0px !important;
  }
}

/* Для десктопів (від 1024px і більше) */
@media (min-width: 1024px) {
  .content-main-page {
    margin-top: 150px !important;
  }
}
/****************/


/* Головне меню*/

@media (min-width: 1367px) {
    .menu .nav>li>a {
        padding: 10px 25px !important;
    }
}

/* Початково ховаємо меню */
.mobile-menu {
  position: fixed;
  top: 100px;
  left: -100%;
  width: 50%;
  height: auto;
  background-color: #fff;
  z-index: 3;
  transition: left 0.3s ease;
  padding: 2rem 1rem;
  box-shadow: 2px 0 5px rgba(0,0,0,0.3);
}

/* Додаємо > щоб правило не поширювалося на вкладені списки */
.mobile-menu > ul > li:first-child {
    margin-top: 25px;
}
/* Обнуляємо відступ для першого елемента всередині підменю */
.mobile-sub-list > li:first-child {
    margin-top: 0 !important;
}



.mobile-menu.open {
  left: 0;
}

/* Кнопка стилізована як стара */
.cmn-toggle-switch {
  position: relative;
  display: block;
  width: 30px;
  height: 22px;
  cursor: pointer;
  z-index: 10000; /* щоб була поверх меню */
}

.cmn-toggle-switch span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: #000;
  display: block;
}

form input[type='submit'] {
    font-size: 1.3rem;
}

/* Стилі меню */
:root {
    --category-gap: 12px;
}

/* Обгортка списку верхнього рівня */
.my-category-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Вкладені ul без стилів маркерів */
.my-category-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Кожен елемент списку */
.my-category-list li {
    margin-bottom: var(--category-gap);
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Останній елемент без підкреслення */
.my-category-list li:last-child {
    border-bottom: none;
}

/* Рівень 1 */
.my-category-list > li.level-1 > .category-row > a {
    font-family: 'Roboto-Bold', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    padding-left: 10px;
    color: #333;
    transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}

/* Рівень 2 */
.my-category-list li.level-2 > .category-row > a {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-left: 30px;
    color: #333;
    transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}

/* Рівень 3 */
.my-category-list li.level-3 > .category-row > a {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    padding-left: 50px;
    color: #333;
    transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}

/* Ховер для рівня 1 */
.my-category-list > li.level-1 > .category-row:hover > a {
    color: #a53f39; /* Червоний для назви при наведенні */
    font-weight: 700;
}

/* Ховер для рівня 2 */
.my-category-list li.level-2 > .category-row:hover > a {
    color: #a53f39; /* Червоний для назви при наведенні */
    font-weight: 700;
}

/* Ховер для рівня 3 */
.my-category-list li.level-3 > .category-row:hover > a {
    color: #a53f39; /* Червоний для назви при наведенні */
    font-weight: 700;
}

/* Стрілочка */
.toggle-subcats {
    cursor: pointer;
    margin-left: 5px;
    color: #333;
    font-size: 18px;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Ховер для стрілочки */
.my-category-list li .category-row:hover .toggle-subcats {
    color: #333; /* Зелений для стрілочки при наведенні */
    font-size: 14px;
}

/* Good catalog правка отображения*/

@media (min-width: 1025px) {
    .goods-item-thumb-container {
         height: 300px !important; /*200px*/
    }
}

.goods-item-thumb-container {
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods-item-thumb {
    width: 100% !important;         /* 🔹 зображення повністю по ширині */
    height: auto !important;        /* 🔹 висота розраховується автоматично */
    object-fit: contain !important; /* 🔹 вписується повністю, не обрізається */
    object-position: center !important;
    display: block !important;
    max-height: 100% !important;    /* обмеження по висоті контейнера */
}

/*    
.goods-item-thumb-container {
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods-item-thumb {
    height: 300px !important;
    width: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    max-width: none !important;
}
*/

/* для ПК горизонтальные впихивает в вертикальные 
@media (min-width: 1025px) {    
    .category-children .block-image-prod {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .category-children .block-image-prod img {
        height: 100% !important;
        width: auto !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        max-width: none !important;
    }
}
*/

/* Ховаємо підменю за замовчуванням */
.mobile-menu .sub-menu {
    display: none !important;
}

/* Показуємо підменю ТІЛЬКИ коли додано клас .is-open */
.mobile-menu .menu-item-has-children.is-open > .sub-menu {
    display: block !important;
}

/* Оформлення рядка та стрілки */
.menu-link-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.sub-menu-trigger {
    padding: 10px 15px;
    cursor: pointer;
    transition: transform 0.3s;
}

.menu-item-has-children.is-open .sub-menu-trigger {
    transform: rotate(180deg);
}

.mobile-sub-wrapper {
    padding-left: 15px;
    background: #f9f9f9; /* легкий фон для виділення */
}
.mobile-sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sub-item a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

/* 2 */
/* Робимо вигляд підпунктів таким самим, як у головних посилань */
.mobile-sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
	padding-top: -20px !important;
}

/* Оновлені стилі підпунктів мобільного меню */
/* Базовий стан підпункту (темно-сірий) */
.sub-item a {
    display: block;
    text-decoration: none;
    font-family: inherit;
    font-size: 0.95em;
    color: #555 !important; /* Темно-сірий колір за замовчуванням */
    padding: 12px 20px !important; /* Збільшені відступи */
    border-bottom: 1px solid rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

/* Стан при наведенні або коли пункт вибраний (Чорний та Жирний) */
.sub-item a:hover, 
.sub-item a:active,
.sub-item a:focus {
    color: #000 !important;       /* Стає чорним */
    font-weight: bold !important;  /* Стає жирним */
    background-color: rgba(0,0,0,0.05); /* Легке підсвічування фону */
}



/*H2 - опис товару*/
/* Стилізація заголовків h2 всередині конкретного блоку */
.block-desc-prod-page.block-dimensions-prod-page h2 {
    color: #b52019;            /* Червоний колір */
    font-weight: bold;         /* Жирний шрифт */
    font-size: 1.2em;          /* На 20% (приблизно 2 пункти) більше за поточний текст */
    margin-top: 1.5rem;        /* Додатковий відступ зверху для кращого вигляду */
    margin-bottom: 1rem;       /* Відступ знизу до тексту */
}

/* Опціонально: прибираємо зайві порожні абзаци, які часто генерує WP ( ) */
.block-desc-prod-page p:empty, 
.block-desc-prod-page p br {
    display: none;
}

/* Медіа-запит спеціально для телефонів (до 768px) */
@media screen and (max-width: 768px) {
    .block-desc-prod-page.block-dimensions-prod-page {
        padding-left: 15px !important; /* Трохи менше на дуже вузьких екранах */
        padding-right: 15px !important;
    }


@media (max-width: 768px) {
    div.schedule-header {
        line-height: 2px !important;
    }
}

/* Додаемо прокрутку*/
.mobile-menu {
    max-height: 90vh; /* Меню займатиме не більше 90% висоти екрана */
    overflow-y: auto;  /* Додає вертикальну прокрутку, якщо вміст не влазить */
    -webkit-overflow-scrolling: touch; /* Плавна прокрутка на iPhone/iOS */
}
	
@media (max-width: 768px) {	
/*Перекрас моб меню -  у сірий*/
/* Пункти верхнього рівня мобільного меню */
.mobile-menu ul li a {
    color: #737272 !important;       /* #555 Темно-сірий колір за замовчуванням */
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Стан при наведенні або активному виборі для верхнього рівня */
.mobile-menu ul li a:hover,
.mobile-menu ul li a:active,
.mobile-menu ul li.current-menu-item > a {
    color: #000 !important;       /* Стає чорним */
    font-weight: bold !important;  /* Стає жирним */
}

/* Окремо прибираємо червоний колір, якщо він приходить від тем */
.mobile-menu ul li a:hover {
    background: transparent;      /* Прибираємо фон, якщо він з'являється */
}	
	}
	
/* 260324 - правка меню десктоп	*/