/* Chupp Logistics header (2026-10-07): logo, the phone number as the bar's headline, one MENU
   button at every width that opens a full-screen sheet. Chosen from three candidates (A: info strip +
   white bar, B: see-through over the hero) — "do what you think is best"; C matches "the number is
   the button" and is identical on phone and desktop. */

/* reset the floating pill from family.css */
.bar{position:fixed;inset:0 0 auto 0;height:auto;pointer-events:auto;z-index:60;transition:background .25s,box-shadow .25s,top .25s}
.bar .wrap{max-width:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;
  display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);padding:0 var(--edge);height:84px}
.bar .logo img{height:50px;width:auto}
.bar .logotile{display:block}
.bar nav{display:flex;align-items:center;gap:clamp(8px,1.6vw,28px);margin-left:auto}
.bar nav>a,.dd>a{font:700 .85rem/1 var(--hfont);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;
  color:var(--ink);padding:10px 2px;border-bottom:3px solid transparent;border-radius:0;background:none}
.bar nav>a[aria-current="page"]{background:none;color:var(--ink);border-bottom-color:var(--red)}
.bar nav>a:hover,.dd>a:hover{color:var(--red)}
.dd{position:relative}
.dd>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border:solid currentColor;
  border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.ddmenu{position:absolute;left:-18px;top:100%;min-width:240px;padding:10px;background:#fff;border:1px solid var(--line);
  border-radius:12px;box-shadow:0 18px 40px rgba(20,23,28,.16);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .15s,transform .15s,visibility .15s}
.dd:hover .ddmenu,.dd:focus-within .ddmenu{opacity:1;visibility:visible;transform:none}
.ddmenu a{display:block;padding:11px 14px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}
.ddmenu a:hover{background:var(--panel);color:var(--red)}
.callnum{display:none}
.burger{display:none;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:6px;
  background:#fff;color:var(--ink);cursor:pointer;font:700 .8rem/1 var(--hfont);text-transform:uppercase;letter-spacing:.08em}
.burger span{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.burger span+span{display:none}
.burger b{font:inherit}
.topstrip{display:none}

/* the menu sheet (phones in a/b, every width in c) */
.menusheet{position:fixed;inset:0;z-index:59;background:var(--navy);color:#fff;padding:120px var(--pad) 40px;
  display:flex;flex-direction:column;gap:32px;overflow:auto}
.menusheet[hidden]{display:none}
.menusheet nav{display:flex;flex-direction:column;gap:6px}
.menusheet nav a{font:800 clamp(2rem,1rem + 4vw,4rem)/1.1 var(--hfont);text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-decoration:none}
.menusheet nav a:hover{color:var(--red)}
.sheet-decks{display:flex;flex-wrap:wrap;gap:10px}
.sheet-decks a{padding:10px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;text-decoration:none;font-weight:500}
.menusheet .tel{align-self:flex-start;height:56px;font-size:1.1rem}
.menu-open{overflow:hidden}
.menu-open .bar{background:#fff}

@media (max-width:900px){
  .bar .wrap{height:68px;gap:12px}
  .bar .logo img{height:40px}
  .bar nav,.bar>.wrap>.tel{display:none}
  .burger{display:inline-flex;margin-left:auto}
}

/* ── C: split — logo, the number as the headline of the bar, one MENU button at every width ── */
.bar{background:#fff;box-shadow:0 1px 0 var(--line)}
.bar.solid{box-shadow:0 8px 24px rgba(20,23,28,.10)}
.bar nav,.bar>.wrap>.tel{display:none}
.callnum{display:flex;flex-direction:column;margin-left:auto;text-align:right;text-decoration:none;
  font:800 clamp(1.05rem,.8rem + 1vw,1.6rem)/1 var(--hfont);color:var(--navy);letter-spacing:-.01em}
.callnum small{font:700 .66rem/1 var(--hfont);text-transform:uppercase;letter-spacing:.12em;color:var(--red);margin-bottom:6px}
.burger{display:inline-flex;margin-left:0;background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:900px){.callnum small{display:none}.callnum{font-size:1rem}}

/* the sheet must sit over EVERY page's content (the contact form stacks above z 59), and the bar over it */
.bar{z-index:1001}
.menusheet{z-index:1000}
/* anchors land below the fixed bar, not under it */
[id]{scroll-margin-top:100px}

/* ── 2026-10-07 pass 2: desktop gets real links again; MENU is phones only ── */
.bar .wrap{height:92px}
.bar .logo img{height:58px}
@media (min-width:1001px){
  .bar nav{display:flex;margin-left:auto;gap:clamp(14px,2vw,34px)}
  .bar nav>a{font-size:.9rem}
  .callnum{margin-left:clamp(10px,2vw,28px);padding-left:clamp(10px,2vw,28px);border-left:1px solid var(--line)}
  .burger{display:none}
}
@media (max-width:1000px){
  .bar .wrap{height:68px;gap:12px}
  .bar .logo img{height:42px}
  .bar nav{display:none}
  .callnum small{display:none}.callnum{font-size:1rem}
  .burger{display:inline-flex}
}
.page{padding-top:92px}
@media (max-width:1000px){.page{padding-top:68px}}