/* ==========================================================================
   1. BASE STYLE (Глобальный стиль для всех пунктов меню Blocksy)
   ========================================================================== */
.ct-header .ct-menu-link {
    font-family: var(--font-heading) !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;

    /* Исходное полупрозрачное состояние текста и иконок стрелок */
    color: rgba(255, 255, 255, 0.7) !important; 
    fill: rgba(255, 255, 255, 0.7) !important; 
    
    background: transparent !important;
    border: none !important; 
    
    /* Геометрия кликабельной зоны */
    padding: 10px 16px !important;
    margin: 0 3px !important;
    border-radius: 4px !important;
    
    /* Плавная инерционная анимация */
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    transform: translateX(0px) !important;
}

/* Принудительное наследование для вложенных span элементов в Blocksy */
.ct-header .ct-menu-link span {
    color: inherit !important;
    transition: inherit !important;
}

/* ==========================================================================
   2. HOVER STATE (Эффект наведения мыши с красным неоном)
   ========================================================================== */
.ct-header .ct-menu-link:hover,
.ct-header .menu-item:hover > .ct-menu-link {
    color: #ffffff !important;
    fill: #ffffff !important; 
    
    /* Индустриальный разогрев: двойное неоновое свечение текста */
    text-shadow: 
        0 0 10px var(--accent-glow), 
        0 0 20px rgba(255, 46, 0, 0.6) !important;

    /* Легкая подложка из матового стекла */
    background: var(--glass-bg-hover) !important;
    
    /* Микро-сдвиг вправо для динамики */
    transform: translateX(5px) !important;
    
    /* Внутренняя неоновая полоса снизу */
    box-shadow: inset 0 -2px 0 0 var(--accent-color) !important;
}

/* Синхронизация ховера для тегов span */
.ct-header .ct-menu-link:hover span,
.ct-header .menu-item:hover > .ct-menu-link span {
    color: #ffffff !important;
    text-shadow: 0 0 10px var(--accent-glow) !important;
}

/* ==========================================================================
   3. ACTIVE STATE (Текущая открытая страница)
   ========================================================================== */
.ct-header .current-menu-item > .ct-menu-link {
    color: #ffffff !important;
    font-weight: 700 !important;
    
    /* Нижний градиентный наплыв огненного цвета */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.0) 0%, 
        rgba(255, 46, 0, 0.25) 100
    ) !important;
    
    box-shadow: inset 0 -3px 0 0 var(--accent-color) !important;
    transform: translateX(0px) !important;
    padding-left: 24px !important; /* Выделяем место слева под точку-индикатор */
}

/* Пульсирующая красная точка-индикатор активной страницы */
.ct-header .current-menu-item > .ct-menu-link::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    
    width: 6px !important;
    height: 6px !important;
    
    background-color: var(--accent-color) !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
    
    box-shadow: 0 0 8px var(--accent-color) !important;
    animation: pulse-dot 2s infinite ease-in-out !important;
}

@keyframes pulse-dot {
    0% { opacity: 0.5; box-shadow: 0 0 0px var(--accent-color); }
    50% { opacity: 1; box-shadow: 0 0 10px var(--accent-color); }
    100% { opacity: 0.5; box-shadow: 0 0 0px var(--accent-color); }
}

/* Отключаем стандартные декоративные подчеркивания темы Blocksy */
.ct-header .ct-menu-link::after {
    display: none !important; 
}

/* ==========================================================================
   4. SUBMENU — LIQUID GLASS DROPDOWN (Выпадающее меню)
   ========================================================================== */
.ct-header .sub-menu {
    background-color: var(--glass-bg-dark) !important;
    border: 1px solid rgba(255, 60, 30, 0.6) !important; /* Тонкая неоновая рамка */
    
    backdrop-filter: var(--blur-dropdown) !important;
    -webkit-backdrop-filter: var(--blur-dropdown) !important;
    border-radius: 8px !important;
    
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.9),
        0 0 25px rgba(255, 50, 20, 0.15) !important;
        
    padding: 10px 0 !important;
    min-width: 220px !important;
}

/* Ссылки внутри выпадающего списка */
.ct-header .sub-menu .menu-item > a {
    font-family: var(--font-heading) !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    
    color: rgba(255, 255, 255, 0.8) !important;
    background: transparent !important;
    
    padding: 10px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
}

/* Эффект наведения на пункт подменю */
.ct-header .sub-menu .menu-item:hover > a {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(255, 46, 0, 0.15), transparent) !important;
    
    padding-left: 28px !important; /* Красивый сдвиг вправо */
    
    /* Перенос неоновой полосы на левую грань */
    box-shadow: inset 3px 0 0 0 var(--accent-color) !important;
    text-shadow: 0 0 10px rgba(255, 46, 0, 0.6) !important;
}

/* Убираем разделительную линию у финального элемента подменю */
.ct-header .sub-menu .menu-item:last-child > a {
    border-bottom: none !important;
}