/* =========================
FOOTER STYLES
========================= */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /* Only stack footer items that are explicitly marked with .footer-stack */
    footer .footer-stack {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
}

/* Button group styling for responsive layouts */
.btn-group-social {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

@media (max-width: 575.98px) {
    .btn-group-social {
        flex-direction: column;
    }
}