/* 
   Salty & Bold — Header
   Layout-only (typography lives in navbar.css)
    */

/* Header wrapper */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #7F9972;                 /* green bar */
  border-bottom: 1px solid #6e8661;
  margin: 0;
}

/* One-line layout on desktop */
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;       /* brand left, nav right */
  flex-wrap: nowrap;                    /* keep in one row on desktop */
  padding: 18px 24px;
  box-sizing: border-box;
}

/* Brand block */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;                       /* don't stretch */
  white-space: nowrap;                  /* keep brand on one line */
}

.brand img {
  height: 44px;
  width: auto;
  display: block;
}

/* Just resets for the brand text; font/color come from navbar.css */
.brand_name,
.brand_name a {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}

/* Navigation */
.site-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 1 auto;                       /* take remaining space */
  justify-content: flex-end;            /* push links to right edge */
  min-width: 0;                         /* allow full shrink to edge */
}

.site-nav__link {
  display: block;
  text-decoration: none;
  transition: opacity .2s ease;
  white-space: nowrap;
}

.site-nav__link:hover { opacity: .85; }

/*  Mobile: stack brand then menu */
@media (max-width: 900px) {
  .site-header__inner {
    flex-wrap: wrap;                    /* allow second row */
    gap: 10px 16px;
  }
  .brand {
    flex-basis: 100%;
    order: 1;
  }
  .site-nav {
    flex-basis: 100%;
    justify-content: flex-start;
    order: 2;
    gap: 10px 20px;
  }
}

/*  Force brand font size to match all pages  */
.brand_name {
  font-size: var(--title-size) !important;  /* use global size from navbar.css */
  font-family: 'Cinzel Decorative', serif !important;
  font-weight: 700 !important;
}