/* Cinematic Submenu Styling - Forced Override */

/* Target common Astra/Elementor submenu classes with high specificity */
body .ast-builder-menu .sub-menu,
body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
    background-color: rgba(15, 15, 15, 0.95) !important; /* Dark, slightly transparent */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Subtle border */
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; /* Clean drop shadow */
    padding: 10px 0 !important;
    backdrop-filter: blur(5px) !important;
}

/* Submenu Items Spacing */
body .ast-builder-menu .sub-menu li,
body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Submenu Links */
body .ast-builder-menu .sub-menu li a,
body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a {
    color: #e0e0e0 !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    background-color: transparent !important;
}

/* Hover Effect */
body .ast-builder-menu .sub-menu li:hover > a,
body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li:hover > a,
body .ast-builder-menu .sub-menu li a:hover,
body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}

/* Mobile Adjustments */
@media (max-width: 921px) {
    body .ast-builder-menu .sub-menu,
    body .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 15px !important;
    }
}