/* ============================================================
   NAVIGACIJA — desktop meni, hamburger, mobilni meni
   ============================================================ */
.main-nav{margin-left:auto;display:flex;align-items:center;gap:1.35rem}
.main-nav a:not(.btn){font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:500;position:relative;padding:6px 0;white-space:nowrap}
.main-nav a:not(.btn)::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;
  background:var(--color-rose-dark);transform:scaleX(0);transform-origin:right;transition:transform 300ms ease;
}
.main-nav a:not(.btn):hover::after,.main-nav a.is-active:not(.btn)::after{transform:scaleX(1);transform-origin:left}
.main-nav a.is-active:not(.btn){color:var(--color-rose-dark)}
.main-nav .btn{padding:.65rem 1.6rem;min-height:0}

/* hamburger */
.nav-toggle{display:none;flex-direction:column;gap:5px;margin-left:auto;padding:10px;position:relative;z-index:80}
.nav-toggle span{display:block;width:24px;height:1.5px;background:var(--color-text);transition:transform 300ms ease,opacity 300ms ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* dok je meni otvoren, header (sa hamburgerom) mora biti iznad full-screen menija */
body:has(.mobile-menu.is-open) .site-header{z-index:70}

/* mobilni meni (full-screen) */
.mobile-menu{
  position:fixed;inset:0;z-index:65;background:var(--color-cream);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;
  opacity:0;visibility:hidden;transition:opacity 350ms ease,visibility 350ms ease;
}
.mobile-menu.is-open{opacity:1;visibility:visible}
.mobile-menu a:not(.btn){font-family:var(--font-serif);font-size:1.65rem;transition:color 300ms ease}
.mobile-menu a:not(.btn):hover,.mobile-menu a.is-active:not(.btn){color:var(--color-rose-dark)}
.mobile-menu .btn{font-family:var(--font-sans);font-size:.76rem;margin-top:1rem}