/* Big Tiki v1.16.3: full-width header bar.
   Replaces the floating white rounded card with an edge-to-edge bar that sits
   over the hero (dark glass, white links), modeled on the sunsetjsr.com header.
   Loaded after quality-baseline.css so it wins without editing older layers. */

:root{--bt-header-h:84px;--bt-header-pad:clamp(16px,2.4vw,40px)}

/* Utility strip: same gradient, content now spans the full width too. */
.utility-bar .utility-inner{width:100%;max-width:none;padding-inline:var(--bt-header-pad)}

/* Header bar */
.site-header{top:38px;padding-top:0!important;left:0;right:0;color:#fff}
.site-header .header-inner{
  width:100%;max-width:none;margin:0;
  height:var(--bt-header-h);
  padding:0 var(--bt-header-pad);
  gap:clamp(14px,1.6vw,28px);
  background:linear-gradient(180deg,rgba(4,26,43,.86) 0%,rgba(4,26,43,.70) 100%);
  border:0;border-bottom:1px solid rgba(255,255,255,.14);
  border-radius:0;
  box-shadow:0 10px 30px rgba(1,14,24,.18);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)
}
.site-header.is-scrolled{position:fixed;top:0}
.site-header.is-scrolled .header-inner{
  height:70px;
  background:rgba(6,38,63,.97);
  box-shadow:0 10px 30px rgba(1,14,24,.28)
}

/* Logo */
.site-header .brand{width:auto;flex:0 0 auto;padding:0}
.site-header .brand img{width:76px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.site-header.is-scrolled .brand{width:auto;flex-basis:auto;padding:0}
.site-header.is-scrolled .brand img{width:60px}

/* Primary links */
.site-header .desktop-nav{margin-left:auto;gap:clamp(14px,1.45vw,26px)}
.site-header .desktop-nav a{color:#fff;font-weight:800;padding:8px 0;letter-spacing:.005em;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a:focus-visible{color:#ffbf7a}
.site-header .desktop-nav a:after{bottom:2px;background:var(--orange)}

/* Right-side actions */
.site-header .header-actions{gap:10px;margin-left:clamp(8px,1vw,18px)}
.site-header .header-actions .google-map-link{
  min-height:42px;padding:0 14px;
  background:rgba(255,255,255,.10);color:#fff;
  border:1px solid rgba(255,255,255,.32)
}
.site-header .header-actions .google-map-link:hover{background:rgba(255,255,255,.2)}
.site-header .header-actions .google-map-link svg{color:#7fe3f5}
.site-header .header-actions .btn{min-height:46px;padding-inline:22px;box-shadow:0 8px 22px rgba(255,106,26,.35)}

/* Mobile toggle on the dark bar */
.site-header .menu-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}
.site-header .menu-toggle span:not(.sr-only){background:#fff}

/* Mobile dropdown spans the full width under the bar */
.site-header .mobile-menu{width:100%;margin:0;border-radius:0 0 20px 20px;border-left:0;border-right:0}
.site-header .mobile-menu-inner{padding-inline:var(--bt-header-pad)}

/* Plugin-added Jet Ski nav link picks up the white header style. */
.site-header .desktop-nav a.bigtiki-jetski-menu-link{color:#fff}

/* Space the nav can use before it collapses to the menu button. */
@media(max-width:1500px){
  .site-header .header-actions .google-map-link span{display:none}
  .site-header .header-actions .google-map-link{width:42px;padding:0;justify-content:center}
}
@media(max-width:1340px){
  .site-header .desktop-nav{gap:14px}
  .site-header .desktop-nav a{font-size:15px!important}
  .site-header .brand img{width:66px}
}
@media(max-width:1240px){
  .site-header .desktop-nav{display:none}
  .site-header .menu-toggle{display:block}
  .site-header .header-actions{margin-left:auto}
}

@media(max-width:700px){
  :root{--bt-header-pad:14px}
  .site-header{top:34px!important}
  .site-header .header-inner{height:64px!important;padding:0 var(--bt-header-pad)!important;border-radius:0!important;gap:8px!important}
  .site-header.is-scrolled{top:0!important}
  .site-header.is-scrolled .header-inner{height:60px!important}
  .site-header .brand,.site-header.is-scrolled .brand{width:auto!important;flex-basis:auto!important;padding:0!important}
  .site-header .brand img,.site-header.is-scrolled .brand img{width:50px!important}
  .site-header .mobile-menu{margin-top:0!important;border-radius:0 0 16px 16px!important}
}

/* Tours dropdown (Sunset Cruises and the other trips live under Tours). */
.site-header .nav-dropdown{position:relative;display:flex;align-items:center}
.site-header .nav-dropdown-toggle{padding-right:16px!important}
.site-header .nav-dropdown-toggle:before{content:"";position:absolute;right:2px;top:50%;width:6px;height:6px;margin-top:-5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.8}
.site-header .nav-dropdown-menu{
  position:absolute;top:100%;left:-18px;min-width:240px;
  display:grid;padding:10px 0;margin-top:14px;
  background:rgba(6,38,63,.98);border:1px solid rgba(255,255,255,.14);border-radius:14px;
  box-shadow:0 18px 40px rgba(1,14,24,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;z-index:120
}
.site-header .nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.site-header .desktop-nav .nav-dropdown-menu a{padding:10px 20px!important;font-size:15.5px!important;font-weight:750;text-shadow:none}
.site-header .desktop-nav .nav-dropdown-menu a:after{display:none}
.site-header .desktop-nav .nav-dropdown-menu a:hover,
.site-header .desktop-nav .nav-dropdown-menu a:focus-visible{background:rgba(255,255,255,.08);color:#ffbf7a}
.mobile-menu a.mobile-sub{padding-left:22px!important;font-weight:700!important;opacity:.9}
.mobile-menu a.mobile-sub:before{content:"– ";opacity:.5}