.ngh-header .ngmm-toggle {
display: none;
position: relative;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin-left: auto;
padding: 0;
border: 1px solid rgba(195, 162, 78, .48);
border-radius: 4px;
background: transparent;
cursor: pointer;
}
.ngh-header .ngmm-toggle span {
position: absolute;
left: 11px;
width: 20px;
height: 1px;
background: #e9dcb2;
transition: transform .2s ease, opacity .2s ease;
}
.ngh-header .ngmm-toggle span:nth-child(1) { transform: translateY(-6px); }
.ngh-header .ngmm-toggle span:nth-child(3) { transform: translateY(6px); }
.ngh-header .ngmm-toggle:focus-visible {
outline: 2px solid #d4b75f;
outline-offset: 3px;
}
.ngh-header.is-ngmm-open .ngmm-toggle span:nth-child(1) { transform: rotate(45deg); }
.ngh-header.is-ngmm-open .ngmm-toggle span:nth-child(2) { opacity: 0; }
.ngh-header.is-ngmm-open .ngmm-toggle span:nth-child(3) { transform: rotate(-45deg); }
@media (max-width: 760px) {
.ngh-header .ngh-header-wrap,
.ngh-header .ngh-header-wrap.e-con {
position: relative !important;
overflow: visible !important;
}
.ngh-header .ngmm-toggle {
display: inline-flex !important;
}
.ngh-header.is-ngmm-open .ngh-nav,
.ngh-header.is-ngmm-open .ngh-nav.e-con {
display: flex !important;
position: absolute !important;
top: 100% !important;
right: 0 !important;
left: 0 !important;
z-index: 51 !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
padding: 8px 24px 16px !important;
border-top: 1px solid rgba(230, 225, 210, .07) !important;
border-bottom: 1px solid rgba(195, 162, 78, .26) !important;
background: #0d1f2d !important;
box-shadow: 0 18px 30px rgba(0, 0, 0, .2) !important;
}
.ngh-header.is-ngmm-open .ngh-nav-link {
width: 100% !important;
}
.ngh-header.is-ngmm-open .ngh-nav-link .elementor-button {
display: flex !important;
justify-content: flex-start !important;
width: 100% !important;
padding: 13px 0 !important;
border-bottom: 1px solid rgba(230, 225, 210, .08) !important;
}
.ngh-header.is-ngmm-open .ngh-nav-link:last-child .elementor-button {
border-bottom: 0 !important;
}
}
@media (prefers-reduced-motion: reduce) {
.ngh-header .ngmm-toggle span { transition: none; }
}