/* =========================================
   ФИНАЛЬНЫЙ ОБНОВЛЕННЫЙ header.css
   (Шапка + Меню + Мобильная версия)
========================================= */

/* 1. Обнуление */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* 2. ОБЩАЯ ОБЕРТКА (Держит шапку и меню вместе при скролле) */
.top-fixed-section {
    position: sticky;
    top: 0;
    z-index: 10000;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* 3. ВЕРХНЯЯ ШАПКА (Логотип и Контакты) */
.main-header {
    width: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 0; /* Отступы сверху и снизу для шапки */
}

.header-container {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px;
}

/* Логотип */
.logo { 
    font-size: 15px; font-weight: 800; color: #0A192F !important; 
    text-decoration: none; letter-spacing: 1px; 
}
.logo span { color: #C5A059; font-weight: 400; }

/* Правая часть (Язык, Телефон) */
.header-right { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 25px; }

/* Выбор языка */
.lang-dropdown { position: relative; display: inline-block; }
.lang-current {
    cursor: pointer; 
    font-weight: 700; 
    font-size: 12px; 
    color: #0A192F;
    display: flex; 
    align-items: center; 
    gap: 6px;
    padding: 6px 14px; 
    
    /* УБРАЛИ border: 1px solid #e2e8f0; */
    border: none !important; 
    
    background: transparent; 
    transition: 0.3s;
}
.lang-dropdown:hover .lang-current { 
    border-color: transparent !important; /* На всякий случай гасим рамку */
    color: #C5A059; 
}

.lang-list {
    display: none; position: absolute; top: 100%; right: 0; left: auto;
    background: #ffffff; width: max-content; min-width: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 6px;
    padding: 8px 0; z-index: 10002; border: 1px solid #f1f5f9; margin-top: 5px;
}
.lang-list a {
    display: block; padding: 5px 10px; text-decoration: none;
    color: #475569; font-size: 13px; font-weight: 700; transition: 0.2s; text-align: center;
}
.lang-list a:hover { background: #f8fafc; color: #C5A059; }
.lang-list a.active { color: #C5A059 !important; background: #f1f5f9; }

/* Телефон */
.phone-link {
    color: #0A192F !important; text-decoration: none; font-weight: 700;
    font-size: 12px; transition: 0.3s; white-space: nowrap;
}
.phone-link:hover { color: #C5A059 !important; }


/* =========================================
   4. НИЖНЯЯ ЧАСТЬ: БРОНЕБОЙНОЕ МЕНЮ (ПК)
========================================= */
.aisha-menu-container {
    width: 100% !important;
    background-color: #ffffff !important;
    padding: 15px 0 !important; /* Толщина меню */
    display: flex !important;
    justify-content: center !important;
    border-bottom: 1px solid #e5e7eb !important; /* Полоска снизу */
    border-top: 1px solid #e5e7eb !important;    /* Полоска сверху (отделяет от шапки) */
    position: relative !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.aisha-menu-list {
    display: flex !important; list-style: none !important; margin: 0 !important;
    padding: 0 !important; gap: 30px !important; align-items: center !important;
}

.aisha-menu-list li a {
    color: #1f2937 !important; font-size: 16px !important; font-weight: 600 !important;
    text-transform: uppercase !important; text-decoration: none !important; display: block !important;
    transition: color 0.3s ease !important;
}
.aisha-menu-list li a:hover, .aisha-menu-list li a.active {
    color: #C5A059 !important; /* Золотой цвет при наведении */
}


/* =========================================
   5. МОБИЛЬНАЯ ВЕРСИЯ (БУРГЕР И ВЫПАДАЮЩЕЕ МЕНЮ)
========================================= */

/* Стили для кнопки бургера (по умолчанию скрыта на ПК) */
.burger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    cursor: pointer;
    margin-left: 15px;
}
.burger-menu span {
    display: block; height: 3px; width: 100%; background-color: #0A192F;
    border-radius: 3px; transition: 0.3s;
}

/* Анимация крестика для бургера */
.burger-menu.active span:nth-child(1) { transform: translateY(8.5px) rotate(45deg); }
.burger-menu.active span:nth-child(2) { opacity: 0; }
.burger-menu.active span:nth-child(3) { transform: translateY(-8.5px) rotate(-45deg); }


/* Адаптив для экранов меньше 992px (Планшеты и Телефоны) */
@media (max-width: 992px) {
    .header-container { padding: 0 20px; }
    
    /* Показываем бургер */
    .burger-menu { display: flex; }

    /* Превращаем горизонтальное меню в мобильное выпадающее */
    .aisha-menu-container {
        display: none !important; /* Скрыто до клика на бургер */
        flex-direction: column !important;
        position: absolute !important;
        top: 100% !important; /* Выпадает ровно из-под шапки */
        left: 0 !important;
        padding: 20px 0 !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
        border-top: none !important;
    }

    /* Класс, который добавляет JS для показа меню */
    .aisha-menu-container.show-mobile-menu { 
        display: flex !important; 
    }

    .aisha-menu-list { 
        flex-direction: column !important; 
        gap: 20px !important; 
    }
}

/* Этот класс будет добавляться через JS при клике */
.lang-dropdown.active .lang-list {
    display: block !important;
}