/* ─────────────────────────────────────────
   KONTORE — Navigation
   css/nav.css
───────────────────────────────────────── */

/* ── Main nav ── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px var(--sec-pad-h);
  background: rgba(243,237,227,.91);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--b-ink);
}

.nav-brand  { display: flex; flex-direction: column; }
.nav-name   {
  font-family: var(--font-display);
  font-size: 21px; font-weight: 600;
  letter-spacing: .2em; line-height: 1;
}
.nav-sub {
  font-size: 9px; letter-spacing: .26em;
  text-transform: uppercase; color: var(--gold);
  font-weight: 500; margin-top: 3px;
}

.nav-links { list-style: none; display: flex; align-items: center; gap: 34px; }
.nav-links a {
  font-size: 11.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--muted);
  font-weight: 500; transition: color .2s;
  position: relative;
}
.nav-links a::after {
  content: ''; position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 1px; background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform .28s ease;
}
.nav-links a:hover { color: var(--ink); }
.nav-links a:hover::after { transform: scaleX(1); }

.nav-cta {
  padding: 9px 24px;
  background: var(--ink);
  color: var(--parch) !important;
  font-size: 10.5px !important; font-weight: 700 !important;
  letter-spacing: .13em !important; text-transform: uppercase !important;
  transition: background var(--ease-std) !important;
}
.nav-cta::after { display: none !important; }
.nav-cta:hover  { background: var(--gold) !important; color: var(--ink) !important; }

/* ── Language dropdown ── */
.nav-lang {
  position: relative;
}
.lang-cur {
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); font-weight: 700; font-family: var(--font-body);
  background: none; border: 1px solid var(--b-ink);
  padding: 5px 10px; cursor: pointer;
  transition: all .2s;
}
.lang-cur:hover { color: var(--gold); border-color: rgba(181,134,42,.4); }

.lang-drop {
  display: none;
  position: absolute; top: calc(100% + 10px); right: 0;
  background: var(--ink); border: 1px solid rgba(181,134,42,.2);
  list-style: none; min-width: 64px;
  z-index: 100; padding: 6px 0;
}
.nav-lang:hover .lang-drop { display: block; }
.lang-drop li button {
  display: block; width: 100%; text-align: center;
  padding: 7px 16px; font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: rgba(243,237,227,.45);
  font-weight: 600; font-family: var(--font-body);
  background: none; border: none; cursor: pointer;
  transition: color .15s, background .15s;
}
.lang-drop li button:hover {
  color: var(--gold); background: rgba(181,134,42,.06);
}

/* ── RTL ── */
[dir="rtl"] nav              { flex-direction: row-reverse; }
[dir="rtl"] .nav-links       { flex-direction: row-reverse; }
[dir="rtl"] .nav-links a::after { transform-origin: right; }