/* public/css/footer.css - Styles spécifiques au pied de page */

/* ===== SECTION FOOTER ===== */
.footer-section {
    background: var(--secondary-green);
    color: var(--white);
    padding: var(--spacer-20) 0; /* Correspond à py-5 de Bootstrap, avec variable pour cohérence */
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
}

.footer-section h5 {
    color: var(--light-green);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--spacer-3);
    font-size: var(--font-size-lg);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-section ul.list-unstyled li {
    margin-bottom: var(--spacer-2);
}

.footer-section a.text-white {
    color: var(--white);
    text-decoration: none;
    transition: var(--transition-base);
}

.footer-section .hover-text-light-green:hover {
    color: var(--light-green);
    transform: translateX(4px); /* Petit effet de déplacement pour dynamisme, aligné avec les hovers existants */
}

.footer-section .text-light-green {
    color: var(--light-green);
}

/* Icônes sociales */
.footer-section .fab {
    font-size: var(--font-size-xl);
    transition: var(--transition-base);
}

.footer-section .fab:hover {
    transform: scale(1.1);
    color: var(--light-green);
}

/* Ligne de séparation et copyright */
.footer-section .border-top {
    border-color: var(--gray-300) !important; /* Utilisation de !important pour override Bootstrap si nécessaire */
    padding-top: var(--spacer-3);
}

.footer-section .text-center p {
    font-size: var(--font-size-sm);
    opacity: 0.9;
    margin-bottom: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .footer-section {
        padding: var(--spacer-12) 0; /* Réduction du padding sur mobile pour optimiser l'espace */
    }

    .footer-section .row > div {
        margin-bottom: var(--spacer-4); /* Espacement entre colonnes sur mobile */
    }

    .footer-section h5 {
        font-size: var(--font-size-base);
    }

    .footer-section ul.list-unstyled li {
        margin-bottom: var(--spacer-1);
    }
}

@media (max-width: 480px) {
    .footer-section .d-flex.gap-3 {
        justify-content: center; /* Centrage des icônes sociales sur petits écrans */
    }
}