/* nav-pages.css — многостраничное меню: дропдаун «Решения», активный пункт,
   мобильные метки разделов. Подключается на всех страницах. */

.nav__links .is-current { color: var(--color-text-primary); }

.nav__item--drop { position: relative; }
.nav__drop-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  font-family: inherit; font-size: 14px; font-weight: 500;
  color: var(--color-text-secondary);
  transition: color var(--transition-fast);
}
.nav__drop-toggle:hover,
.nav__item--drop:hover .nav__drop-toggle,
.nav__item--drop.is-open .nav__drop-toggle { color: var(--color-text-primary); }
.nav__drop-toggle svg { opacity: 0.6; transition: transform var(--transition-fast); }
.nav__item--drop:hover .nav__drop-toggle svg,
.nav__item--drop.is-open .nav__drop-toggle svg { transform: rotate(180deg); }

.nav__dropdown {
  position: absolute; top: calc(100% + 16px); left: 50%;
  transform: translateX(-50%) translateY(8px);
  width: 320px; padding: 10px;
  background: rgba(14, 14, 14, 0.94);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px;
  box-shadow: 0 30px 70px -22px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  display: grid; gap: 2px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .26s cubic-bezier(.22, 1, .36, 1), transform .26s cubic-bezier(.22, 1, .36, 1), visibility .26s;
  z-index: 200;
}
/* невидимый мост, чтобы курсор не терял дропдаун в зазоре между кнопкой и панелью */
.nav__item--drop::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 18px; }
.nav__item--drop:hover .nav__dropdown,
.nav__item--drop.is-open .nav__dropdown {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.nav__dropdown a {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 14px; border-radius: 12px;
  transition: background var(--transition-fast);
}
.nav__dropdown a::after { display: none !important; } /* убрать подчёркивание от .nav__links a */
.nav__dropdown a:hover { background: rgba(205, 255, 79, 0.08); }
.nav__dd-name { font-size: 14px; font-weight: 500; color: var(--color-text-primary); }
.nav__dd-desc { font-size: 12px; color: var(--color-text-muted); font-family: var(--font-mono); letter-spacing: .01em; }

/* Метка раздела в мобильном меню */
.mobile-menu__label {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--color-text-muted); padding: 8px 0 2px; opacity: .8; list-style: none;
}

@media (max-width: 1024px) {
  .nav__dropdown { display: none; } /* на мобилке — плоский список в mobile-menu */
}