/* WB7R3 — Premium header brand/menu balance refinement.
   Purpose: preserve the strong Manakamana identity while giving the primary
   navigation equal visual authority. No brand geometry or colour changes. */

/* Devanagari needs size + breathing room, not artificial heaviness. */
.p5-brand-nepali {
  font-family: "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", Mangal, sans-serif;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.34;
  letter-spacing: 0;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
}

.p5-brand-location {
  font-size: .70rem;
  font-weight: 800;
  letter-spacing: .075em;
  line-height: 1.25;
  white-space: nowrap;
}

/* Premium desktop balance: identity is prominent, menu is not utility-sized. */
@media (min-width: 1161px) {
  .p5-header .p5-header-inner {
    min-height: 92px;
    gap: 1.15rem;
  }

  .p5-header .p5-brand {
    gap: .92rem;
  }

  .p5-header .p5-brand-logo-h3 {
    width: 202px !important;
  }

  .p5-brand-companion {
    padding-left: .92rem;
    gap: .14rem;
  }

  .p5-nav {
    gap: 1rem;
  }

  .p5-nav > a:not(.p5-btn) {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    padding: .68rem .08rem;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: .002em;
    white-space: nowrap;
  }

  .p5-nav > .p5-btn {
    min-height: 48px;
    padding-inline: 1.08rem;
    font-size: .90rem;
  }
}

/* Mid desktop: protect the premium menu before preserving the extra event CTA. */
@media (min-width: 1161px) and (max-width: 1279px) {
  .p5-nav > .p5-btn {
    display: none;
  }
  .p5-nav {
    margin-left: auto;
    gap: .84rem;
  }
}

/* Laptop: full five-item menu remains visible at a real navigation size. */
@media (min-width: 901px) and (max-width: 1160px) {
  .p5-header .p5-header-inner {
    min-height: 88px;
    gap: .68rem;
  }

  .p5-header .p5-brand {
    gap: .52rem;
  }

  .p5-header .p5-brand-logo-h3 {
    width: 174px !important;
  }

  .p5-brand-companion {
    display: flex;
    padding-left: .58rem;
    gap: .08rem;
  }

  .p5-brand-nepali {
    font-size: .90rem;
    font-weight: 650;
    line-height: 1.30;
  }

  .p5-brand-location {
    font-size: .63rem;
    letter-spacing: .065em;
  }

  .p5-nav {
    display: flex;
    position: static;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: .60rem;
    min-width: 0;
  }

  .p5-nav > a:not(.p5-btn) {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: .62rem .03rem;
    font-size: .94rem;
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .p5-nav > .p5-btn {
    display: none;
  }

  .p5-nav-toggle {
    display: none;
  }
}

/* Tight-laptop refinement: keep the same visual size, trim only spacing. */
@media (min-width: 901px) and (max-width: 980px) {
  .p5-header .p5-header-inner { gap: .52rem; }
  .p5-header .p5-brand-logo-h3 { width: 168px !important; }
  .p5-brand-companion { padding-left: .50rem; }
  .p5-brand-nepali { font-size: .88rem; }
  .p5-nav { gap: .46rem; }
  .p5-nav > a:not(.p5-btn) { font-size: .92rem; }
}

/* True tablet/mobile: retain the accepted menu control, but give it visual authority. */
@media (max-width: 900px) {
  .p5-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: .65rem 1rem;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .01em;
  }
}

@media (max-width: 680px) {
  .p5-header .p5-header-inner { min-height: 74px; }
  .p5-header .p5-brand-logo-h3 { width: 164px !important; }
}
