#footer .contact-box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
}

/* e-mail a telefon každý na svém řádku */
#footer .contact-box ul > li:not(.social-icon-list) {
    order: 0;
    flex: 0 0 100%;
}

/* neviditelný zlom před ikonami */
#footer .contact-box ul::after {
    content: "";
    flex: 0 0 100%;
    height: 0;
    margin: 0;
    order: 1;
}

/* ikony na společném řádku pod tím */
#footer .contact-box ul > li.social-icon-list {
    order: 2;
    flex: 0 0 auto;
    margin: 0;
}

#footer .contact-box ul > li:not(.social-icon-list) {
    flex: 0 0 100%;
    display: block;
}

/* pro případ, že mail i telefon jsou v jednom li */
#footer .contact-box .mail,
#footer .contact-box .tel,
#footer .contact-box .phone {
    display: block !important;
    margin-left: 0 !important;
}

#footer .contact-box .tel,
#footer .contact-box .phone {
    margin-top: 8px;
}

#footer .custom-footer__contact {
    text-align: center;
}

#footer .contact-box ul {
    justify-content: center;
}

#footer .contact-box ul > li:not(.social-icon-list) {
    text-align: center;
}

#footer .contact-box img {
    margin-left: auto;
    margin-right: auto;
}