/* Sitewide extras (Parm 2026-10-26): "Powered by Zanu AI" mark beside the logo, the
   "Make a Payment" nav button (-> /pay), and the "Payments powered by Stripe" footer line.
   Self-contained navy/gold pills so they read on both the navy and the white headers.
   .jib-brand wraps the untouched Johal logo + the Zanu mark; on phones the mark tucks under the logo. */
.jib-brand{display:inline-flex;align-items:center;gap:16px;margin-right:auto;flex-shrink:0;min-width:0}
.zanu-mark{display:inline-flex;align-items:center;gap:7px;padding:3px 11px 3px 3px;border:1px solid rgba(201,162,63,.6);border-radius:999px;background:#0f1b33;font-family:'Instrument Sans',system-ui,sans-serif;line-height:1;white-space:nowrap;flex-shrink:0;-webkit-font-smoothing:antialiased}
.zanu-mark img{width:24px;height:24px;border-radius:50%;display:block;flex-shrink:0}
.zanu-txt{display:flex;flex-direction:column;gap:2px}
.zanu-pb{font-size:7.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c9a23f}
.zanu-name{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#fff}

.jib-pay-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;background:#0f1b33!important;color:#fff!important;border:1.5px solid #c9a23f;font:600 .82rem/1 'Instrument Sans',system-ui,sans-serif!important;letter-spacing:.01em;white-space:nowrap;text-decoration:none!important;flex-shrink:0;transition:background .2s}
.jib-pay-btn:hover{background:#1c2f57!important}
.jib-pay-gap{margin-left:14px}
.nav-inner > .jib-pay-btn{margin:0 12px}
.jib-brand + .nav-links,.jib-brand + ul.nav-links{margin-left:16px}
.nav-links .nav-cta:not([href^="tel:"]){white-space:nowrap}
.jib-pay-btn .jp-short{display:none}
.jib-pay-btn.jib-pay-m{display:none!important}
.jib-pay-mm{font-weight:600!important}

.jib-stripe-note{font-family:'Instrument Sans',system-ui,sans-serif;font-size:12px;letter-spacing:.03em;color:#8a93a6!important;text-align:center;padding:10px 16px 0}

@media (max-width:768px){
  .jib-pay-btn.jib-pay-m{display:inline-flex!important;margin-left:10px}
}
@media (max-width:760px){
  .jib-brand{flex-direction:column;align-items:flex-start;gap:5px;padding-right:8px}
  .zanu-mark{gap:4px;padding:1px 7px 1px 1px}
  .zanu-mark img{width:14px;height:14px}
  .zanu-txt{flex-direction:row;align-items:center;gap:3px}
  .zanu-pb{font-size:7px;letter-spacing:.12em}
  .zanu-name{font-size:8.5px}
  .nav-links{gap:10px!important}
  .jib-pay-btn{padding:7px 11px;font-size:.74rem!important}
  .jib-pay-btn .jp-full{display:none}
  .jib-pay-btn .jp-short{display:inline}
  .jib-pay-gap{margin-left:8px}
  .nav-inner > .jib-pay-btn{margin:0 6px}
  .jib-brand + .nav-links,.jib-brand + ul.nav-links{margin-left:0}
}
@media (max-width:430px){
  .nav-inner .nav-cta{padding:8px 12px!important;font-size:.76rem!important}
  .nav-inner > .nav-link,.nav-dropdown-toggle{font-size:.76rem!important;line-height:1.15}
}
/* Roomy phone headers (hamburger menu, or only the Pay button) keep the mark inline beside the logo. */
@media (max-width:760px){
  .nav-inner:has(.jib-pay-m) .jib-brand,.nav-inner:has(.nav-hamburger) .jib-brand,.nav-inner:has(.mobile-menu) .jib-brand{flex-direction:row;align-items:center;gap:8px}
}
@media (max-width:400px){
  .nav-inner:has(.jib-pay-m) .zanu-pb{display:none}
}
@media (max-width:430px){
  .nav-dropdown-toggle{white-space:normal!important;display:inline-block;max-width:60px}
}
@media (max-width:380px){
  .nav{padding-left:14px!important;padding-right:14px!important}
  .nav-links{gap:7px!important}
  .nav-inner .nav-cta{padding:7px 10px!important;font-size:.72rem!important}
  .jib-pay-btn{padding:6px 9px}
  .nav-inner > .jib-pay-btn{margin:0 2px}
  .nav-inner > .nav-link{font-size:.7rem!important}
  .jib-brand{padding-right:4px}
  .nav-inner:has(a[href*="manhattan-gas-intake"]){padding-left:12px;padding-right:12px} /* /gas-station pads nav-inner, not .nav */
  .nav-inner:has(.nav-hamburger) .zanu-pb,.nav-inner:has(.mobile-menu) .zanu-pb{display:none}
}