/* 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__contact-icon .mg-footer-contact-svg {
    width: 14px;
    height: 14px;
}

.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;
    }
}