/* Glassmorphism Background - Ensuring it hits the exact Astra overlay container */
.ast-mobile-popup-drawer,
.ast-mobile-popup-drawer.active,
#ast-mobile-popup {
    /* Midnight Blue (#000125) -> Cerulean (#2A52BE) -> Light Blue (#6EC1E4) at 50% opacity */
    background: linear-gradient(135deg, rgba(0, 1, 37, 0.5) 0%, rgba(42, 82, 190, 0.5) 50%, rgba(110, 193, 228, 0.5) 100%) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    box-shadow: 0 0 20px rgba(110, 193, 228, 0.3) !important; /* Subtle outer glow in cyan */
}

/* Ensure inner container is transparent to show glass effect */
.ast-mobile-popup-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: transparent !important;
}

/* Menu Items Typography */
.ast-builder-menu-mobile .main-header-menu .menu-item > .menu-link {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    text-align: center !important;
    transition: color 0.3s ease;
    justify-content: center;
}

.ast-builder-menu-mobile .main-header-menu .menu-item:hover > .menu-link {
    color: #2A52BE !important;
}

.ast-builder-menu-mobile .main-header-menu .menu-item.current-menu-item > .menu-link {
    color: #FF3298 !important;
}

/* Submenu Items Typography Adjustment */
.ast-builder-menu-mobile .main-header-menu .sub-menu .menu-item > .menu-link {
    font-size: 0.85em !important; /* Smaller than main menu items */
    white-space: nowrap !important; /* Force onto a single line */
}

/* Remove chevron from submenu items entirely */
.ast-builder-menu-mobile .main-header-menu .sub-menu .menu-item-has-children > .menu-link .dropdown-menu-toggle {
    display: none !important;
}


/* Submenu Indicator (Main Menu) - The Chevron */
.ast-builder-menu-mobile .menu-item-has-children > .menu-link .dropdown-menu-toggle,
.ast-builder-menu-mobile .menu-item-has-children > .menu-link .ast-icon {
    border: none !important;
    background: transparent !important;
    color: #FFFFFF !important; /* Force white color */
    fill: #FFFFFF !important; /* Force SVG fill to white */
    filter: none !important; /* Remove any drop-shadow or background filters */
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin-left: 5px !important; /* Small gap from text */
}

/* If Astra uses an SVG, ensure path is white */
.ast-builder-menu-mobile .menu-item-has-children > .menu-link .dropdown-menu-toggle svg,
.ast-builder-menu-mobile .menu-item-has-children > .menu-link .ast-icon svg {
     fill: #FFFFFF !important;
}

/* Fallback if it's a pseudo-element chevron */
.ast-builder-menu-mobile .menu-item-has-children > .menu-link .dropdown-menu-toggle::before {
    color: #FFFFFF !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Injected Extras Container */
.custom-menu-extras-940a37d7 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 40px; /* Padding for scrolling */
}

/* Glowing Neon Divider - Increased specificity per user request */
#ast-mobile-popup .ast-mobile-popup-inner .custom-divider-940a37d7 {
    width: 60%;
    max-width: 250px;
    height: 2px;
    background: linear-gradient(90deg, #2A52BE, #6EC1E4, #2A52BE) !important;
    box-shadow: 0 0 10px #6EC1E4, 0 0 20px #2A52BE !important;
    margin: 20px 0;
    border-radius: 0; /* Perfectly square/sharp edges */
}

/* Social Icons (Restored to original colors) */
.custom-socials-940a37d7 {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.custom-social-icon-940a37d7 {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: transparent;
    box-shadow: none; 
    border-radius: 0;
}
.custom-social-icon-940a37d7:hover {
    transform: scale(1.1);
    opacity: 0.9;
}
/* WhatsApp default green */
.custom-social-icon-940a37d7.whatsapp {
    color: #25D366; 
}
/* Facebook default blue */
.custom-social-icon-940a37d7.facebook {
    color: #1877F2; 
}


/* Modal Button */
.custom-modal-btn-wrapper-940a37d7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.custom-modal-trigger-940a37d7 {
    background: #00005B;
    color: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease;
    animation: breathingGlow 3s infinite alternate;
    margin-bottom: 10px; /* Space between button and links */
}
.custom-modal-trigger-940a37d7:hover,
.custom-modal-trigger-940a37d7.active {
    border-color: #6EC1E4;
}
@keyframes breathingGlow {
    0% { box-shadow: 0 0 5px rgba(110, 193, 228, 0.2); }
    100% { box-shadow: 0 0 20px rgba(110, 193, 228, 0.8); }
}

/* Modal Links */
.custom-modal-links-940a37d7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}
.custom-modal-links-940a37d7.active {
    opacity: 1;
    max-height: 200px;
}
.custom-modal-links-940a37d7 a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}
.custom-modal-links-940a37d7 a:hover {
    color: #6EC1E4;
}