/* AL WOJHA V60.5.14 — GLOBAL NAVIGATION CONSISTENCY HARD OVERRIDE
 * One public navigation system on every public page.
 * Reservation, home, FAQ, About, Services, Fleet, Offers, Locations,
 * Contact and legal pages all inherit the exact same header geometry.
 * The ERP control-panel body keeps its own application workspace below.
 */
:root{--aw-nav-bg:#070b10;--aw-nav-text:#f1f4f7;--aw-nav-gold:#f4b51b;}

/* Shared shell */
.topbar,
body .topbar{
  display:block!important;
  min-height:40px!important;
  background:#080c11!important;
  border-bottom:1px solid #202832!important;
  position:relative!important;
  z-index:1200!important;
}
.topbar-inner,
body .topbar-inner{
  width:min(1400px,calc(100% - 40px))!important;
  min-height:40px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.topbar-left,.topbar-right{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.topbar-right{white-space:nowrap!important;overflow:visible!important}
.topbar a{color:#dbe2e8!important;text-decoration:none!important}
.topbar a:hover{color:var(--aw-nav-gold)!important}
.topbar-phone{font-weight:800!important;white-space:nowrap!important}
.topbar-account{display:flex!important;align-items:center!important;gap:10px!important}
.topbar-control{font-weight:900!important}
.topbar-login{font-weight:800!important}
.topbar-divider,.topbar-currency{color:#929da8!important}

.site-header,
body .site-header,
body.home .site-header,
body.front-page .site-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:auto!important;
  background:#070b10!important;
  border-bottom:1px solid #202832!important;
  box-shadow:none!important;
  z-index:1100!important;
  isolation:isolate!important;
}
.site-header .nav,
body.home .site-header .nav,
body.front-page .site-header .nav,
.site-header .container.nav{
  width:min(1400px,calc(100% - 40px))!important;
  min-height:154px!important;
  height:154px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:18px!important;
}
.site-header .logo,
body.home .site-header .logo,
body.front-page .site-header .logo{
  width:250px!important;
  flex:0 0 250px!important;
  height:154px!important;
  min-width:250px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
}
.site-header .logo img,
body.home .site-header .logo img,
body.front-page .site-header .logo img{
  display:block!important;
  width:235px!important;
  max-width:235px!important;
  max-height:112px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
}
.site-header .menu,
body.home .site-header .menu,
body.front-page .site-header .menu{
  order:initial!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:154px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}
.site-header .menu a,
body.home .site-header .menu a,
body.front-page .site-header .menu a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:44px!important;
  padding:0 1px 24px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--aw-nav-text)!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
  text-shadow:none!important;
  transition:color .2s ease!important;
}
.site-header .menu a::before,
.site-header .menu a::after,
body.home .site-header .menu a::before,
body.home .site-header .menu a::after,
body.front-page .site-header .menu a::before,
body.front-page .site-header .menu a::after{
  content:""!important;
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.site-header .menu a::after,
body.home .site-header .menu a::after,
body.front-page .site-header .menu a::after{
  left:0!important;
  right:0!important;
  bottom:10px!important;
  height:3px!important;
  border-radius:99px!important;
  background:var(--aw-nav-gold)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .2s ease,opacity .2s ease!important;
}
.site-header .menu a:hover,
.site-header .menu a:focus-visible,
.site-header .menu a.active,
body.home .site-header .menu a:hover,
body.home .site-header .menu a:focus-visible,
body.home .site-header .menu a.active,
body.front-page .site-header .menu a:hover,
body.front-page .site-header .menu a:focus-visible,
body.front-page .site-header .menu a.active{
  color:var(--aw-nav-gold)!important;
  transform:none!important;
  text-shadow:none!important;
}
.site-header .menu a:hover::after,
.site-header .menu a:focus-visible::after,
.site-header .menu a.active::after,
body.home .site-header .menu a:hover::after,
body.home .site-header .menu a:focus-visible::after,
body.home .site-header .menu a.active::after,
body.front-page .site-header .menu a:hover::after,
body.front-page .site-header .menu a:focus-visible::after,
body.front-page .site-header .menu a.active::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.site-header .nav-actions,
body.home .site-header .nav-actions,
body.front-page .site-header .nav-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.nav-book-btn,
.site-header .nav-book-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:12px!important;
  border:1px solid var(--aw-nav-gold)!important;
  background:var(--aw-nav-gold)!important;
  color:#0a0d11!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.nav-book-btn:hover{background:#ffc52e!important;color:#0a0d11!important;transform:none!important}
.mobile-toggle{display:none!important}
.mobile-menu{background:#070b10!important;border-top:1px solid #202832!important}

/* Tablet */
@media(max-width:1200px){
  .topbar-inner,.site-header .nav,.site-header .container.nav{width:min(100% - 28px,1400px)!important}
  .site-header .nav,.site-header .container.nav{min-height:132px!important;height:132px!important;gap:12px!important}
  .site-header .logo{width:205px!important;flex-basis:205px!important;min-width:205px!important;height:132px!important}
  .site-header .logo img{width:195px!important;max-width:195px!important;max-height:94px!important}
  .site-header .menu{height:132px!important;gap:13px!important}
  .site-header .menu a{font-size:16px!important;padding-bottom:21px!important}
  .site-header .nav-actions .nav-book-btn{min-height:44px!important;padding-inline:18px!important}
}

/* Mobile: identical public nav behavior across every page */
@media(max-width:900px){
  .topbar{min-height:38px!important}
  .topbar-inner{min-height:38px!important;width:calc(100% - 24px)!important}
  .topbar-left{display:none!important}
  .topbar-right{width:100%!important;justify-content:flex-end!important;gap:8px!important;font-size:12px!important}
  .topbar-right>a{display:none!important}
  .topbar-account,.topbar-currency{display:flex!important}
  .site-header .nav,.site-header .container.nav,
  body.home .site-header .nav,body.front-page .site-header .nav{
    width:calc(100% - 24px)!important;
    min-height:76px!important;
    height:76px!important;
    gap:10px!important;
  }
  .site-header .logo,
  body.home .site-header .logo,body.front-page .site-header .logo{
    width:auto!important;
    min-width:0!important;
    flex:0 1 auto!important;
    height:76px!important;
  }
  .site-header .logo img,
  body.home .site-header .logo img,body.front-page .site-header .logo img{
    width:170px!important;
    max-width:170px!important;
    max-height:62px!important;
  }
  .site-header .menu,
  body.home .site-header .menu,body.front-page .site-header .menu{
    display:none!important;
  }
  .nav-actions{margin-left:auto!important}
  .nav-book-btn{display:none!important}
  .mobile-toggle,
  .site-header .nav-actions .mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    padding:0!important;
    border:1px solid #35404b!important;
    border-radius:10px!important;
    background:#0d131a!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .mobile-menu{width:calc(100% - 24px)!important;margin:0 auto!important;padding:8px 0 16px!important;gap:3px!important}
  .mobile-menu a{display:block!important;padding:11px 10px!important;border-radius:8px!important;color:#f1f4f7!important}
  .mobile-menu a:hover,.mobile-menu a:focus-visible,.mobile-menu a.active{color:var(--aw-nav-gold)!important;background:#121a22!important;transform:none!important}
}

@media(max-width:620px){
  .topbar-right{font-size:11px!important}
  .site-header .logo img,body.home .site-header .logo img,body.front-page .site-header .logo img{width:150px!important;max-width:150px!important;max-height:56px!important}
}

/* Respect reduced motion without allowing page-specific freezing styles to affect nav. */
@media(prefers-reduced-motion:reduce){
 .site-header .menu a,.site-header .menu a::after,.mobile-toggle{transition:none!important}
}
