/* ============================================
MOBILE MENU - Accessible
============================================ */
.astra-child-mobile-menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 10px;
z-index: var(--z-header);
min-width: var(--touch-target-min);
min-height: var(--touch-target-min);
}
.astra-child-mobile-menu-toggle .menu-icon {
display: block;
width: 24px;
height: 2px;
background: var(--med-text);
position: relative;
transition: all 0.3s;
}
.astra-child-mobile-menu-toggle .menu-icon::before,
.astra-child-mobile-menu-toggle .menu-icon::after {
content: '';
position: absolute;
width: 24px;
height: 2px;
background: var(--med-text);
transition: all 0.3s;
}
.astra-child-mobile-menu-toggle .menu-icon::before { top: -8px; }
.astra-child-mobile-menu-toggle .menu-icon::after { top: 8px; }
.astra-child-mobile-menu-toggle[aria-expanded="true"] .menu-icon {
background: transparent;
}
.astra-child-mobile-menu-toggle[aria-expanded="true"] .menu-icon::before {
transform: rotate(45deg);
top: 0;
}
.astra-child-mobile-menu-toggle[aria-expanded="true"] .menu-icon::after {
transform: rotate(-45deg);
top: 0;
}
.astra-child-mobile-menu-toggle:focus-visible {
outline: 3px solid var(--med-focus);
outline-offset: 2px;
border-radius: 4px;
}
@media (max-width: 768px) {
.astra-child-mobile-menu-toggle {
display: block;
}
}