/* МОБИЛЬНЫЕ СТИЛИ ХЕДЕРА - ИСПРАВЛЕНИЯ */

@media (max-width: 767.98px) {
    /* Основной контейнер хедера */
    .header__content {
        padding: 8px 16px;
        min-height: 60px;
    }

    /* Правая панель хедера */
    .header__right-bar {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    /* Селектор "Приватним" - уменьшаем */
    .header__select .base-select__value {
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 0 12px 0 0;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Стрелка селектора */
    .header__select .base-select__arrow {
        right: 8px;
        width: 16px;
        height: 16px;
    }

    /* Ссылки хедера (поиск, глаз, отделения) */
    .header__link {
        margin-right: 6px;
    }

    .header__link .link__text {
        font-size: 12px !important;
        line-height: 14px !important;
    }

    .header__link .link__text svg {
        width: 18px;
        height: 18px;
    }

    /* Скрываем текст "Відділення" на очень маленьких экранах */
    .header__link--mobile-text .link__text span[style*="display: none"] {
        display: none !important;
    }

    /* Переключатель языка */
    .header__language-select {
        margin-right: 6px;
    }

    .language-select__lang_current {
        font-size: 12px !important;
        line-height: 14px !important;
        padding: 4px 8px;
    }

    /* Кнопка 24/7 */
    .header__external--mob {
        width: 50px !important;
        height: 50px !important;
        padding: 8px !important;
    }

    .header__external--mob .link__text {
        font-size: 11px !important;
        line-height: 12px !important;
    }

    .header__external.button {
        height: 40px;
        min-width: 80px;
    }

    .header__external.button .button__text {
        padding: 0 16px;
        font-size: 11px !important;
        line-height: 12px !important;
    }

    .header__external.button .button__text svg {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

    /* Кнопка меню */
    .menu-button {
        width: 50px !important;
        height: 50px !important;
    }

    .menu-button__lines {
        width: 24px;
        height: 24px;
    }

    .menu-button__text {
        font-size: 10px !important;
        line-height: 11px !important;
        margin-top: 2px;
    }

    /* Логотип */
    .logo {
        width: 100px !important;
        height: 50px !important;
    }

    .logo svg {
        width: 100px !important;
        height: 50px !important;
    }

    /* Валютный блок */
    .header__currency {
        padding: 8px 0;
    }

    .currency__item {
        margin-bottom: 4px;
    }

    .currency__item_name {
        font-size: 11px !important;
        line-height: 12px !important;
        margin-right: 6px;
        min-width: 25px;
    }

    .currency__item_value {
        font-size: 11px !important;
        line-height: 12px !important;
    }

    .currency__item_value svg {
        width: 4px;
        height: 4px;
    }
}

/* Дополнительные исправления для очень маленьких экранов */
@media (max-width: 400px) {
    .header__select .base-select__value {
        max-width: 60px;
        font-size: 12px !important;
    }

    .header__link .link__text svg {
        width: 16px;
        height: 16px;
    }

    .header__external--mob {
        width: 45px !important;
        height: 45px !important;
    }

    .menu-button {
        width: 45px !important;
        height: 45px !important;
    }

    .logo {
        width: 90px !important;
        height: 45px !important;
    }

    .logo svg {
        width: 90px !important;
        height: 45px !important;
    }
}

/* Исправления для доступности */
.accessibility-font-small .header__select .base-select__value {
    font-size: 12px !important;
    line-height: 14px !important;
}

.accessibility-font-medium .header__select .base-select__value {
    font-size: 15px !important;
    line-height: 17px !important;
}

.accessibility-font-large .header__select .base-select__value {
    font-size: 16px !important;
    line-height: 18px !important;
}
