/* =========================================================
   NAV/FOOTER OVERRIDE (PB MATCH v4 — FIX CUTOFF + LINK LASERS)
   Fixes:
   ✅ No cutoff (header/footer)
   ✅ Footer transparency matches header exactly
   ✅ Kill ALL lasers/underlines under links (absolute override)
   ✅ Kill black/pill BG behind links
   ✅ Rails ONLY: header bottom + footer top
   ========================================================= */

:root{
  --chBarWidth: min(1320px, calc(100% - 56px));
  --line: rgba(255,255,255,0.12);

  /* PB premium glass */
  --glassTop: rgba(255,255,255,0.030);
  --glassMid: rgba(255,255,255,0.016);
  --glassBase: rgba(11,11,14,0.52);

  --gold: #D4AF37;
  --goldHi:#F6E08A;
}

/* ===========================
   BAR SHELLS (SAME GLASS)
   =========================== */
html body header.ch-navbar,
html body footer.ch-footerbar{
  width: var(--chBarWidth) !important;
  margin-left:auto !important;
  margin-right:auto !important;

  /* FORCE SAME TRANSPARENCY BOTH BARS */
  background:
    radial-gradient(1200px 220px at 50% -60px, var(--glassTop), transparent 65%),
    linear-gradient(180deg, var(--glassMid), var(--glassBase)) !important;

  border: 1px solid var(--line) !important;
  border-radius: 18px !important;

  backdrop-filter: blur(9px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(135%) !important;

  display:block !important;
  position: relative !important;

  /* IMPORTANT: stop clipping logo/rails/inner content */
  overflow: visible !important;

  box-sizing: border-box !important;
}

/* spacing like PB */
html body header.ch-navbar{
  margin: 14px auto 12px auto !important;
  z-index: 9999 !important;
}
html body footer.ch-footerbar{
  margin: 12px auto 26px auto !important;
}

/* ===========================
   HEIGHT FIX (PREVENT CUTOFF)
   =========================== */
html body header.ch-navbar{
  min-height: 160px !important; /* fits 124px logo cleanly */
}
html body footer.ch-footerbar{
  min-height: 132px !important;
}

/* ===========================
   CONNECTED RAILS (ONLY EDGE)
   =========================== */
html body header.ch-navbar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important;
  bottom:0 !important;
  height:2px !important;
  pointer-events:none !important;
  background: linear-gradient(90deg,
    rgba(212,175,55,0),
    rgba(246,224,138,0.95),
    rgba(212,175,55,0)
  ) !important;
  opacity:.92 !important;
}

html body footer.ch-footerbar::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important;
  top:0 !important;
  height:2px !important;
  pointer-events:none !important;
  background: linear-gradient(90deg,
    rgba(212,175,55,0),
    rgba(246,224,138,0.95),
    rgba(212,175,55,0)
  ) !important;
  opacity:.92 !important;
}

/* ===========================
   INNER LAYOUT (NO CLIP)
   =========================== */
html body .ch-navbar-inner{
  width:100% !important;
  padding: 12px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap: 14px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
}

html body .ch-footerbar-inner{
  width:100% !important;
  padding: 12px 16px !important;

  display:grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items:center !important;
  gap: 14px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
}

/* ===========================
   LOGO SIZE (124px)
   =========================== */
html body header.ch-navbar img,
html body footer.ch-footerbar img{
  height:124px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}

/* ===========================
   ABSOLUTE KILL: LINK LASERS + UNDERLINES + PILLS
   =========================== */
html body header.ch-navbar nav,
html body footer.ch-footerbar nav,
html body .ch-navlinks,
html body .ch-footlinks{
  background: transparent !important;
  background-image:none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow:none !important;
}

/* kill any underline gradients applied as backgrounds */
html body header.ch-navbar a,
html body footer.ch-footerbar a,
html body header.ch-navbar nav a,
html body footer.ch-footerbar nav a{
  background: transparent !important;
  background-image:none !important;
  background-color: transparent !important;

  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;
  outline: none !important;

  padding: 8px 10px !important;
  border-radius: 12px !important;

  color: rgba(255,255,255,0.82) !important;
}

/* if anything is drawing a "laser underline", it's usually ::after */
html body header.ch-navbar a::before,
html body header.ch-navbar a::after,
html body footer.ch-footerbar a::before,
html body footer.ch-footerbar a::after,
html body header.ch-navbar nav a::before,
html body header.ch-navbar nav a::after,
html body footer.ch-footerbar nav a::before,
html body footer.ch-footerbar nav a::after{
  content:none !important;
  display:none !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

/* kill any nested laser spans/classes */
html body header.ch-navbar a .laser,
html body footer.ch-footerbar a .laser,
html body header.ch-navbar a [class*="laser"],
html body footer.ch-footerbar a [class*="laser"]{
  display:none !important;
}

/* Hover stays premium but no BG */
html body header.ch-navbar nav a:hover,
html body footer.ch-footerbar nav a:hover{
  background: transparent !important;
  background-image:none !important;
  border: 1px solid rgba(212,175,55,0.35) !important;
  color: rgba(255,255,255,0.95) !important;
}

/* ===========================
   © RIGHT TEXT: NEVER CUT OFF
   =========================== */
html body .ch-footer-right{
  justify-self:end !important;
  text-align:right !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow:none !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  max-width: 520px !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}