/* Pinnacle shared header contract
   Both shell runtimes load this file so legacy, flagship, and video pages
   use the same navigation geometry and patient actions. */

.g-topbar { background: #0e0d0b !important; }
.g-topbar .g-w,
.g-ni { max-width: 1240px !important; }

.g-nav,
.g-nav.scrolled {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid rgba(222, 213, 199, 0.72) !important;
  box-shadow: none !important;
}

.g-ni {
  height: 88px !important;
  gap: 24px !important;
}

.g-logo img {
  width: auto !important;
  height: 76px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.g-sbtn,
.g-hbg {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 50% !important;
}

.g-book {
  min-height: 46px !important;
  padding: 0 22px !important;
  background: var(--gn-accent) !important;
  color: #fff !important;
  border: 1px solid var(--gn-accent) !important;
  border-radius: 999px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

.g-book:hover {
  background: #e9772e !important;
  border-color: #e9772e !important;
  color: #fff !important;
}

.g-call {
  min-height: 46px !important;
  padding: 0 17px !important;
  background: #0e0d0b !important;
  color: #fff !important;
  border: 1.5px solid #0e0d0b !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.g-call:hover {
  background: #2a2620 !important;
  border-color: #2a2620 !important;
  color: #fff !important;
}

.g-call-label,
.g-call svg {
  color: var(--gn-accent) !important;
  stroke: var(--gn-accent) !important;
}

@media (max-width: 1390px) {
  .g-ni { gap: 12px !important; }
  .g-book {
    min-height: 44px !important;
    padding-inline: 16px !important;
    font-size: 13px !important;
  }
  .g-call {
    min-height: 44px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 760px) {
  .g-topbar { display: none !important; }
  .g-nav,
  .g-nav.scrolled { top: 0 !important; }
  .g-ni {
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }
  .g-logo {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .g-logo img {
    height: 62px !important;
    max-width: 104px !important;
  }
  .g-book {
    min-height: 44px !important;
    margin-left: auto !important;
    padding-inline: 15px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
  }
  .g-call { display: none !important; }
  .g-mobile-callbar { display: flex !important; }
}

@media (max-width: 440px) {
  .g-ni {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    padding-inline: 10px !important;
    gap: 7px !important;
  }
  .g-logo img {
    height: 56px !important;
    max-width: 92px !important;
  }
  .g-book { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .g-nav,
  .g-book,
  .g-call,
  .g-sbtn,
  .g-hbg { transition: none !important; }
}