/* DREAM JOURNEY — header/footer protection layer v4.
   Loaded after page-specific styles on Tours, Sea Trips and Trip Details. */

#siteHeader,
#siteFooter{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  clear:both;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}

#siteHeader{
  position:relative;
  z-index:100000;
  min-height:0;
  isolation:isolate;
  color-scheme:dark;
}

#siteHeader .djt-header,
#siteHeader .djt-desktop-header,
#siteHeader .djt-mobile-header,
#siteHeader .mobile-nav{
  max-width:none;
  margin:0;
}

#siteHeader .djt-desktop-header{
  position:fixed;
  inset:0 0 auto;
}

#siteHeader .header-spacer{
  display:block;
  width:100%;
  height:122px;
  margin:0;
  padding:0;
}

#siteFooter{
  position:relative;
  z-index:10;
  display:block;
  overflow:hidden;
  background:#05070a;
  color-scheme:dark;
}

#siteFooter .dj-footer{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  clear:both;
}

#siteFooter img,
#siteHeader img{max-width:100%}

/* Prevent the trip mobile booking bar and the global WhatsApp button overlapping. */
@media (max-width:980px){
  body.djt-trip-page .dj-whatsapp-float{bottom:92px!important}
}

/* IMPORTANT: exactly the same breakpoint as header-unified.css. */
@media (max-width:1024px){
  #siteHeader .djt-desktop-header{display:none!important}
  #siteHeader .djt-mobile-header{display:block!important}
  #siteHeader .header-spacer{height:calc(76px + env(safe-area-inset-top,0px))!important}
  #siteFooter{overflow:clip}
}

@media (min-width:1025px){
  #siteHeader .djt-desktop-header{display:block!important}
  #siteHeader .djt-mobile-header{display:none!important}
  #siteHeader .header-spacer{height:122px!important}
}