/* top_menu_analytics_highlight.css
 * ----------------------------------------------------------------------------
 * Временный акцент на новом пункте верхнего меню «Аналитика рынка картриджей».
 * Применяется только к десктопной версии меню (обёртка .c-header__top__nav__list);
 * мобильная версия живёт в .c-header__top__mobile__nav и не затрагивается.
 *
 * ОТКАТ: удалить (или закомментировать) одну строку <link> в
 * local/templates/maxitorg/header.php рядом с IncludeComponent top_new.
 * Этот файл можно после отката удалить — больше нигде не подключается.
 * ---------------------------------------------------------------------------- */

@media (min-width: 992px) {

    /* Сам пункт — жёлтый фон с пульсирующим свечением, жирный заглавный текст. */
    .c-header__top__nav__list a[href="/analytics/"] {
        position: relative;
        display: inline-block;
        padding: 7px 14px 7px 62px;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #000 !important;
        -webkit-text-stroke: 0.3px #000;
        background: linear-gradient(135deg, #FFE36B 0%, #FFC700 100%);
        border-radius: 8px;
        box-shadow: 0 0 18px 3px rgba(255, 199, 0, .55);
        text-decoration: none !important;
        animation: rxAnalyticsPulse 2.4s ease-in-out infinite;
        font-family: "Montserrat", "Arial Black", Arial, sans-serif;
    }

    .c-header__top__nav__list a[href="/analytics/"]:hover {
        background: linear-gradient(135deg, #FFD835 0%, #FFB800 100%);
        box-shadow: 0 0 24px 5px rgba(255, 199, 0, .85);
    }

    /* Плашка NEW слева — отдельный жёлтый «бейдж» с собственным glow. */
    .c-header__top__nav__list a[href="/analytics/"]::before {
        content: "NEW";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        background: #FFD400;
        color: #1a1a1a;
        font-family: "Arial Black", Arial, sans-serif;
        font-size: 12px;
        font-weight: 900;
        padding: 4px 8px;
        border-radius: 5px;
        letter-spacing: 0.6px;
        box-shadow: 0 0 14px rgba(255, 200, 0, .95),
                    inset 0 -1px 0 rgba(0, 0, 0, .12);
    }

    /* На случай если родитель — li со своими стилями, добавим отступ справа,
       чтобы выделение не слипалось со следующим пунктом. */
    .c-header__top__nav__list li:has(> a[href="/analytics/"]) {
        margin-right: 6px;
    }

    @keyframes rxAnalyticsPulse {
        0%, 100% { box-shadow: 0 0 18px 3px rgba(255, 199, 0, .55); }
        50%      { box-shadow: 0 0 26px 7px rgba(255, 199, 0, .9); }
    }
}