/* rusbor.wintrahost.ru — custom.css шапки header_5 (этап вёрстка, 2026-06-18).
   Шапка отрисована через override `local/templates/aspro-allcorp3/page_blocks/header_5.php`
   с нашей HTML-структурой (3 flex-блока, классы rusbor-*).
   Здесь — ТОЛЬКО декорация (цвета, типографика, размеры): никаких body[class],
   обнулений margin Аспро, box-sizing border-box, !important.
   Дисциплина: rem от 16px (10.15) + не используем !important (10.16). */

html {
    --theme-border-radius: 10px;
}

/* ============================================================
   HEADER — фон, высота, скругление
   ============================================================ */
header.header.header_5.rusbor-header {
    background: var(--theme-more-color, #308f6f);
    height: 178px;
    border-radius: 0 0 0 60px;

    --rusbor-green-dark: #1f6d56;
}

/* ============================================================
   ВЕРХНЯЯ + НИЖНЯЯ СТРОКА — точные высоты
   ============================================================ */
.rusbor-header .header__inner {
    height: 178px;
    display: flex;
    flex-direction: column;
}
.rusbor-top {
    height: 117px;            /* 178 − 61 (нижняя строка с меню) */
    box-sizing: border-box;
    padding: 18px 0 0;
}
.rusbor-main {
    height: 61px;
    box-sizing: border-box;
}
.rusbor-top > .maxwidth-theme {
    height: 100%;
}
.rusbor-top-inner {
    display: flex;
    align-items: flex-start;
    height: 100%;
}
.rusbor-left {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 82px;             /* отступ слоган ↔ лого */
}
.rusbor-center {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    margin-right: 20px;    /* отступ блок 2 ↔ блок 3 */
}
.rusbor-right {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    width: 199px;
}

/* ============================================================
   ЛОГО 198×63 (макет уточнён шефом 18.06.2026).
   Аспро `.logo { max-width: 182px; height: 50px }` режет — перебиваем явно. */
.rusbor-logo {
    width: 312px;
    max-width: 312px;
    height: 107px;
    flex: 0 0 auto;
}
.rusbor-logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}


/* ============================================================
   СЛОГАН — белый, 22px, без opacity, без max-width
   ============================================================ */
.rusbor-slogan-wrap,
.rusbor-slogan-wrap .slogan,
.rusbor-slogan-wrap .slogan__text {
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.25;
    font-weight: 500;
    opacity: 1;
    max-width: none;
    white-space: nowrap;
}

/* ============================================================
   ТЕЛЕФОН — белый, 18px, без иконки трубки (она убрана NO_ICON=>true в PHP)
   ============================================================ */
.rusbor-center .phones__phone-link,
.rusbor-center .phones__phone-link.dark_link {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
}
.rusbor-center .more-arrow svg path {
    fill: #fff;
}

/* ============================================================
   РЯД [лупа + соц] — прижат справа
   ============================================================ */
.rusbor-icons-row {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
}

/* Лупа — чистая белая иконка на прозрачном фоне (без круга, без обводки) */
.rusbor-search-wrap,
.rusbor-search-wrap .header-search {
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: transparent;
}
.rusbor-search-wrap svg {
    width: 22px;
    height: 22px;
}
.rusbor-search-wrap svg path,
.rusbor-search-wrap svg circle,
.rusbor-search-wrap svg rect {
    fill: #fff;
    stroke: none;
}

/* Соц-блок — штатный аспровский, стиль уточним по уточнению шефа */
.rusbor-social-wrap {
    display: flex;
    align-items: center;
}

/* ============================================================
   КНОПКИ CTA — обе одинакового размера 199×39, тёмно-зелёный фон
   ============================================================ */
.rusbor-right .header-button {
    width: 199px;
}
.rusbor-right .btn,
.rusbor-btn-certs {
    box-sizing: border-box;
    background: var(--rusbor-green-dark);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 9px 22px;
    font-size: 0.9375rem;
    font-weight: 500;
    width: 199px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.rusbor-right .btn:hover,
.rusbor-btn-certs:hover {
    background: #185644;
    color: #fff;
}

/* ============================================================
   НИЖНЯЯ СТРОКА — меню
   ============================================================ */
.rusbor-main-inner .header-menu__link,
.rusbor-main-inner .header-menu__title {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.rusbor-main-inner .header-menu__link:hover,
.rusbor-main-inner .header-menu__link:hover .header-menu__title {
    color: rgba(255,255,255,.85);
}
.rusbor-main-inner .header-menu__item.active > .header-menu__link {
    background: var(--rusbor-green-dark);
    border-radius: 8px;
    padding: 6px 14px;
    color: #fff;
}
.rusbor-main-inner .header-menu__item.active > .header-menu__link .header-menu__title {
    color: #fff;
}