/* Valvi.NET Ultimate Mobile Navigation Fix */
@media (max-width: 767px) {
    /* Насилствено показване на менюто върху целия екран */
    #mobileMenu.show {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        top: 64px !important; /* Височината на Navbar */
        left: 0 !important;
        width: 100% !important;
        height: calc(100vh - 64px) !important;
        background: #020617 !important; /* Плътен фон за премахване на ghosting */
        z-index: 99999 !important;
        padding: 20px 10px !important;
        overflow-y: auto !important;
        border-top: 1px solid rgba(255,255,255,0.1);
    }

        /* Гарантиране на видимостта на всички елементи вътре */
        #mobileMenu.show a,
        #mobileMenu.show button,
        #mobileMenu.show span,
        #mobileMenu.show i {
            color: #ffffff !important;
            opacity: 1 !important;
            visibility: visible !important;
            display: flex !important;
            justify-content: center;
            width: 100% !important;
            font-size: 14px !important;
            text-decoration: none !important;
            padding: 0px 0 !important;
           
        }
        #mobileMenu.show .bg-white {
            background-color: transparent !important; /* Махаме плътния фон */
            color: #ffffff !important; /* Текстът става бял */
            border: 2px solid #3b82f6 !important; /* Добавяме синя рамка (Tailwind blue-500) */
            border-radius: 0.75rem !important;
            margin-top: 1.5rem !important;
            padding: 1.25rem 0 !important;
            box-shadow: none !important; /* Махаме сянката, ако има такава */
        }
        /* По-големи touch зони за мобилни устройства */
        #mobileMenu.show .w-full {
            margin-top: 0px;
        }

    /* Премахваме филтрите от main, докато менюто е отворено, за да не пречат на рендерирането */
    body.modal-open main {
        filter: none !important;
    }
}