/* =========================
   NAVBAR DESKTOP (glass + dark text)
   ========================= */
@media (min-width: 992px){
  .ftco-navbar-light{
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
    border-bottom: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 10px 30px rgba(0,0,0,.14);

    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);

    transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
    z-index: 1020;
  }

  .ftco-navbar-light.scrolled{
    background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)) !important;
    border-bottom-color: rgba(255,255,255,.22);
    box-shadow: 0 14px 40px rgba(0,0,0,.18);
  }

  .ftco-navbar-light .navbar-nav .nav-link,
  .ftco-navbar-light .navbar-brand{
    color: rgba(17,17,17,.92) !important;
  }
  .ftco-navbar-light .navbar-nav .nav-link:hover,
  .ftco-navbar-light .navbar-nav .nav-link:focus{
    color: #000 !important;
  }

  .ftco-navbar-light,
  .ftco-navbar-light .container{
    overflow: visible !important;
  }
}

/* =========================
   NAVBAR MOBILE (solid bar + dark drawer)
   ========================= */
@media (max-width: 991.98px){

  /* ВАЖНО: на mobile сама полоса навбара — СЕРАЯ (solid), без blur */
  .ftco-navbar-light{
    background: rgba(245,246,248, .98) !important;     /* серый, почти белый */
    border-bottom: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.12);

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
  }

  /* Состояние scrolled на mobile тоже остаётся solid */
  .ftco-navbar-light.scrolled{
    background: rgba(245,246,248, .98) !important;
    border-bottom-color: rgba(0,0,0,.10);
    box-shadow: 0 14px 40px rgba(0,0,0,.14);
  }

  /* Drawer (collapse) — как у тебя: тёмное стекло */
  #ftco-nav.navbar-collapse{
    margin-top: 10px;
    padding: 10px;
    border-radius: 18px;

    max-height: calc(100vh - 92px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    background: linear-gradient(180deg, var(--drawer-bg-1), var(--drawer-bg-2));
    border: 1px solid var(--drawer-border);

    backdrop-filter: blur(10px) saturate(130%);
    -webkit-backdrop-filter: blur(10px) saturate(130%);

    box-shadow: var(--drawer-shadow);
  }

  /* Ссылки в drawer */
  .ftco-navbar-light .navbar-nav .nav-link{
    padding: 9px 12px !important;
    margin: 4px 2px !important;

    font-size: 14px;
    font-weight: 700;
    color: rgba(255,255,255,.92) !important;

    border-radius: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);

    transition: transform .12s ease, background-color .12s ease, box-shadow .12s ease;
  }
  .ftco-navbar-light .navbar-nav .nav-link:hover{
    background: rgba(255,255,255,.09);
    box-shadow: 0 14px 34px rgba(0,0,0,.30);
    transform: translateY(-1px);
  }

  /* CTA */
  .ftco-navbar-light .navbar-nav > .nav-item.cta > a{
    background: linear-gradient(135deg, var(--brand-blue), rgba(17,108,179,.88)) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 18px 50px rgba(17,108,179,.28);
  }

  /* burger */
  .ftco-navbar-light .navbar-toggler{
    color: #111 !important;
    border-color: rgba(0,0,0,.20);
    background: rgba(255,255,255,.70);
    border-radius: 8px;
    padding: 8px 12px;
  }
  .ftco-navbar-light .navbar-toggler:hover{
    background: rgba(255,255,255,.92);
    color: #000 !important;
    border-color: rgba(0,0,0,.30);
  }

  /* dropdown inside collapse */
  #ftco-nav .dropdown-menu{ z-index: 2147482500; }
}

/* ============================================================
   Theme marker bg-dark is kept for main.js behavior,
   but we override the background per breakpoint.
   ============================================================ */

/* Desktop: GLASS even if bg-dark exists */
@media (min-width: 992px){
  #ftco-navbar.bg-dark.ftco-navbar-light{
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.14) !important;

    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  }
}

/* Mobile: SOLID grey bar */
@media (max-width: 991.98px){
  #ftco-navbar.bg-dark.ftco-navbar-light{
    background: rgba(245,246,248,.98) !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}