/* Навигация: выпадающий «Каталог» в шапке + кликабельные заголовки блоков направлений.
   Файл подключается ПОСЛЕ основного бандла темы — иначе его правила перебивают эти.
   Бьёмся с тремя правилами темы:
     .header-menu-pc.pc-nav ul{display:flex;gap:24px}  — выкладывает подменю в строку
     .action_li{background:#0084ff}                    — красит весь пункт в синий
     .header-menu-pc li::before{...}                   — рисует полоску под каждым пунктом  */

/* ── выпадающий каталог, десктоп ─────────────────────────────────────────── */
.header-menu-pc.pc-nav ul { overflow: visible; }
.header-menu-pc.pc-nav li.has-sub { position: relative; }

.header-menu-pc.pc-nav ul.pc-sub {
  display: block !important;          /* родительский ul — flex, вложенный наследует */
  gap: 0 !important;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 272px;
  margin: 10px 0 0;
  padding: 8px 0;
  list-style: none;
  background: #fff !important;        /* перекрываем синий фон .action_li */
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(16, 20, 40, .18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .16s, transform .16s;
  z-index: 100;
}

.header-menu-pc.pc-nav li.has-sub:hover > ul.pc-sub,
.header-menu-pc.pc-nav li.has-sub:focus-within > ul.pc-sub {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.header-menu-pc.pc-nav ul.pc-sub li {
  display: block;
  margin: 0;
  padding: 0 !important;
  background: none;
}
.header-menu-pc.pc-nav ul.pc-sub li::before { content: none !important; }

.header-menu-pc.pc-nav ul.pc-sub a {
  display: block !important;          /* тема ставит flex через .action_li a */
  padding: 9px 20px;
  white-space: nowrap;
  color: #1E1F24 !important;          /* тема красит в белый через .action_li a */
  font-weight: 500;
  font-size: 15px;
  line-height: 1.3;
}
.header-menu-pc.pc-nav ul.pc-sub a:hover {
  background: #F2F6FF;
  color: #005BFF !important;
}

/* ── подписи групп ───────────────────────────────────────────────────────── */
/* сброс .pc-sub li{padding:0 !important} бьёт и по подписям — возвращаем отступ
   более специфичным селектором, иначе подписи прижимаются к левому краю */
.header-menu-pc.pc-nav ul.pc-sub li.pc-sub__label { padding: 10px 20px 5px !important; }
.header-menu-pc.pc-nav ul.pc-sub li.pc-sub__label:not(:first-child) { padding-top: 12px !important; }
ul.mob-sub li.mob-sub__label { padding: 8px 0 4px !important; }

.pc-sub__label,
.mob-sub__label {
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #81828D !important;
  font-weight: 700;
  pointer-events: none;
  white-space: nowrap;
}
.pc-sub__label + li,
.mob-sub__label + li { margin-top: 0; }
.pc-sub .pc-sub__label:not(:first-child),
.mob-sub .mob-sub__label:not(:first-child) {
  margin-top: 6px;
  border-top: 1px solid #EDEFF5;
  padding-top: 10px;
}

/* ── аккордеон каталога в мобильном меню ─────────────────────────────────── */
details.mob-cat > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
details.mob-cat > summary::-webkit-details-marker { display: none; }
details.mob-cat > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .5;
  transition: transform .18s;
}
details.mob-cat[open] > summary::after { transform: rotate(-135deg); }

.mob-nav ul.mob-sub,
ul.mob-sub {
  display: block !important;
  gap: 0 !important;
  list-style: none;
  margin: 6px 0 2px;
  padding-left: 16px;
}
ul.mob-sub li { display: block; padding: 0; }
ul.mob-sub li::before { content: none !important; }
ul.mob-sub a { display: block; padding: 8px 0; font-size: 15px; opacity: .85; }
.mob-sub__label { padding-left: 0; }

/* ── блоки направлений на главной: заголовок стал ссылкой ────────────────── */
.main_cat_desc h2 a.main_cat_h2link { color: inherit; text-decoration: none; }
.main_cat_desc h2 a.main_cat_h2link:hover { color: #005BFF; }