/* AIVA Group — глобальные правки поверх собранных страниц.
   Грузится ПОСЛЕДНИМ на всех страницах (см. inc/enqueue.php, приоритет 20).
   Назначение: единая точка правки общих компонентов (шапка, мега-меню, подвал),
   CSS которых пока продублирован в инлайн-стилях внутренних страниц — до полной DRY-чистки.
   Повышенная специфичность (.head ...) гарантирует перекрытие инлайн-копий независимо от порядка. */

/* Мега-меню: мгновенное переключение между пунктами (без лага и сдвига).
   Открытие почти мгновенное (.07s), закрытие .16s, БЕЗ transform-сдвига —
   при переходе A→B новая панель появляется сразу, старая быстро тает. */
.head .mega { transition: opacity .16s ease, visibility .16s; transform: none; transition-delay: 0s; }
.head .nav-item.has-mega:hover .mega { transition-duration: .07s; transition-delay: 0s; transform: none; }

/* ============================================================
   МОБИЛЬНОЕ МЕНЮ — плавное открытие + красота (CSS-driven, работает
   на ВСЕХ страницах независимо от того, какой JS переключает .open).
   ============================================================ */
@media (max-width: 1200px) {
  /* плавное появление панели (вместо резкого display:none → flex) */
  .mobile-menu { display: flex !important; opacity: 0; visibility: hidden; transform: translateY(-10px);
    transition: opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1), visibility .35s;
    pointer-events: none; }
  .mobile-menu.open { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }

  /* пункты выезжают каскадом при открытии (закрытие — мгновенно, без обратного лага) */
  .mobile-menu > * { opacity: 0; transform: translateY(18px);
    transition: opacity .4s ease, transform .55s cubic-bezier(.22,1,.36,1); }
  .mobile-menu.open > * { opacity: 1; transform: none; }
  .mobile-menu.open > *:nth-child(1){transition-delay:.04s}
  .mobile-menu.open > *:nth-child(2){transition-delay:.09s}
  .mobile-menu.open > *:nth-child(3){transition-delay:.13s}
  .mobile-menu.open > *:nth-child(4){transition-delay:.17s}
  .mobile-menu.open > *:nth-child(5){transition-delay:.21s}
  .mobile-menu.open > *:nth-child(6){transition-delay:.25s}
  .mobile-menu.open > *:nth-child(7){transition-delay:.29s}
  .mobile-menu.open > *:nth-child(8){transition-delay:.33s}
  .mobile-menu.open > *:nth-child(9){transition-delay:.37s}
  .mobile-menu.open > *:nth-child(10){transition-delay:.41s}
  .mobile-menu.open > *:nth-child(11){transition-delay:.45s}
  .mobile-menu.open > *:nth-child(12){transition-delay:.49s}

  /* аккордеон подпунктов — плавный разворот (вместо display:none → block) */
  .mobile-menu .mm-sub { display: block !important; max-height: 0; overflow: hidden; opacity: 0;
    padding: 0 !important; transition: max-height .4s ease, opacity .3s ease, padding .4s ease; }
  .mobile-menu .mm-group.open .mm-sub { max-height: 320px; opacity: 1; padding: 0 0 14px !important; }
  .mobile-menu .mm-group > button i { transition: transform .3s ease; }
  .mobile-menu .mm-group.open > button i { transform: rotate(180deg); }

  /* красота: кнопка-закрытия кружком */
  .mobile-menu .mm-top .burger { width: 42px; height: 42px; border-radius: 50%;
    background: var(--blue-tint); color: var(--ink); display: flex; align-items: center;
    justify-content: center; font-size: 17px; transition: background .2s, color .2s, transform .2s; }
  .mobile-menu .mm-top .burger:hover { background: var(--blue); color: #fff; transform: rotate(90deg); }

  /* hover/active акцент на пунктах */
  .mobile-menu .mm-group > button:hover, .mobile-menu .mm-link:hover { color: var(--blue); }
  .mobile-menu .mm-link { transition: color .2s; }
  .mobile-menu .mm-sub a { transition: color .2s, padding-left .2s; }
  .mobile-menu .mm-sub a:hover { color: var(--blue); padding-left: 6px; }

  /* CTA «Получить аудит» — коралловой кнопкой, выделяется */
  .mobile-menu .mm-link[href="#cta"] { margin-top: 20px; background: var(--coral); color: #fff;
    border-bottom: 0; border-radius: var(--r-sm); text-align: center; padding: 16px;
    transition: background .25s, transform .2s; }
  .mobile-menu .mm-link[href="#cta"]:hover { background: var(--coral-dark); color: #fff; transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-menu, .mobile-menu > *, .mobile-menu .mm-sub { transition: none !important; }
}

/* ============================================================
   ПОДВАЛ — правки, которые должны примениться и на инлайн-страницах
   ============================================================ */
/* контакты: убрать двойной отступ (flex-gap 10px + лишний margin-bottom 10px → ~20px) */
.foot .foot-contacts li { margin-bottom: 0; }
.foot .foot-addr { margin-top: 0; }
/* мобайл: поджать вертикальный ритм подвала, убрать большой отступ снизу */
@media (max-width: 768px) {
  .foot { padding: 48px 0 16px; }
  .foot .foot-grid { gap: 30px; margin-bottom: 30px; }
  .foot .foot-bottom { padding-top: 18px; }
}

/* ============================================================
   GTranslate — движок Google грузим, но РОДНОЙ виджет и баннер прячем:
   перевод дёргает наш переключатель .lang (см. ui-common.js langSwitch).
   ============================================================ */
.gtranslate_wrapper, #gt_float_wrapper, .gt_float_switcher { display: none !important; }
.goog-te-banner-frame, .goog-te-balloon-frame, #goog-gt-tt, .skiptranslate { display: none !important; }
body { top: 0 !important; position: static !important; }
.goog-te-gadget { font-size: 0 !important; height: 0 !important; overflow: hidden !important; }
/* спиннер-загрузчик Google Translate (новый VIpgJd-* + классический) — «зависал» крутящимся после перевода */
[class*="VIpgJd-ZVi9od-aZ2wEe"], .goog-te-spinner-pos, .goog-te-gadget-icon, img.goog-te-gadget-icon { display: none !important; }
font[style*="vertical-align"] { background: transparent !important; box-shadow: none !important; }