/* Цвет как у блока бронирования Travelline */
:root {
    --header-menu-bar-bg: #455268;
    --header-menu-bar-bg-90: rgba(69, 82, 104, 0.9);
    --header-menu-bar-bg-80: rgba(69, 82, 104, 0.8);
}
/* Полоса навигации */
.header__navigation {
    background-color: var(--header-menu-bar-bg);
}

.header__top-block--open-menu .header__navigation,
.header__top-block--scrolled .header__navigation,
.header--inner .header__navigation,
.header--static .header__navigation {
    background-color: var(--header-menu-bar-bg);
}


/* Мобильная шапка (верхняя полоса с логотипом) */

@media (max-width: 767px) {
    .header__top {
        background-color: var(--header-menu-bar-bg-90) !important;
    }

}


@media (max-width: 1325px) {
    .header--inner .header__top,
    .header--static .header__top,
    .header__top-block--scrolled .header__top {
        background-color: var(--header-menu-bar-bg-90) !important;
    }

}


/* Окно выбора гостиницы */

.header__top-block .switcher {
    background-color: var(--header-menu-bar-bg-80);
}


@media (max-width: 1325px) {
    .header__top-block .switcher {
        background-color: var(--header-menu-bar-bg-80) !important;
    }
}


.switcher__button--open {
    background-color: var(--header-menu-bar-bg-80) !important;
}


@media (max-width: 1325px) {
    .switcher__button--open {
        background-color: var(--header-menu-bar-bg) !important;
    }
}
.switcher__content {
    background-color: var(--header-menu-bar-bg-90) !important;
}


/* Подвал с контактами */
.footer,
.page__footer.footer {
    background-color: var(--header-menu-bar-bg) !important;
}

.header__contacts-aside {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.header__contacts-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.header__contacts-max {
    display: none;
}

/* Мобилка/планшет: место, телефон и MAX в один ряд с равным расстоянием */
@media (max-width: 1325px) {
    .header__contacts {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 24px;
    }

    .header--management .header__contacts,
    .header--network .header__contacts {
        grid-template-columns: none;
    }

    .header__contacts-address {
        margin-right: 0;
    }

    .header__contacts-aside {
        display: contents;
    }

    .header__contacts-max {
        display: inline-flex;
        align-items: center;
        line-height: 1;
    }

    .header__contacts-max .icon-max {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .header__contacts {
        gap: 20px;
    }

    .header__contacts-max .icon-max {
        width: 24px;
        height: 24px;
    }
}

.header__contacts-social {
    justify-content: center;
    column-gap: 16px;
    row-gap: 8px;
    margin-top: 8px;
}

.header__contacts-social .social__item {
    margin-right: 0;
    font-size: 20px;
}

/* Планшет и мобилка: иконки в шапке ломают сетку — показываем в футере */
@media (max-width: 1325px) {
    .header__contacts-social {
        display: none !important;
    }
}

.footer__social--mobile-only {
    display: none;
}

@media (max-width: 1325px) {
    .footer__social--mobile-only {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 16px;
        padding: 0;
        row-gap: 12px;
    }

    .footer__social--mobile-only .social__item {
        margin-right: 20px;
        font-size: 20px;
    }

    .footer__social--mobile-only .social__item:last-child {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .footer__social--mobile-only {
        justify-content: center;
        margin-top: 20px;
    }

    .footer__social--mobile-only .social__item {
        margin-right: 16px;
        font-size: 22px;
    }
}

/* Иконка MAX (вместо WhatsApp) — размер как у iconfont */
.icon-max::before {
    content: none;
}

.social__item.icon-max,
.link.icon-max,
.header__contacts-icon.icon-max {
    display: inline-block;
    background: url("/local/templates/template1/public/assets/images/max-logo.png") center / contain no-repeat;
    vertical-align: middle;
}

.social__item.icon-max,
.link.icon-max {
    width: 18px;
    height: 18px;
}

.social__item.icon-max {
    opacity: 0.6;
}

.social__item.icon-max:hover,
.social__item.icon-max:focus {
    opacity: 1;
}