/**
 * Footer mobile spacing fix.
 * On small screens the Elementor footer columns stack vertically but keep
 * their desktop padding/margins, producing large empty gaps (notably a huge
 * blank area around the brand logo). Tighten spacing and shrink the logo.
 */
/* Tablet + mobile: kill the large empty gaps in the stacked footer. */
@media (max-width: 1024px) {
    /* Reduce oversized column padding */
    #footer .elementor-inner-section .elementor-column .elementor-widget-wrap.elementor-element-populated {
        padding: 0;
    }

    /* Consistent spacing between footer columns */
    #footer .elementor-inner-section > .elementor-container > .elementor-column {
        margin-bottom: 40px;
    }

    /* Shrink the oversized brand logo */
    #footer .master-logo.logo-image img {
        width: 160px;
        height: auto;
    }

    /* Collapse the big empty gap between the logo and the tagline */
    #footer .elementor-widget-mae-logo {
        margin-bottom: 12px;
    }
    #footer .elementor-widget-text-editor {
        margin-bottom: 16px;
    }
    #footer .elementor-widget-mae-social-icons {
        margin-bottom: 0;
    }

    /* Reduce the footer's own top/bottom padding */
    #footer .elementor-element-89f3829 > .elementor-container {
        padding-top: 40px;
        padding-bottom: 24px;
    }
}

@media (max-width: 767px) {
    #footer .elementor-inner-section > .elementor-container > .elementor-column {
        margin-bottom: 32px;
    }
    #footer .elementor-inner-section > .elementor-container > .elementor-column:last-child {
        margin-bottom: 0;
    }
}

/* "Développé par BRIMIND" credit in the bottom bar */
#footer .rbc-credit {
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    opacity: 0.8;
}
#footer .rbc-credit a {
    color: inherit;
    text-decoration: underline;
    font-weight: 600;
}
#footer .rbc-credit a:hover {
    opacity: 1;
}