/* ===== ROOT ===== */
:root{
  --nav-bg:#00133b;
  --accent:#01d917;
  --yellow:#ffe600;
}

/* ===== HEADER ===== */
.chm-dh{
  position:fixed;
  top:0; left:0; right:0;
  height:130px;
  background:transparent;
  transition:background .25s ease, height .25s ease;
  z-index:9999;
}
.chm-dh.scrolled{
  background:var(--nav-bg);
  height:90px;
}



/* ===== INNER ===== */
.chm-dh__inner{
  max-width:1200px;
  margin:auto;
  height:100%;
  display:flex;
  align-items:center;
}

/* ===== LOGO ===== */
.chm-dh__logo img{
  height:110px;
  transition:height .25s ease;
}
.chm-dh.scrolled .chm-dh__logo img{
  height:52px;
}

/* ===== NAV ===== */
.chm-dh__nav{flex:1;display:flex;justify-content:center;}

.chm-dh nav ul{
  display:flex !important;
  gap:28px;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.chm-dh nav li{list-style:none !important;}

.chm-dh nav a{
  position:relative;
  color:#fff;
  text-decoration:none;
  font-weight:400;
  text-transform:uppercase;
  font-size:16px;
  padding:12px 0;
}

/* hover lines */
.chm-dh nav a::before,
.chm-dh nav a::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:2px;
  background:var(--accent);
  opacity:0;
  transform:scaleX(0);
  transition:.2s ease;
}
.chm-dh nav a::before{top:-1px;}
.chm-dh nav a::after{bottom:-1px;}

.chm-dh nav li:hover>a::before,
.chm-dh nav li:hover>a::after,
.chm-dh nav li.current-menu-item>a::before,
.chm-dh nav li.current-menu-item>a::after{
  opacity:1;
  transform:scaleX(1);
}

/* nav text color on hover + active */
.chm-dh nav li:hover > a,
.chm-dh nav li.current-menu-item > a,
.chm-dh nav li.current_page_item > a,
.chm-dh nav li.current-menu-ancestor > a{
  color: #faef1c;
}

/* ===== CTA ===== */
.chm-dh__cta{
  background:var(--yellow);
  color:#000;
  padding:12px 18px;
  font-weight:800;
  text-decoration:none;
  transition:.2s ease;
}
.chm-dh__cta:hover{
  background:var(--nav-bg);
  color:#fff;
}

/* ===== BURGER ===== */
.chm-dh__burger{
  display:none;
  background:none;
  border:0;
  flex-direction:column;
  gap:5px;
}
.chm-dh__burger span{
  width:25px;height:2px;background:#fff;
}

/* ===== MOBILE ===== */
@media(max-width:980px){
  .chm-dh__burger{display:flex;}
  .chm-dh__nav{display:none;}
  .chm-dh__inner{justify-content:space-between;}
	
  .chm-dh__mobile-nav a{
    font-size: 22px;
    line-height: 1.2;
    padding: 16px 0;
  }
	
  .chm-dh__cta--mobile {
    margin-top: 24px;  /* try 20–32px */
  }
	
  
.chm-dh nav a {
    font-size:22px !important;   
  }
	.chm-dh nav ul {
	padding-bottom: 40px !important;	
	}
	
}

/* ===== OVERLAY ===== */
.chm-dh__overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  opacity:0;
  pointer-events:none;
  transition:.2s;
}
.chm-dh__overlay.open{opacity:1;pointer-events:auto;}

.chm-dh__panel{
  background:var(--nav-bg);
  width:85%;
  max-width:380px;
  height:100%;
  padding:24px;
  transform:translateX(-100%);
  transition:.25s ease;
}
.chm-dh__overlay.open .chm-dh__panel{transform:translateX(0);}

.chm-dh__close{
  background:none;
  border:0;
  color:#fff;
  font-size:32px;
  margin-bottom:24px;
}

.chm-dh__mobile-nav ul{
  flex-direction:column;
  gap:18px;
}