/* Menu pod banerem – bez hamburgera, zawsze widoczne */
.site-nav{
  position:static;
  background:transparent;
  color:inherit;
}

.nav-inner{
  max-width:780px;                 /* desktop */
  margin:0 auto;
  padding:.5rem 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem 1rem;
}

.menu{
  list-style:none;
  margin:0; padding:0;
  display:flex;                    /* zawsze widoczne */
  flex-wrap:wrap;                  /* może zajmować kilka wierszy */
  gap:.25rem .5rem;
  justify-content:center;
  width:100%;
}

/* Beżowy link → hover/active: biały na granacie; bez pogrubiania */
.menu li a{
  display:block;
  padding:.5rem .75rem;            /* stałe paddingi = brak skoków */
  color:#B87B5E;
  background:transparent;
  text-decoration:none;
  font-weight:400;
  transition:background-color .15s ease, color .15s ease;
}
.menu li a:hover,
.menu li a:focus{
  color:#fff;
  background:#375260;
  text-decoration:none;
  outline:none;
}
.menu li a.active,
.menu li a[aria-current="page"]{
  color:#fff;
  background:#375260;
}

/* Mobile: samo menu węższe, żeby było „lżej” pod obrazem */
@media (max-width:767px){
  .nav-inner{ max-width:700px; }
}