/**
 * Mobile Menu - Reset Styles
 * Base reset and normalization for mobile menu
 */

.mobile-menu-container,
.mobile-menu-container *,
.mobile-menu-container *::before,
.mobile-menu-container *::after {
    box-sizing: border-box;
    line-height: inherit;
}

.mobile-menu-container {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
    text-align: left;
}

.mobile-menu-container button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    appearance: none;
}

.mobile-menu-container a {
    text-decoration: none;
    color: inherit;
}

.mobile-menu-container ul,
.mobile-menu-container ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu-container img {
    max-width: 100%;
    height: auto;
    display: block;
}


/* Focus visible for accessibility */

.mobile-menu-container button:focus-visible,
.mobile-menu-container a:focus-visible {
    outline: 2px solid var(--mobile-menu-text-hover);
    outline-offset: 2px;
}


/* Respect reduced motion */

@media (prefers-reduced-motion: reduce) {
    .mobile-menu-container *,
    .mobile-menu-container *::before,
    .mobile-menu-container *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}