/* Site header, desktop nav, mobile overlay */
/* =======================================================
   HEADER — sticky, normal desktop nav, hamburger on mobile
   ======================================================= */
.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(251,248,240,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav{
  max-width:1200px; margin:0 auto; padding:10px 44px;
  display:flex; align-items:center; gap:36px;
}
@media (max-width:640px){ .nav{ padding:8px 22px; } }

.logo{ display:flex; align-items:center; text-decoration:none; flex:none; }
.logo svg{ height:76px; width:auto; }
@media (max-width:640px){ .logo svg{ height:66px; } }

.desktop-links{
  display:flex; align-items:center; gap:6px;
  list-style:none; margin:0 auto 0 0; padding:0;
  white-space:nowrap;
}
.desktop-links a{
  position:relative;
  display:block;
  text-decoration:none;
  font-weight:600; font-size:.98rem;
  color:var(--ink);
  padding:8px 4px;
  margin:0 14px;
  transition:color .2s ease;
}
.desktop-links a::after{
  content:"";
  position:absolute; left:0; right:100%; bottom:2px;
  height:2px; background:var(--gold-deep);
  transition:right .28s cubic-bezier(.19,1,.22,1);
}
.desktop-links a:hover::after,
.desktop-links a.is-active::after{ right:0; }
.desktop-links a.is-active{ color:var(--navy); }

/* "Daugiau" dropdown for secondary nav items */
.has-drop{ position:relative; }
.drop-toggle{
  display:flex; align-items:center; gap:6px;
  background:none; border:none; cursor:pointer;
  font-family:var(--sans); font-weight:600; font-size:.98rem; color:var(--ink);
  padding:8px 4px; margin:0 14px;
}
.drop-toggle svg{ width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease; }
.has-drop.open .drop-toggle svg{ transform:rotate(180deg); }
.drop-menu{
  position:absolute; top:calc(100% + 14px); left:0;
  min-width:220px; padding:10px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:0 22px 0 22px;
  box-shadow:0 18px 40px rgba(31,42,51,.12);
  list-style:none; margin:0;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
}
.has-drop.open .drop-menu{ opacity:1; visibility:visible; transform:none; }
.drop-menu a{
  display:block; padding:11px 16px; margin:0;
  border-radius:100px;
  font-size:.94rem; font-weight:600; color:var(--ink); text-decoration:none;
  transition:background .18s ease;
}
.drop-menu a::after{ display:none; }
.drop-menu a:hover{ background:var(--gold); }

.nav-cta{ flex:none; padding:12px 26px; font-size:.94rem; }

/* account + cart icon buttons */
.nav-tools{ display:flex; align-items:center; gap:10px; flex:none; margin-left:18px; }
.icon-btn{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; flex:none;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  text-decoration:none;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.icon-btn:hover{ background:var(--ink); color:var(--cream); border-color:var(--ink); }
.icon-btn svg{ width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.icon-btn .count{
  position:absolute; top:-4px; right:-4px;
  min-width:19px; height:19px; padding:0 5px;
  background:var(--gold); color:var(--ink);
  border:1.5px solid var(--cream);
  border-radius:100px;
  font-family:var(--sans); font-weight:700; font-size:.68rem; line-height:1;
  display:flex; align-items:center; justify-content:center;
}
@media (max-width:900px){ .nav-tools{ margin-left:auto; margin-right:10px; } }
@media (max-width:420px){ .nav-tools .icon-btn{ width:40px; height:40px; } }

.menu-toggle{
  display:none; align-items:center; justify-content:center;
  width:48px; height:48px; flex:none;
  background:var(--gold); border:2px solid var(--ink); border-radius:50%;
  cursor:pointer; margin-left:auto;
}
.menu-toggle span{ display:flex; flex-direction:column; gap:5px; }
.menu-toggle i{ display:block; width:18px; height:2px; background:var(--ink); border-radius:2px; }

@media (max-width:900px){
  .desktop-links{ display:none; }
  .nav-cta{ display:none; }
  .menu-toggle{ display:flex; }
}
@media (max-width:640px){
  .nav{ gap:10px; }
  .nav-tools{ gap:7px; }
  .nav-tools .icon-btn{ width:38px; height:38px; }
  .nav-tools .icon-btn svg{ width:16px; height:16px; }
  .icon-btn .count{ min-width:17px; height:17px; font-size:.63rem; }
  .menu-toggle{ width:42px; height:42px; }
  .menu-toggle i{ width:16px; }
}
@media (max-width:380px){
  .logo svg{ height:58px; }
  .nav-tools .icon-btn{ width:34px; height:34px; }
  .nav-tools .icon-btn svg{ width:15px; height:15px; }
  .menu-toggle{ width:38px; height:38px; }
}

/* mobile overlay */
.menu-overlay{
  position:fixed; inset:0; z-index:100; background:var(--navy);
  display:flex; flex-direction:column;
  opacity:0; visibility:hidden; transition:opacity .3s ease;
}
.menu-overlay.open{ opacity:1; visibility:visible; }
.menu-overlay-top{ display:flex; align-items:center; justify-content:space-between; padding:20px 22px 0; }
.menu-close{
  background:none; border:1px solid rgba(251,248,240,.35); color:var(--cream);
  width:46px; height:46px; border-radius:50%; font-size:1.4rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.menu-links{
  flex:1; display:flex; flex-direction:column; justify-content:center;
  gap:0; padding:20px 22px; list-style:none; margin:0;
  overflow-y:auto;
}
.menu-links li + li{ border-top:1px solid rgba(251,248,240,.12); }
.menu-links a{
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 0;
  font-family:var(--sans); font-weight:600; font-size:1.06rem;
  color:var(--cream); text-decoration:none; line-height:1.3;
}
.menu-links a::after{
  content:""; width:7px; height:7px; flex:none;
  border-right:2px solid var(--gold); border-top:2px solid var(--gold);
  transform:rotate(45deg); opacity:.55;
}
.menu-links a:hover{ color:var(--gold); }
.menu-links a:hover{ color:var(--gold); }
.menu-foot{ padding:0 22px 30px; color:rgba(251,248,240,.6); font-size:.9rem; }
.menu-foot a{ color:rgba(251,248,240,.85); text-decoration:none; margin-right:16px; }
body.menu-open{ overflow:hidden; }


/* logo colours (logo.svg uses currentColor for the wordmark) */
.logo{ color:#000; }
.menu-overlay .logo{ color:var(--cream); }
.logo svg{ display:block; }
.nav-cta{ white-space:nowrap; }