@media (max-width: 992px) {

/* ===== MOBILE MENU ICON ===== */
.wp-block-navigation__responsive-container-open svg{ width:35px;  height:35px;}


/* ===== SUBMENU HIDE / SHOW ===== */

/* hide submenu initially */
.wp-block-navigation-submenu > .wp-block-navigation__submenu-container{ display:none !important;}

/* show when open */
.wp-block-navigation-submenu.open > .wp-block-navigation__submenu-container{  display:block !important;}


/* ===== MENU WIDTH ===== */

.wp-block-navigation ul{ width:100%;}

.wp-block-navigation-item{ width:100%; position:relative;}


/* ===== SUBMENU ARROW ===== */

.wp-block-navigation-submenu 
.wp-block-navigation__submenu-icon{display:inline-block !important; margin-left:5px !important; position:absolute; right:3%; top:5px;    width:2em; height:2em; z-index:1;}

.wp-block-navigation-submenu 
.wp-block-navigation__submenu-icon svg{ width:1em;}


/* ===== RESPONSIVE CONTAINER ===== */

.wp-block-navigation__responsive-container{background:#ffffff !important; color:#1c1c1c !important; transform:translateX(-100%);    width:100%; height:100vh;}

.wp-block-navigation__responsive-container.is-menu-open{display:flex !important; flex-direction:column !important; padding:0px !important;    transform:translateX(0); transition:0.3s ease-out;}

.wp-block-navigation__responsive-container:not(.is-menu-open){ transform:translateX(-100%); transition:0.3s ease-in-out;}

.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:block; width:100%; position:fixed;    background:#000000 !important;}

.wp-block-navigation__responsive-container-open:not(.always-shown){display:flex;}

.wp-block-navigation__responsive-container-content{gap:10px; padding-top:calc(2rem + 24px);}


/* ===== MENU ITEM STYLE ===== */

.wp-block-navigation .wp-block-navigation-item__content{display:block; padding:0 5% !important; line-height:40px; width:100%;}


/* ===== SUBMENU CONTAINER ===== */

.wp-block-navigation__responsive-container.is-menu-open 
.wp-block-navigation__responsive-container-content 
.has-child 
.wp-block-navigation__submenu-container{width:100%; padding:0 5%;}


/* ===== CLOSE BUTTON ===== */

.wp-block-navigation__responsive-container-close{display:block; position:absolute; right:10px; top:10px; z-index:2; cursor:pointer;
}

.wp-block-navigation__responsive-container.is-menu-closed 
.wp-block-navigation__responsive-container-close{display:none;}



/* ===== ACTIVE MENU STYLES ===== */

/* MAIN MENU ACTIVE (TOP LEVEL ONLY) */
.wp-block-navigation .wp-block-navigation__container > li.current-menu-item > a,
.wp-block-navigation .wp-block-navigation__container > li.current-menu-parent > a,
.wp-block-navigation .wp-block-navigation__container > li.current-menu-ancestor > a {background-color: #FBF0D1 !important; color: #1c1c1c !important;  transition: background-color .5s;}

/* SUB MENU ACTIVE (LEVEL 2+) */
/* .wp-block-navigation .wp-block-navigation__container ul li.current-menu-item > a
{background: none !important; color: #d93134 !important;
} */    

/* .wp-block-navigation .wp-block-navigation__container ul li.current-menu-item > a , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-parent > a:nth-child(1):hover , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-ancestor > a :nth-child(1):hover {background-color: #FBF0D1 !important; border-left: 5px solid #FEC224 !important; border-radius: 0 !important;} */

/* .wp-block-navigation .wp-block-navigation__container ul li.current-menu-item > a , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-parent > a:nth-child(2):hover , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-ancestor > a :nth-child(2):hover {background-color: #CFD6E8 !important; border-left: 5px solid #4D6FC7 !important; border-radius: 0 !important;} */

/* .wp-block-navigation .wp-block-navigation__container ul li.current-menu-item > a , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-parent > a:nth-child(3):hover , .wp-block-navigation .wp-block-navigation__container ul li.current-menu-ancestor > a :nth-child(3):hover {background-color: #C2E6C3 !important; border-left: 5px solid #4F7050 !important; border-radius: 0 !important;} */



.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li.wp-block-navigation-item.wp-block-navigation-link::after { content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 12px; height: 24px; background: url('https://momentuminfosystem.com/wp-content/uploads/2026/04/submenu-arrow-black.png') no-repeat center; background-size: contain; transition: 0.3s ease; }

/* ===== 1st LI (Yellow) ===== */
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(1):hover,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(1) {
  background-color: #FBF0D1 !important;
  border-left: 5px solid #FEC224 !important;
}

.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(1):hover::after,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(1)::after {
  filter: brightness(0) saturate(100%) invert(73%) sepia(64%) saturate(600%) hue-rotate(5deg) !important;
}


/* ===== 2nd LI ===== */
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(2):hover,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(2) {
  background-color: #CFD6E8 !important;
  border-left: 5px solid #4D6FC7 !important;
}

.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(2):hover::after,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(2)::after {
  filter: brightness(0) saturate(100%) invert(35%) sepia(90%) saturate(500%) hue-rotate(200deg) !important;
}


/* ===== 3rd LI ===== */
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(3):hover,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(3) {
  background-color: #C2E6C3 !important;
  border-left: 5px solid #4F7050 !important;
}

.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link:nth-child(3):hover::after,
.header-menu ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu 
li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item:nth-child(3)::after {
  filter: brightness(0) saturate(100%) invert(48%) sepia(55%) saturate(400%) hue-rotate(90deg) !important;
}




/* OPTIONAL: submenu arrow active color */
.wp-block-navigation .wp-block-navigation__container ul li.current-menu-item .wp-block-navigation__submenu-icon svg,
.wp-block-navigation .wp-block-navigation__container ul li.current-menu-parent .wp-block-navigation__submenu-icon svg,
.wp-block-navigation .wp-block-navigation__container ul li.current-menu-ancestor .wp-block-navigation__submenu-icon svg { stroke: #d93134;}

}