/* ============================================================
 * Footer Layout — Styles du pied de page commun
 * ============================================================ */

.footer-main {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Liens footer */
.footer-link {
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.footer-link:hover {
    padding-left: 4px;
}

/* Icônes réseaux sociaux */
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: transform 0.2s ease, background 0.2s ease;
}

.social-icon:hover {
    transform: translateY(-3px);
}

/* Séparateur newsletter */
.newsletter-input {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.newsletter-input:focus {
    border-color: #08a3ff;
    box-shadow: 0 0 0 3px rgba(8, 163, 255, 0.15);
    outline: none;
}