/* Custom Social Icon for Max.ru - Default */
.social__item.social__item--image.max-ru a {
    background-image: url('/local/templates/aspro-allcorp3-loc/images/svg/max.svg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important; /* Default size */
}

/* Header dropdown specific: needs transparent bg */
.phones__dropdown-item .social__item.social__item--image.max-ru a {
    background-color: transparent !important;
}

/* Footer / Large icons specific: needs white icon, smaller size, and theme background */
.footer__social .social__item.social__item--image.max-ru a,
.social__items--size-large .social__item.social__item--image.max-ru a {
    background-image: url('/local/templates/aspro-allcorp3-loc/images/svg/max_white.svg') !important;
    background-size: 50% !important; /* Reduced size to match the padding of neighboring SVG icons */
    background-color: initial; /* Unset the transparent override so the theme's #474747 applies */
}

/* Global fix for social items to display in a row */
.social__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none !important;
}
.social__items .social__item {
    display: block;
    margin: 0 !important;
    list-style: none !important;
}
.social__items .social__item::before {
    display: none !important; /* Hide dashes from theme lists */
}

/* Specifically for phones dropdown to prevent wrapping if container is small */
.phones__dropdown-item.social-item .social__items {
    flex-wrap: nowrap !important;
}