/* Cooler Productions shared top nav. Loaded by /coolerproductions/ AND /coolerproductions/gear/
   so the bar is identical on every page. Edit here, never per page. */
.cnav{position:sticky;top:0;z-index:100;background:rgba(10,10,12,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(242,236,247,.11);padding-top:env(safe-area-inset-top,0px)}
.cnav-in{max-width:1160px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}
.cnav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.cnav-brand img{height:34px;width:auto;display:block}
.cnav-brand span{font-family:'Archivo',sans-serif;font-weight:900;font-size:18px;letter-spacing:.01em;color:#F2ECF7;white-space:nowrap;text-transform:uppercase}
.cnav-brand b{color:#FF2DA8;font-weight:900}
.cnav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.cnav-links a{font-family:'Archivo',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:13px;color:rgba(242,236,247,.72);white-space:nowrap;text-decoration:none;transition:color .2s}
.cnav-links a:hover,.cnav-links a.on{color:#F2ECF7}
.cnav-links a.on{text-decoration:underline;text-decoration-color:#7FE3F5;text-decoration-thickness:2px;text-underline-offset:7px}
.cnav-cta{font-family:'Archivo',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:13px;background:#FF2DA8;color:#16000c;padding:9px 16px;border-radius:3px;white-space:nowrap;text-decoration:none;flex-shrink:0}
.cnav-cta:hover{background:#FF5CBE}
.cnav-cta .sm{display:none}
.cnav-menu{display:none;font-family:'Archivo',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;color:#F2ECF7;background:none;border:1px solid rgba(242,236,247,.25);padding:8px 12px;border-radius:3px;cursor:pointer;flex-shrink:0}
@media(max-width:860px){
  .cnav-in{gap:12px}
  .cnav-menu{display:inline-block}
  .cnav-cta{margin-left:auto}
  .cnav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;background:#0d0c11;border-bottom:1px solid rgba(242,236,247,.11);box-shadow:0 14px 30px rgba(0,0,0,.5)}
  .cnav-links.open{display:flex}
  .cnav-links a{padding:15px 24px;font-size:14px;border-top:1px solid rgba(242,236,247,.07)}
  .cnav-links a.on{text-decoration:none;box-shadow:inset 3px 0 0 #7FE3F5}
}
@media(max-width:560px){
  .cnav-in{padding:0 16px;height:58px;gap:8px}
  .cnav-brand{gap:8px}
  .cnav-brand img{height:26px}
  .cnav-brand span{font-size:13px;letter-spacing:0}
  .cnav-cta .lg{display:none}
  .cnav-cta .sm{display:inline}
  .cnav-cta{padding:8px 11px;font-size:11.5px;letter-spacing:.06em}
  .cnav-menu{padding:7px 10px;font-size:11.5px}
}
@media(max-width:340px){.cnav-brand span{display:none}}

/* ═══ BUTTONS = theovenatx.com's button (the fat magenta
   pills looked "too big and funky"; use the Oven site's style). Dark glass,
   thin glowing rim, 10px corners, small wide-tracked glowing text, in
   Cooler magenta. Font stays Archivo (brand wall). */
html body .btn, html body .cnav-cta {
  border-radius: 10px;
  font-size: 12px; letter-spacing: .22em; font-weight: 700;
  padding: 13px 24px;
  background: rgba(10,10,12,.86);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,45,168,.45);
  box-shadow: 0 0 18px rgba(255,45,168,.18);
  color: #FF5CBE;
  text-shadow: 0 0 6px rgba(255,45,168,.6);
  transition: background .2s, border-color .2s, box-shadow .2s, transform .15s, color .2s;
}
html body .btn-solid, html body .cnav-cta {
  background: rgba(255,45,168,.08);
  border-color: rgba(255,45,168,.8);
  box-shadow: 0 0 26px rgba(255,45,168,.32);
}
html body .btn:hover, html body .cnav-cta:hover {
  border-color: #FF2DA8; transform: translateY(-1px);
  background: rgba(255,45,168,.12);
  box-shadow: 0 0 30px rgba(255,45,168,.45);
  color: #fff; text-shadow: 0 0 8px rgba(255,45,168,.9);
}
html body .cnav-cta { padding: 9px 16px; font-size: 11.5px; }
@media(max-width:560px){ html body .cnav-cta { padding: 8px 12px; font-size: 11px; letter-spacing: .16em; } }

/* ═══ PHONE BOOK BAR : TEXT + BOOK pinned to the bottom
   on phones. Built by cooler-nav.js; hides while the booking form is on screen. */
.cbar{display:none}
@media(max-width:640px){
  .cbar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(10,10,12,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(242,236,247,.11);transition:transform .25s}
  .cbar .btn{flex:1;padding:12px 10px}
  .cbar.off{transform:translateY(110%)}
  body{padding-bottom:72px}
}