/* ====================== Mobile Header Fix ============================ */
/* Этот файл содержит исправления для мобильной версии header с высокой специфичностью */

/* Mobile-specific styles for header elements */
@media (max-width: 768px) {

    /* Стили для верхнего блока с логотипом и текстом - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        margin-top: 40px !important;
        /* Опускаем на 30px от кнопки бургера */
        padding: 0 15px !important;
        gap: 15px !important;
        /* Промежуток между логотипом и текстом */
    }

    /* Стили для логотипа в верхнем блоке - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__logo img,
    body .header .header__nav.nav.logo_nav .logo img {
        width: 90px !important;
        height: auto !important;
        margin-right: 0 !important;
        max-width: none !important;
    }

    /* Стили для текста рядом с логотипом в верхнем блоке - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__name {
        text-align: left !important;
        margin-left: 0 !important;
    }

    /* Увеличиваем шрифт для h3 (Престиж Этикетки) в верхнем блоке - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__name h3 {
        font-size: 40px !important;
        /* Фиксированный размер вместо процентов */
        margin: 5px 0 !important;
        font-weight: 250 !important;
        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
        color: var(--color000) !important;
        line-height: 1.1 !important;
        /* Уменьшаем межстрочный интервал */

        /* Запрещаем перенос по слогам, разрешаем только целыми словами */
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
        -moz-hyphens: none !important;
        white-space: pre-line !important;
        /* Разрешаем переносы строк по \n */
    }

    /* Увеличиваем надпись "Типография основана в 2007 году" в верхнем блоке - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__name p {
        font-size: 12px !important;
        /* Фиксированный размер вместо процентов */
        margin: 2px 0 !important;
        font-weight: 600 !important;
        letter-spacing: 0.47em !important;
        color: var(--color707c88) !important;
        line-height: 1.2 !important;
        /* Уменьшаем межстрочный интервал */
        white-space: pre-line !important;
        /* Разрешаем переносы строк по \n */
    }

    /* Скрываем оригинальные социальные иконки в header - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__service,
    body .header .header__nav.nav.logo_nav .service__list {
        display: none !important;
    }

    /* Показываем телефон в основном header - ВЫСОКАЯ СПЕЦИФИЧНОСТЬ */
    body .header .header__nav.nav.logo_nav .header__phone {
        display: block !important;
        position: absolute !important;
        top: 10px !important;
        right: 0px !important;
        z-index: 1000 !important;
        font-size: 22px !important;
    }

    /* Дополнительные стили для мобильного меню половинной ширины */
    .modile__nav .mob_nav-cntr {
        width: 50% !important;
        /* Подтверждаем половинную ширину */
        min-width: 280px !important;
        /* Минимальная ширина для комфортного отображения */
    }

    /* Стили для навигационных ссылок в узком меню */
    .mob_nav-cntr .header__nav .header__link {
        font-size: 14px !important;
        /* Немного уменьшаем шрифт для лучшего размещения */
        padding: 8px 0 !important;
        white-space: nowrap !important;
        /* Предотвращаем перенос текста */
    }

    /* Специальные стили для ссылки "Самоклеящиеся этикетки" - разрешаем перенос строк */
    .mob_nav-cntr .header__nav .header__link[href="/samokleyashchiesya-etiketki/"] {
        white-space: pre-line !important; /* Разрешаем переносы строк по \n */
        line-height: 1.3 !important; /* Уменьшаем межстрочный интервал */
        padding: 12px 0 !important; /* Увеличиваем padding для двухстрочного текста */
    }

    /* Стили для кнопки "Онлайн заказ" в узком меню */
    .mob_nav-cntr .online-btn {
        font-size: 0.9rem !important;
        padding: 8px 20px !important;
        /* Уменьшаем padding для экономии места */
    }

    /* Социальные иконки в мобильном меню */
    .mobile-social-container .service__list {
        justify-content: space-around !important;
        /* Равномерно распределяем иконки */
    }
}