/* DMB persistent navigation — Homepage (Marpixel) + React inner pages.
   Keeps the original logo/menu/CTA dimensions, colours and layout. */
html{scroll-padding-top:clamp(86px,8vw,140px)}
/* Original Marpixel pages mount the header inside a short Elementor widget.
   A sticky position would stop at that widget's boundary, so fix the header
   to the viewport instead of relying on the theme's scroll direction toggle. */
body:not(.dmb-theme-site) #ax-header.txa_sticky_header{
  position:fixed!important;
  inset-block-start:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1100!important;
  transform:none!important;
  translate:none!important;
  opacity:1!important;
  visibility:visible!important;
  background:#0b1822!important;
  box-shadow:0 9px 26px rgba(6,16,22,.12);
}
/* Theme scroll classes must not hide navigation while scrolling DOWN. */
body:not(.dmb-theme-site) #ax-header.txa_sticky_header.txa_sticky,
body:not(.dmb-theme-site) #ax-header.txa_sticky_header:not(.txa_sticky_show){
  transform:none!important;
  top:0!important;
  opacity:1!important;
  visibility:visible!important;
}
/* React pages: sticky wrapper stays in document flow, avoiding a content jump.
   Override the older theme-shell-header { position:relative } declaration. */
body.dmb-theme-site .theme-shell-header[data-theme-shell="home-1-header"]{
  position:sticky!important;
  top:0!important;
  z-index:1100!important;
  width:100%;
  background:#0b1822;
  isolation:isolate;
  box-shadow:0 9px 26px rgba(6,16,22,.12);
}
body.dmb-theme-site .theme-shell-header #ax-header.txa_sticky_header{
  position:relative!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}
@media(max-width:991px){
  html{scroll-padding-top:90px}
  body:not(.dmb-theme-site) #ax-header.txa_sticky_header{z-index:1050!important}
}
/* Keep the mobile off-canvas navigation above the fixed header when opened. */
.mobile_menu_overlay{z-index:2000!important}
.mobile_menu_content{z-index:2001!important}
/* Do not trap the overlay behind a transformed header. */
@media(prefers-reduced-motion:reduce){
 body:not(.dmb-theme-site) #ax-header.txa_sticky_header,
 body.dmb-theme-site .theme-shell-header[data-theme-shell="home-1-header"]{transition:none!important}
}