/* ===== Sticky header base ===== */
.wrapper-site-header-main{
  width:100%;
  height:100px;
  position:sticky; top:0; z-index:99;
  border-bottom:1px solid #1e3c55;
  background:rgb(0, 17, 26, 0.35);
  -webkit-box-shadow:0 1px 7px 0 rgba(45,62,80,.75);
  -moz-box-shadow:0 1px 7px 0 rgba(45,62,80,.75);
  box-shadow:0 1px 7px 0 rgba(45,62,80,.75);
}

.wrapper-site-header-main.is-scrolled{
  background:#07111a;
}

.wrapper-header-main{width:100%;height:100%;display:flex;align-items:center;}
.wrapper-header-main .wrapper-header-left{width:30%;min-width:250px;height:100%;display:flex;justify-content:center;align-items:center;}
.static-header-image{width:100%;max-width:280px;height:auto;display:block;}
.wrapper-header-main .wrapper-header-center{width:50%;min-width:700px;}
.wrapper-header-main .wrapper-header-right{
	width:20%;min-width:250px;
    display:flex; align-items:center;
}
.row-social-links{max-width:100px;}
.col-header-6-icon-links{flex:0 0 25%;display:flex;justify-content:flex-end;}
.ch-6-icon-lin-item{margin-right:12px;width:100%;max-width:32px;}
.ch-6-icon-lin-item svg{width:90%;height:auto;display:block;}
.ch-6-icon-lin-item svg path{fill:#fff;}

/* ===== Desktop vs Mobile visibility (defaults are DESKTOP) ===== */
.wrapper-menu-mobile{ display:none; }   /* hide mobile wrapper on desktop */
#menuToggle{ display:none; }            /* hide hamburger on desktop */
#mobileMenu{ display:none !important; } /* never show mobile panel on desktop */

/* ===== Hamburger button (uses SVG) ===== */
.menu-toggle{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px;
  border:1px solid #27465f; border-radius:10px;
  background:transparent; color:#fff;   /* SVG stroke via currentColor */
  cursor:pointer;
}
.menu-toggle .icon-burger{ width:22px; height:22px; display:block; }
/* kill any old pseudo-bars (we use the SVG now) */
.menu-toggle::before{ content:none !important; box-shadow:none !important; background:none !important; }

/* ===== Optional WP fallback menu styling ===== */
.menu-mobile{padding:10px 0;}
.menu-mobile-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.menu-mobile-ul a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;}
.menu-mobile-ul a:hover{background:rgba(30,60,85,.35);}
.menu-desktop-ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;justify-content:center;}
.menu-desktop-ul a{color:#fff;text-decoration:none;font-weight:600;padding:10px 6px;border-radius:6px;}
.menu-desktop-ul a:hover{background:rgba(30,60,85,.35);}

/* Slider */
body.home .wrapper-site-header-main { z-index: 1002; } /* above slider arrows */
body.home .home-overlap-slider { margin-top: -100px; } /* header height on desktop */

.menu_main_nav {
	list-style:none;
}

/* ===== Mobile breakpoint ===== */
@media (max-width:1200px){
  body.home .home-overlap-slider { margin-top: -160px; }
	
  .wrapper-site-header-main{
    height:auto;              
    min-height:160px;        
  }
  .wrapper-header-main{flex-direction:column;align-items:center;}
  .wrapper-header-main .wrapper-header-left{margin:6px 0;width:100%;height:auto;order:1;}
  .static-header-image{width:auto;height:50px;}
  .wrapper-header-main .wrapper-header-right{margin:12px 0;width:100%;display:flex;justify-content:center;order:2;}

  /* center column must shrink on tiny screens */
  .wrapper-header-main .wrapper-header-center{
    width:100%;
    min-width:0;
    display:flex; justify-content:center;
    order:3;
  }

  /* hide desktop menu; show mobile wrapper */
  .wrapper-header-main .wrapper-header-center .wrapper-menu{ display:none !important; }
  .wrapper-header-main .wrapper-header-center .wrapper-menu-mobile{
    display:flex !important;
    justify-content:center; align-items:center;
    width:100%;
  }

  /* show the hamburger on mobile */
  #menuToggle{
    display:flex !important;
    margin:0 auto;
  }
  #menuToggle .icon-burger { pointer-events: none; }

  /* mobile panel: only show when NOT [hidden] */
  #mobileMenu{ position:relative; z-index:1000; }
  #mobileMenu[hidden]{ display:none !important; }
  #mobileMenu:not([hidden]){ display:block !important; }

  /* Jarvis hides .menu_main_nav on tiny screens—unhide inside our panel only */
  #mobileMenu .menu_main_nav{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  #mobileMenu .menu_main_nav > li{ display:block; }
  #mobileMenu .menu_main_nav a{ 
	padding:10px;
	display:block;  
	text-decoration:none; 
  }
  
  .menu_main_nav > li > a {
	line-height:1em;
  }
}