/* === Exo 2 — локальный шрифт для логотипа === */
@font-face {
    font-family: "Exo2Local";
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
    src: url("/local/templates/main/css/fonts/exo2/exo2-latin-700-800-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}

@font-face {
    font-family: "Exo2Local";
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
    src: url("/local/templates/main/css/fonts/exo2/exo2-cyrillic-700-800-normal.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Exo2Local";
    font-style: italic;
    font-weight: 700 800;
    font-display: swap;
    src: url("/local/templates/main/css/fonts/exo2/exo2-latin-700-800-italic.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}

@font-face {
    font-family: "Exo2Local";
    font-style: italic;
    font-weight: 700 800;
    font-display: swap;
    src: url("/local/templates/main/css/fonts/exo2/exo2-cyrillic-700-800-italic.woff2") format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* === Топ-бар: layout (лого слева, профиль справа) === */

#top-bar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

#top-bar .col_half {
    width: auto;
    float: none;
    margin: 0;
}

#top-bar .col_half.fright.col_last {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-left: auto;
}


/* === Логотип мир.экспресс === */

.mir-brand {
    display: inline-flex;
    align-items: baseline;
    font-family: "Exo2Local", "Exo 2", sans-serif;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: lowercase;
    white-space: nowrap;
    text-decoration: none;
}

.mir-brand__world {
    color: #f7941d;
    font-style: italic;
}

.mir-brand__express {
    color: #c9a56c;
    font-style: italic;
}


/* === Иконка выхода рядом с ником === */

.top-links-login .auth-user-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.top-links-login .auth-user-item__logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #555;
    transition: all 0.2s ease;
}

.top-links-login .auth-user-item__logout:hover {
    border-color: #f7941d;
    color: #f7941d;
}


/* === Скрыть старый логотип и header-extras === */

#header #logo,
#header .header-extras {
    display: none !important;
}

/* === Поиск в топ-баре (без #top-search компонента) === */

.topbar-search {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 14px;
}

.topbar-search-form {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}

.topbar-search-input {
    width: 100%;
    height: 34px;
    padding: 6px 40px 6px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 13px;
    line-height: 1.2;
    color: #333;
    text-align: right;
}

.topbar-search-input::placeholder {
    text-align: right;
}

.topbar-search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    color: #555;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.topbar-search-submit:hover {
    color: #f7941d;
}

.top-links-login ul li > a.auth-enter-link {
    width: auto;
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

/* Keep login dropdown original width. */
.top-links-login ul div.top-link-section {
    width: 280px;
}


/* === UTP-полоска: тёмная, только внутри #header === */

.header-promo-strip {
    width: 100%;
    background: linear-gradient(102deg, #0a111d 0%, #17263f 55%, #0f1b30 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.header-promo-strip__inner {
    padding: 18px 0 16px;
    text-align: center;
}

.header-promo-strip__title {
    margin: 0 0 8px;
    color: #f3bb64;
    font-family: "Exo2Local", "Exo 2", sans-serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 800;
    line-height: 1.25;
}

.header-promo-strip__text {
    margin: 0 auto;
    max-width: 840px;
    color: rgba(249, 251, 255, 0.95);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

/* === Primary menu: compact + no borders === */
#primary-menu,
#primary-menu.style-2,
#header,
#header-wrap,
#header.sticky-header #header-wrap,
#header.full-header #primary-menu > ul,
#header.full-header #header-wrap,
#primary-menu > ul,
#primary-menu > .container > ul {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#primary-menu ul li,
#primary-menu ul ul li,
#primary-menu ul li .mega-menu-content,
#primary-menu ul li .mega-menu-content.style-2 li {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

#primary-menu > ul > li > a,
#primary-menu > .container > ul > li > a {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

/* Dropdown: remove top border/accent and keep normal line spacing */
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    border-top: 0 !important;
}

#primary-menu ul ul li > a {
    line-height: 1.35 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* === Адаптив === */

@media (max-width: 991px) {
    #top-bar .container {
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .mir-brand {
        font-size: 22px;
    }

    .header-promo-strip__title {
        font-size: 22px;
    }

    .header-promo-strip__text {
        font-size: 15px;
    }

    #primary-menu > ul > li > a,
    #primary-menu > .container > ul > li > a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}