/*
 * AEGLE Footer Menu Images
 * Mirrors the compact visual rhythm of the Latest News footer widget.
 */

#footer .aegle-footer-solution-item > a {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

#footer .aegle-footer-solution-thumb {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
}

#footer .aegle-footer-solution-thumb img,
#footer img.aegle-footer-solution-image {
    display: block;
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    object-fit: cover;
    border-radius: 0;
}

#footer .aegle-footer-solution-label {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#footer .aegle-footer-solution-label .menu-item-text {
    display: block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Keep the existing The7 separators while aligning rows neatly. */
#footer .aegle-footer-solution-item > a {
    min-height: 40px;
}

/* Smaller screens: keep the thumbnail and title on one compact row. */
@media (max-width: 778px) {
    #footer .aegle-footer-solution-item > a {
        gap: 12px;
    }
}