/* gustav.by: правки интерфейса (14.09.2026, GUSTAV-SEO.md фаза 5). Подключается mu-плагином gustav-ui.php. Перенос из alexparket-ui.css. */

/* Полоса рубрик над шапкой (14.09.2026): вместо карусели Owl — нативная горизонтальная прокрутка.
   На широком экране все пункты помещаются, на телефоне листаются пальцем; полоса прокрутки скрыта. */
ul#menu-menyu-nad-shapkoy {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: 60px;
  margin: 0;
  padding: 0 15px;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}
ul#menu-menyu-nad-shapkoy::-webkit-scrollbar {
  display: none;
}
ul#menu-menyu-nad-shapkoy li {
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
  scroll-snap-align: start;
}
ul#menu-menyu-nad-shapkoy a,
ul#menu-menyu-nad-shapkoy li.current-menu-item > span {
  display: inline-block;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  /* на десктопе контейнер 1100 px, а 8 пунктов при обычных отступах — 1230 px: ужимаем отступы и кегль,
     чтобы всё влезло в одну строку; полоса над шапкой фиксированной высоты, перенос строки в неё не помещается */
  ul#menu-menyu-nad-shapkoy {
    flex-wrap: nowrap;
    height: 60px;
    justify-content: flex-start;
    gap: 4px;
  }
  ul#menu-menyu-nad-shapkoy a,
  ul#menu-menyu-nad-shapkoy li.current-menu-item > span {
    padding: 5px 9px;
    font-size: 0.86em;
  }
}

/* Планшеты 768–1199 px (14.09.2026): тема прячет .sticky-menu до 992 px и выстраивает .menu в столбик до 1200 px —
   полоса рубрик исчезала или обрезалась. Показываем и кладём в строку; лишнее уезжает в горизонтальную прокрутку. */
@media (min-width: 768px) and (max-width: 1199px) {
  .sticky-menu {
    display: block !important;
  }
  ul#menu-menyu-nad-shapkoy {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    height: 60px !important;
    padding: 0 20px;
  }
  ul#menu-menyu-nad-shapkoy li {
    width: auto !important;
    border: 0 !important;
  }
  ul#menu-menyu-nad-shapkoy a {
    padding: 5px 12px;
    font-size: 0.9em;
  }
}

/* 13.09.2026: таблицы в статьях и категориях — mobile-first, горизонтальная прокрутка внутри обёртки .ap-table, вёрстка не ломается */
.ap-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 1.5em}
.ap-table table{width:100%;border-collapse:collapse;margin:0}
.ap-table th{white-space:nowrap;text-align:left}
.ap-table td,.ap-table th{padding:8px 10px;vertical-align:top}
.ap-table--wide td,.ap-table--wide th{min-width:120px}
@media (max-width:767px){.ap-table--wide table{min-width:640px}.ap-table--wide::before{content:"Таблицу можно листать влево-вправо →";display:block;font-size:12px;color:#8a8a8a;margin-bottom:6px}}
/* 13.09.2026: блоки вопросов — аккордеон на <details>, без скриптов; первый открыт */
.ap-faq{border:1px solid #e4e4e4;border-radius:10px;margin:0 0 10px;background:#fff}
.ap-faq summary{list-style:none;cursor:pointer;padding:14px 46px 14px 16px;position:relative;font-weight:600;line-height:1.35}
.ap-faq summary::-webkit-details-marker{display:none}
.ap-faq summary h3{display:inline;margin:0;font-size:1.05em;font-weight:600;line-height:inherit}
.ap-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid #a00e35;border-bottom:2px solid #a00e35;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.ap-faq[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.ap-faq[open] summary{border-bottom:1px solid #eee}
.ap-faq summary:hover{color:#a00e35}
.ap-faq__a{padding:12px 16px 14px}
.ap-faq__a p:last-child{margin-bottom:0}

/* 14.09.2026: слайдер категорий над «Вопрос-ответ» (десктоп): место зарезервировано до инициализации Owl,
   иначе блок выскакивает и сдвигает вопрос (CLS 0,26). Высота замерена: 328px при ширине main 640–1100px. */
.product-cats-slider:not(.owl-loaded){display:block;visibility:hidden;height:328px;overflow:hidden}

/* 14.09.2026: дочерняя тема ссылается на два несуществующих файла (404 в консоли на каждой странице):
   /uploads/2025/10/action-shield.svg (бейдж записи в карточках) и /uploads/2024/06/telegram.png (виджет #custom_html-15) */
.post-cards .post-shield{background-image:none!important}
#custom_html-15 .telegram:before{background-image:url(/wp-content/uploads/2026/05/telegram.png)!important}

/* 14.09.2026: ещё три несуществующих файла из CSS дочерней темы (страница товара): иконка доставки и маркеры списков «плюсы/минусы» */
.product-info .sku_row .dilivery:before{background-image:none!important}
.recommendation-block .rec-table .rec-plus ul li:before{background-image:none!important;content:"+"!important;color:#1a8a1a;font-weight:700;text-align:center;line-height:1}
.recommendation-block .rec-table .rec-minus ul li:before{background-image:none!important;content:"‘2"!important;color:#c0392b;font-weight:700;text-align:center;line-height:1}