/* Shared header utility icons. The PNG is used as an alpha mask so it follows
 * the current light/dark header colour without maintaining duplicate assets. */
.current-city-active {
    padding-left: 32px;
}

.current-city-active::before {
    top: 50%;
    width: 24px;
    height: 26px;
    margin-top: 0;
    background-color: currentColor;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-image: url('../images/icons/location.png');
    mask-image: url('../images/icons/location.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
    transform: translateY(-50%);
}

/* Mobile navigation drawer: keep the surface light and editorial while adding
 * a restrained brand tint. This overrides the legacy flat #eee / #666 palette
 * from the bundled stylesheet for every page using the shared header. */
@media (max-width: 767px) {
    .m-block {
        background: linear-gradient(155deg, #ffffff 0%, #f6f9fc 56%, #eef8f7 100%);
    }

    .m-block_title {
        border-bottom-color: #dce7ed;
    }

    .m-navi > li > a,
    .m-navi > li > a strong,
    .m-navi > li > span {
        color: #285475;
        font-weight: 500;
    }

    .m-navi > li > span {
        color: #0b8f89;
        font-weight: 600;
    }

    .m-navi > li > a:hover,
    .m-navi > li > a:focus-visible,
    .m-navi > li > a:hover strong,
    .m-navi > li > a:focus-visible strong {
        color: #0b8f89;
    }

    .m-navi li .geo-link {
        color: #45667f;
    }

    .m-navi li .geo-link::before {
        background-color: currentColor;
        background-image: none;
        -webkit-mask: url('../images/icons/location.png') center / contain no-repeat;
        mask: url('../images/icons/location.png') center / contain no-repeat;
    }

    .m-block .h-phone {
        color: #223852;
    }
}