/* ============================================================
   site-nav.css — bl-nav (меню в стилі головної) для ВНУТРІШНІХ сторінок
   (курсові new/*.php та легасі через static.php root/ukr/eng).

   Головні сторінки (body.home-experiment) цей файл НЕ вантажать:
   там базові стилі живуть у new.css + інлайнах home*/head.php.
   Тут — ті самі значення, переписані під body.home-v2:not(.home-experiment),
   ПІСЛЯ home-fix.css (його body.home-v2 !important-правила лишаються чинними,
   точкові відмінності внутрішніх сторінок перебиті вищою специфічністю).

   Джерела значень: new.css (body.home-experiment .bl-nav*),
   home/head.php #mobile-nav-tidy, home-fix.css (секція меню).
   ============================================================ */

/* --- Кліренс під фіксоване меню: контент починається нижче пігулки --- */
body.home-v2:not(.home-experiment){ padding-top:calc(var(--nav-h, 58px) + 22px)!important; }

/* --- Верхня телефонна смуга (.footer з page-head) — на головній її немає.
       Канали зв'язку лишаються у плаваючому барі та CTA. --- */
body.home-v2:not(.home-experiment) .footer{ display:none!important; }

/* --- База пігулки (= new.css body.home-experiment .bl-nav) --- */
body.home-v2:not(.home-experiment) .bl-nav{
  position:fixed; top:10px; left:50%; right:auto;
  width:min(1180px, calc(100% - 32px)); transform:translateX(-50%); z-index:1000;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.16));
  -webkit-backdrop-filter:blur(24px) saturate(1.16); backdrop-filter:blur(24px) saturate(1.16);
  border:1px solid rgba(255,255,255,.40);
  box-shadow:0 4px 14px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.64);
}
body.home-v2:not(.home-experiment) .bl-nav.scrolled{
  background:linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.52));
  box-shadow:0 8px 24px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.78);
}
body.home-v2:not(.home-experiment) .bl-nav__shell{ position:relative; min-height:58px; display:flex; align-items:center; justify-content:center; }
body.home-v2:not(.home-experiment) .bl-nav__menu{ display:flex; align-items:center; justify-content:center; gap:clamp(22px, 2.25vw, 34px); margin:0; padding:0; list-style:none; }
body.home-v2:not(.home-experiment) .bl-nav__menu li{ display:flex; align-items:center; margin:0; padding:0; }
body.home-v2:not(.home-experiment) .bl-nav__menu a,
body.home-v2:not(.home-experiment) .bl-nav__mobile-contact,
body.home-v2:not(.home-experiment) .bl-nav__lang a{ text-decoration:none; }
body.home-v2:not(.home-experiment) .bl-nav__menu a{
  min-height:42px; display:inline-flex; align-items:center; justify-content:center;
  padding:5px 3px; color:rgba(15,23,42,.70); background:transparent; border:0; border-radius:0; box-shadow:none;
  font-size:15.5px; line-height:1; font-weight:720; letter-spacing:-.006em; text-align:center;
  transition:color .18s ease, opacity .18s ease;
}
body.home-v2:not(.home-experiment) .bl-nav__menu a:hover,
body.home-v2:not(.home-experiment) .bl-nav__menu a:focus-visible,
body.home-v2:not(.home-experiment) .bl-nav__mobile-contact:hover,
body.home-v2:not(.home-experiment) .bl-nav__mobile-contact:focus-visible,
body.home-v2:not(.home-experiment) .bl-nav__lang a:hover,
body.home-v2:not(.home-experiment) .bl-nav__lang a:focus-visible{ color:var(--bl-blue, #2F6075); outline:none; }
body.home-v2:not(.home-experiment) .bl-nav__logo-item a{ min-height:44px; padding:0 10px; }
body.home-v2:not(.home-experiment) .bl-nav__logo-item img,
body.home-v2:not(.home-experiment) .bl-nav__mobile-logo img{ display:block; width:92px; height:44px; object-fit:contain; }
/* Wordmark MYENGLISH (~5.4:1, без байлайна): фіксуємо висоту, ширина — за пропорцією */
body.home-v2:not(.home-experiment) .bl-nav__logo-item img.bl-logo-mye{ width:auto; height:24px; }
body.home-v2:not(.home-experiment) .bl-nav__lang{
  color:var(--bl-blue, #2F6075); font-size:13.5px; line-height:1; font-weight:820; letter-spacing:.02em;
}
body.home-v2:not(.home-experiment) .bl-nav__lang > span{ display:inline-flex; align-items:center; gap:18px; }
body.home-v2:not(.home-experiment) .bl-nav__lang a{ color:rgba(47,96,117,.68); }
body.home-v2:not(.home-experiment) .bl-nav__lang .bl-lang-cur{ color:var(--bl-blue, #2F6075); font-weight:820; }

/* Десктоп: бургер/моб.лого/моб.контакт сховані (база) */
@media (min-width:769px){
  body.home-v2:not(.home-experiment) .bl-nav__burger,
  body.home-v2:not(.home-experiment) .bl-nav__mobile-logo,
  body.home-v2:not(.home-experiment) .bl-nav__mobile-contact{ display:none!important; }
  /* Wordmark MYENGLISH у центрі пігулки (рішення 10.06): перебиває глобальний
     display:none!important з home-fix.css:539 вищою специфічністю (0,4,0).
     Лише для нового бренду (--mye); бізнес-сторінки зі старим бейджем — без лого в меню. */
  body.home-v2:not(.home-experiment) .bl-nav__menu .bl-nav__logo-item--mye{ display:flex!important; }
}

/* --- Мобайл (≤768px): бургер-скло ліворуч (home-fix), лого фіксоване праворуч,
       випадне меню — скляна картка (значення з home/head.php #mobile-nav-tidy) --- */
@media (max-width:768px){
  body.home-v2:not(.home-experiment) .bl-nav__burger{
    display:inline-grid; place-items:center; width:42px; min-height:42px;
    padding:0; margin:0; border:0; cursor:pointer; color:rgba(15,23,42,.72);
  }
  body.home-v2:not(.home-experiment) .bl-nav__burger:hover,
  body.home-v2:not(.home-experiment) .bl-nav__burger:focus-visible{ color:var(--bl-blue, #2F6075); outline:none; }

  /* Лого: на головній воно в hero; тут hero немає → фіксуємо у правому верхньому куті.
     Специфічність вища за home-fix (display:none!important). */
  body.home-v2:not(.home-experiment) .bl-nav__mobile-logo{
    display:inline-flex!important; position:fixed; top:14px; right:16px; z-index:1001;
    align-items:center; background:none; border:0; padding:0; margin:0;
  }
  body.home-v2:not(.home-experiment) .bl-nav__mobile-logo img{ display:block; width:auto; height:28px; }
  /* Wordmark MYENGLISH на мобайлі: нижчий (ширина ~120px у правому куті поряд із бургером) */
  body.home-v2:not(.home-experiment) .bl-nav__mobile-logo img.bl-logo-mye{ height:22px; }

  /* Випадне бургер-меню — скло як на головній */
  body.home-v2:not(.home-experiment) .bl-nav__menu{
    position:absolute; top:calc(100% + 8px);
    display:grid; gap:4px; margin:0; padding:10px; border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.93));
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 18px 44px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.72);
    -webkit-backdrop-filter:blur(30px) saturate(1.2); backdrop-filter:blur(30px) saturate(1.2);
    opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  body.home-v2:not(.home-experiment) .bl-nav__menu.is-open{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
  body.home-v2:not(.home-experiment) .bl-nav__menu li{ display:block; }
  body.home-v2:not(.home-experiment) .bl-nav__logo-item{ display:none!important; }
  body.home-v2:not(.home-experiment) .bl-nav__menu a{
    width:100%; min-height:48px; justify-content:center; text-align:center;
    padding:12px 14px; box-sizing:border-box; font-size:15.5px; border-radius:14px;
  }
  body.home-v2:not(.home-experiment) .bl-nav__menu a:hover,
  body.home-v2:not(.home-experiment) .bl-nav__menu a:focus-visible{ background:rgba(47,96,117,.07); }
  body.home-v2:not(.home-experiment) .bl-nav__mobile-contact{ display:none!important; }

  /* Менший кліренс на мобайлі: бар прозорий, без підкладки */
  body.home-v2:not(.home-experiment){ padding-top:calc(var(--nav-h, 56px) + 14px)!important; }
}