/* Inline SVG replacements for legacy icon fonts. */
.mg-header-mobile-menu-svg,
.mg-header-account-svg,
.mg-footer-contact-svg,
.mg-footer-social-svg,
.mg-mobile-nav-svg,
.mg-mobile-menu-arrow-svg {
    display: block;
    flex: 0 0 auto;
    fill: currentColor;
}

.block-header-back .mobile_menu .mg-header-mobile-menu-svg {
    width: 21px;
    height: 21px;
}

.header-account-icon .mg-header-account-svg {
    width: 23px;
    height: 23px;
    fill: none;
}

.site-footer__contacts .site-footer__contact-icon {
    flex: 0 0 20px;
    width: 20px;
    min-height: 22px;
    color: #d5d5d5;
}

.site-footer__contact-icon .mg-footer-contact-svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-footer__contact-icon .mg-footer-contact-svg--whatsapp {
    width: 19px;
    height: 19px;
    fill: currentColor;
    stroke: none;
}

.site-footer__social .mg-footer-social-svg {
    width: 15px;
    height: 15px;
}

body.magister-mobile-menu-ready
#mobile-main-menu
> li.menu-item-has-children
> .custom-menu-block::before {
    display: none;
}

body.magister-mobile-menu-ready
#mobile-main-menu
> li.menu-item-has-children
> .custom-menu-block
> .mg-mobile-menu-arrow-svg {
    display: block;
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease;
}

body.magister-mobile-menu-ready
#mobile-main-menu
> li.is-mobile-submenu-open
> .custom-menu-block
> .mg-mobile-menu-arrow-svg {
    transform: rotate(90deg);
}

@media (max-width: 800px) {
    .site-footer__social .mg-footer-social-svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 767px) {
    .mobile-bottom-nav__item .mg-mobile-nav-svg {
        width: 21px;
        height: 21px;
    }
}