/* ===== NAV DROPDOWN  ===== */
/* страховка: светлая тема всегда перекрывает фон/цвет */
html[data-theme="light"] body{
  background: var(--bg-light);
  color: var(--text-light);
}

.nav{display:flex; gap:28px; align-items:center;}
.nav__dd{position:relative; display:inline-flex; align-items:center;}

.nav__dd-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:none;
  border:none;
  cursor:pointer;
  padding:10px 10px;
  border-radius:12px;

  color: rgba(234,241,255,.75);
  font-size:15px;
  transition: color .2s ease, background .2s ease;
}

.nav__dd-btn:hover{ color: #3b82f6; background: rgba(255,255,255,.03); }

.nav__chev{ opacity:.85; transform: translateY(1px); transition: transform .18s ease; }
.nav__dd.open .nav__chev{ transform: rotate(180deg) translateY(-1px); }

.nav__menu{
  position:absolute;
  top: calc(100% + 12px);
  left: 0;

  display:grid;
  grid-template-columns: 190px 360px;
  gap: 14px;

  padding: 12px;
  border-radius: 18px;

  background: rgba(7,14,26,.92);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);

  opacity:0;
  transform: translateY(-8px) scale(.98);
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 5000;
  min-width: 560px;
}

.nav__dd.open .nav__menu{
  opacity:1;
  transform: translateY(0) scale(1);
  pointer-events:auto;
}

/* left column items */
.nav__menu-left{display:flex; flex-direction:column; gap:8px;}

.nav__menu-item{
  width:100%;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  padding:0 12px;
  border-radius: 14px;
  background: transparent;
  border:none;
  cursor:pointer;

  color: rgba(234,241,255,.92);
  font-weight:700;
  transition: background .18s ease, transform .18s ease;
}

.nav__menu-item:hover{ background: rgba(59,130,246,.14); }
.nav__menu-item.is-active{ background: rgba(59,130,246,.22); }
.nav__arrow{ opacity:.9; font-size:18px; transform: translateY(-1px); }

/* right panels */
.nav__menu-right{ padding: 6px 6px 6px 2px; }
.nav__panel{ display:none; }
.nav__panel.is-active{ display:flex; flex-direction:column; gap: 12px; }

.nav__link{
  color: rgba(234,241,255,.85);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  line-height:1.55;
  padding: 8px 10px;
  border-radius: 12px;
  transition: background .18s ease, color .18s ease;
}

.nav__link:hover{
  background: rgba(255,255,255,.04);
  color: #ffffff;
}

/* ===== LIGHT THEME ===== */
html[data-theme="light"] .nav__dd-btn{ color: rgba(12, 12, 12, 0.829); }
html[data-theme="light"] .nav__dd-btn:hover{ color:#2560e0; background: rgba(17,24,39,.04); }

html[data-theme="light"] .nav__menu{
  background: rgba(255,255,255,.92);
  border-color: rgba(17,24,39,.12);
  box-shadow: 0 18px 55px rgba(0,0,0,.18);
}

html[data-theme="light"] .nav__menu-item{ color:#111827; }
html[data-theme="light"] .nav__menu-item:hover{ background: rgba(59,130,246,.10); }
html[data-theme="light"] .nav__menu-item.is-active{ background: rgba(59,130,246,.16); }
html[data-theme="light"] .nav__link{ color: rgba(17,24,39,.75); }
html[data-theme="light"] .nav__link:hover{ background: rgba(59,130,246,.08); color:#111827; }

/* ===== Mobile: hide desktop dropdown (you'll use accordion in burger) ===== */
@media (max-width: 980px){
  .nav__menu{ display:none !important; }
}
/* ===== SYNC HEADER FONT SIZES ===== */

/* main nav */
.nav a,
.nav__dd-btn{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* dropdown left column */
.nav__menu-item{
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* dropdown right links */
.nav__link{
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* mobile menu (если используешь те же классы) */
@media (max-width: 980px){
  .nav__menu-item,
  .nav__link{
    font-size: 15px;
  }
}