/* ============================================================
   ПОЛУПРОЗРАЧНОЕ МЕНЮ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ
   ============================================================
   
   ЧТО ДЕЛАЕТ ЭТОТ КОД:
   1. Делает фон подменю полупрозрачным белым (эффект стекла)
   2. Убирает все серые полоски и рамки
   3. Сохраняет оригинальные отступы и расстояния
   4. Центрирует текст в подменю
   5. Работает только на экранах МЕНЬШЕ 768px (телефоны)
   
   КАК НАСТРОИТЬ ПРОЗРАЧНОСТЬ:
   - rgba(255, 255, 255, 0.5) -> 0.5 = 50% прозрачности
   - Хотите более прозрачный? Поставьте 0.3
   - Хотите менее прозрачный? Поставьте 0.7 или 0.85
   ============================================================ */

@media (max-width: 768px) {
    
    /* ----- ОСНОВНОЙ КОНТЕЙНЕР ПОДМЕНЮ ----- */
    .t-menusub__content,
    .t-menusub__list {
        /* Полупрозрачный белый фон (50%) */
        background-color: rgba(255, 255, 255, 0.5) !important;
        
        /* Эффект размытия стекла (glassmorphism) */
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        
        /* Лёгкая тень для глубины */
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
        
        /* Отступы как в оригинальном дизайне */
        padding: 20px 15px !important;
        margin: 0 !important;
        
        /* Убираем скругление углов и рамки */
        border-radius: 0 !important;
        border: none !important;
        outline: none !important;
    }
    
    /* ----- КАЖДЫЙ ПУНКТ СПИСКА ----- */
    .t-menusub__list-item {
        /* Фон такой же полупрозрачный */
        background-color: rgba(255, 255, 255, 0.5) !important;
        
        /* Убираем серые полоски между пунктами */
        border: none !important;
        border-bottom: none !important;
        
        /* Расстояние между пунктами */
        padding: 6px 0 !important;
        margin: 0 !important;
        
        /* Выравнивание по центру */
        display: block !important;
        text-align: center !important;
    }
    
    /* ----- ССЫЛКИ (ТЕКСТ) В ПОДМЕНЮ ----- */
    .t-menusub__link-item {
        /* Прозрачный фон, чтобы просвечивал родительский */
        background-color: transparent !important;
        
        /* Цвет текста - тёмный для читаемости */
        color: #1a1a1a !important;
        
        /* Отступы внутри ссылки */
        padding: 6px 0 !important;
        
        /* Размер и начертание шрифта */
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        
        /* Убираем подчёркивание */
        text-decoration: none !important;
        
        /* Перенос длинных слов, чтобы влезали */
        white-space: normal !important;
        word-wrap: break-word !important;
        
        /* Выравнивание по центру */
        text-align: center !important;
        
        /* Убираем любые рамки */
        border: none !important;
        outline: none !important;
    }
    
    /* ----- ЭФФЕКТ ПРИ КАСАНИИ (на мобильных) ----- */
    .t-menusub__link-item:active {
        background-color: rgba(0, 0, 0, 0.03) !important;
    }
}


/* ============================================================
   УБИРАЕМ ВСЕ РАМКИ У ПОДМЕНЮ (ДЛЯ ВСЕХ ЭКРАНОВ)
   ============================================================
   Это дополнительная страховка, чтобы рамки точно исчезли
   на всех устройствах.
   ============================================================ */

.t-menusub,
.t-menusub__content,
.t-menusub__list,
.t-menusub__list-item,
.t-menusub__link-item {
    border: none !important;
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    outline: none !important;
    outline-style: none !important;
}

/* Убираем рамки у ВСЕХ вложенных элементов (на всякий случай) */
.t-menusub *,
.t-menusub__content *,
.t-menusub__list * {
    border: none !important;
    border-style: none !important;
    border-width: 0 !important;
    outline: none !important;
}


/* ============================================================
   КАК НАСТРОИТЬ ПРОЗРАЧНОСТЬ (измените цифру 0.5)
   ============================================================
   
   rgba(255, 255, 255, 0.5)
   ↑        ↑        ↑
   Белый    Белый    Прозрачность:
   цвет     цвет     0.0 = полностью прозрачный
                     0.3 = очень прозрачный
                     0.5 = наполовину (СЕЙЧАС)
                     0.7 = слегка прозрачный
                     0.9 = почти непрозрачный
                     1.0 = полностью белый
   
   Где менять: ищите в коде выше все строки с
   background-color: rgba(255, 255, 255, 0.5)
   и меняйте 0.5 на нужное число.
   ============================================================ */