/* ==========================================================================
   1. NON-STICKY HEADER — BRIGHT GLASS (Начальное состояние шапки)
   ========================================================================== */
.ct-header:not([data-sticky*="yes"]) [data-row="middle"] {
    /* Использование переменных для цвета и размытия */
    background: linear-gradient(
        180deg,
        rgba(45, 65, 95, 0.9),  
        rgba(25, 40, 65, 0.85)  
    ) !important;

    backdrop-filter: var(--blur-medium) !important;
    -webkit-backdrop-filter: var(--blur-medium) !important;

    /* Внутренний блик сверху и мягкая тень снизу */
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2), 
        0 8px 30px rgba(0, 0, 0, 0.4);

    border: 1px solid rgba(255, 255, 255, 0.15);

    transition:
        background 0.45s ease,
        backdrop-filter 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s ease,
        opacity 0.45s ease;
}

/* ==========================================================================
   2. STICKY HEADER — CAPSULE LIQUID GLASS (При скролле)
   ========================================================================== */
/* Убираем стандартный фон Blocksy у липкой оболочки */
div[data-sticky*="yes"] {
    background-color: transparent !important;
    box-shadow: none !important;
    padding-top: 15px !important; 
    transition: all 0.3s ease !important;
}

/* Сама стеклянная капсула */
div[data-sticky*="yes"] [data-row="middle"] {
    background-color: rgba(40, 60, 90, 0.85) !important; 
    
    backdrop-filter: var(--blur-heavy) !important;
    -webkit-backdrop-filter: var(--blur-heavy) !important;

    /* Неоновая индустриальная рамка */
    border: 1px solid var(--accent-color) !important; 

    /* Сложное свечение: внешняя тень + внешний красный глоу + внутренний холодный свет */
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.9),            
        0 0 45px rgba(255, 50, 20, 0.6),           
        inset 0 0 50px rgba(130, 230, 255, 0.35) !important; 
    
    /* Геометрия капсулы */
    border-radius: 50px !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
    width: auto !important;
}

/* Исправление углов (чтобы внутренний контент Blocksy не вылезал за рамки капсулы) */
div[data-sticky*="yes"] [data-row="middle"] .ct-container {
    border-radius: 50px !important;
}

/* ==========================================================================
   3. LOGO ANIMATION (Эффект нагрева при наведении)
   ========================================================================== */
.site-logo img {
    /* Пружинистый кубический Безье для дорогого эффекта анимации */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

.site-logo img:hover {
    transform: scale(1.1); 
    /* Красный drop-shadow по контуру логотипа */
    filter: drop-shadow(0 0 15px var(--accent-glow)) brightness(1.2);
}

/* ==========================================================================
   4. RESPONSIVE (Адаптация капсулы под мобильные экраны)
   ========================================================================== */
@media (max-width: 690px) {
    div[data-sticky*="yes"] [data-row="middle"] {
        /* Сужаем отступы по бокам на смартфонах */
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 30px !important; 
    }
    
    div[data-sticky*="yes"] {
        padding-top: 10px !important;
    }
}