/* Site navigation — loaded after the legacy layout styles to own header behaviour. */
.header { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 78px; padding: .85rem 0; background: rgba(254,250,240,.94); border-bottom: 0 !important; backdrop-filter: blur(12px); }
.header::after { display: none !important; }
.logo { display: inline-flex; align-items: center; gap: .55rem; color: #f97316 !important; background: none !important; text-decoration: none !important; border: 0 !important; line-height: 1; white-space: nowrap; }
.logo::after { content: none !important; }
.logo span { color: #f97316; text-decoration: none !important; }
.logo i { display: inline-block; line-height: 1; text-decoration: none !important; border: 0 !important; }
.nav-links { display: flex; align-items: center; gap: clamp(.8rem,2vw,2rem); }
.nav-links a { min-height: 44px; display: inline-flex; align-items: center; color: #5a4a32; text-decoration: none !important; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid #f3d9bd; border-radius: 12px; background: #fffaf2; cursor: pointer; }
.menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px auto; border-radius: 2px; background: #db7419; transition: transform .2s ease, opacity .2s ease; }

@media (max-width: 768px) {
  .header { width: 100%; min-height: 66px; flex-direction: row !important; flex-wrap: wrap; padding: .65rem 0; }
  .logo { order: 0; font-size: 1.4rem !important; }
  .logo i { font-size: 1.7rem !important; }
  .menu-toggle { display: block; order: -1; flex: 0 0 44px; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .nav-links { display: none !important; flex: 0 0 100%; order: 3; padding: .7rem; gap: .25rem; border: 1px solid #f2dec8; border-radius: 16px; background: #fffdf9; box-shadow: 0 14px 35px rgba(91,69,43,.12); }
  .nav-links.is-open { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nav-links a { justify-content: center; min-width: 0; padding: .52rem .35rem; border-radius: 10px; font-size: .84rem; }
  .nav-links a:hover, .nav-links a.active { background: #fff0df; }
  .nav-links a::after { display: none !important; }
  .nav-links .btn-outline { border: 1px solid #f97316; }
}

@media (max-width: 360px) { .nav-links.is-open { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .logo i { animation: none !important; } .menu-toggle span { transition: none; } }