/* je-casinos-mega.css — поиск + раскрытие под-страниц в Casinos mega-меню.
   Грузится глобально (шапка на всех страницах). Цвета — токены темы. */

/* ── Мобильный drawer (theme-wide): открытый #je-mobile-nav был
   position:static/overflow:visible → распирал страницу за экран.
   Делаем его собственным скролл-контейнером в пределах вьюпорта.
   --je-header-h ≈ высота шапки (наблюдалось 56px). */
@media (max-width: 1024px) {
  .je-mobile-nav.je-mobile-nav--open {
    max-height: calc(100dvh - var(--je-header-h, 56px));
    max-height: calc(100vh - 56px); /* фолбэк для старых браузеров */
    max-height: calc(100dvh - 56px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .je-mobile-nav.je-mobile-nav--open > .je-container { max-height: none; }
}

/* DESKTOP-дропдаун: высота в пределах экрана, список скроллится внутри.
   ⚠️ ТОЛЬКО ≥1025px — иначе бьёт theme-аккордеон мобильного drawer
   (форс display:flex перекрывал .je-mobile-nav .je-mega-menu{display:none}). */
@media (min-width: 1025px) {
  .je-mega-menu.je-mega-menu--casinos {
    max-height: min(80vh, 720px);
    display: flex; flex-direction: column;
    box-sizing: border-box;
  }
  .je-mega-menu--casinos .je-mega-search { flex: 0 0 auto; position: relative; }
  .je-mega-menu--casinos .je-mega-guias-layout {
    flex: 1 1 auto; min-height: 0; display: flex; overflow: hidden;
  }
  .je-mega-menu--casinos .je-mega-categories { flex: 0 0 auto; }
  .je-mega-menu--casinos .je-mega-articles {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  }
  .je-mega-menu--casinos .je-mega-article-list { max-height: none; }
  .je-mega-menu--casinos .je-mega-all { flex: 0 0 auto; }
}

/* MOBILE: видимостью рулит theme-аккордеон (.je-mobile-mega--open) —
   НЕ форсим display. Раскрытый mega = вертикальный stack, категории
   как горизонтальные чипы (а не ломаные 2 колонки). */
@media (max-width: 1024px) {
  .je-mega-menu--casinos .je-mega-guias-layout { display: block; }
  .je-mega-menu--casinos .je-mega-categories {
    display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 10px;
  }
  .je-mega-menu--casinos .je-mega-cat-btn { width: auto; }
  .je-mega-menu--casinos .je-mega-articles { display: block; }
  .je-mega-menu--casinos .je-mega-article-list { max-height: none; }
}
.je-mega-brand-results {
  position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30;
  background: var(--je-card-bg, #1a1e27);
  border: 1px solid var(--je-border, #2a2e37);
  border-radius: 10px; box-shadow: var(--je-shadow, 0 8px 24px rgba(0,0,0,.3));
  max-height: 320px; overflow-y: auto; padding: 6px;
}
.je-mega-brand-results a {
  display: block; padding: 9px 12px; border-radius: 7px;
  color: var(--je-text, #fff); text-decoration: none; font-size: 14px;
}
.je-mega-brand-results a:hover { background: var(--je-accent-glow, rgba(0,212,170,.15)); color: var(--je-accent, #00d4aa); }
.je-mega-brand-results .je-mega-noresults { padding: 10px 12px; color: var(--je-text-muted, #8a8f98); font-size: 13px; }

/* раскрываемая марка (>1 страница) */
.je-mega-brand--multi { position: relative; padding-right: 30px; }
.je-mega-expand {
  position: absolute; right: 2px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; line-height: 20px; text-align: center;
  border: 1px solid var(--je-border, #2a2e37); border-radius: 6px;
  background: transparent; color: var(--je-accent, #00d4aa);
  font-size: 15px; font-weight: 700; cursor: pointer; padding: 0;
}
.je-mega-expand:hover { background: var(--je-accent, #00d4aa); color: #fff; }
.je-mega-expand[aria-expanded="true"] { background: var(--je-accent, #00d4aa); color: #fff; }
ul.je-mega-subpages {
  list-style: none; margin: 4px 0 8px; padding: 4px 0 4px 14px;
  border-left: 2px solid var(--je-accent-glow, rgba(0,212,170,.25));
}
ul.je-mega-subpages[hidden] { display: none; }
ul.je-mega-subpages li { margin: 0; }
ul.je-mega-subpages a {
  font-size: 13px; color: var(--je-text-secondary, #8a8f98); text-decoration: none;
  display: block; padding: 4px 0;
}
ul.je-mega-subpages a:hover { color: var(--je-accent, #00d4aa); }