/* Адаптация header под мобильные устройства - как на Binance.com */

/* Мобильная версия для экранов до 768px */
@media screen and (max-width: 768px) {
    
    /* Основной контейнер header */
    ._CWC .header-container,
    .header-container {
        padding: 0 16px !important;
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }
    
    /* Скрываем все меню слева (Buy Crypto, Markets, Trade и т.д.) */
    ._CWC .header-leftside .header-menu-item,
    .header-leftside .header-menu-item,
    ._CWC .header-menu-item,
    .header-menu-item {
        display: none !important;
    }
    
    /* Логотип остается видимым */
    ._CWC .header-leftside > a:first-child,
    .header-leftside > a:first-child,
    ._CWC .header-leftside > div:first-child,
    .header-leftside > div:first-child {
        display: flex !important;
        height: 56px !important;
        align-items: center !important;
    }
    
    ._CWC .header-leftside .logo-link,
    .header-leftside .logo-link {
        display: flex !important;
    }
    
    /* Скрываем ВСЕ элементы справа */
    ._CWC .header-rightside > *,
    .header-rightside > *,
    ._CWC .header-menu-rightItem,
    .header-menu-rightItem,
    ._CWC .header-rightside button,
    .header-rightside button,
    ._CWC .header-rightside a,
    .header-rightside a,
    ._CWC .header-rightside .bn-tooltips-wrap,
    .header-rightside .bn-tooltips-wrap {
        display: none !important;
    }
    
    /* Показываем ТОЛЬКО бургер-меню */
    ._CWC .header-rightside .rwd-768-flex,
    .header-rightside .rwd-768-flex,
    ._CWC .rwd-768-flex,
    .rwd-768-flex {
        display: flex !important;
        align-items: center !important;
        height: 56px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Иконка бургера */
    ._CWC .rwd-768-flex .bn-svg,
    .rwd-768-flex .bn-svg {
        font-size: 24px !important;
        width: 24px !important;
        height: 24px !important;
        cursor: pointer !important;
        color: var(--color-PrimaryText) !important;
    }
    
    /* Левая часть - только логотип */
    ._CWC .header-leftside,
    .header-leftside {
        height: 56px !important;
        flex: 0 !important;
        gap: 0 !important;
    }
    
    /* Правая часть */
    ._CWC .header-rightside,
    .header-rightside {
        height: 56px !important;
        gap: 0 !important;
        display: flex !important;
    }
}