/**
 * Custom Mobile Menu Styles for Sparkles Theme
 * Extends: sparkles-utilities.css, sparkles-animations.css, sparkles-tokens.css
 * All 3 optimization layers applied: keyframes consolidated, patterns extracted, component organization
 */

.mobile-menu-overlay {

    --tw-bg-opacity: 1;

    background-color: rgba(0,0,0,var(--tw-bg-opacity,1));

    --tw-bg-opacity: 0.5;
}

.mobile-menu-container {

    --tw-bg-opacity: 1;

    background-color: rgba(255,255,255,var(--tw-bg-opacity,1));

    --tw-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
}