/* ==========================================================
   FOOTER
   Même traitement visuel que le header : fond clair, bordure
   fine, texte discret — pour un rendu sobre et professionnel.
========================================================== */

.mpr-footer{
    height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 36px;
    margin-top:24px;
    background:var(--mpr-surface);
    border-top:1px solid var(--mpr-border);
}

.mpr-footer-left{
    font-size:12px;
    color:var(--mpr-text-light);
}

.mpr-footer-links{
    display:flex;
    align-items:center;
    gap:20px;
}

.mpr-footer-links a{
    font-size:12px;
    font-weight:500;
    color:var(--mpr-text-light);
    text-decoration:none;
    transition:color .20s ease;
}

.mpr-footer-links a:hover{
    color:var(--mpr-primary);
}

/* Lien Instagram (includes/instagram_link.php) : icône SVG + libellé. */
.mpr-footer-links .mpr-footer-instagram{
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.mpr-footer-instagram svg{
    width:14px;
    height:14px;
    flex-shrink:0;
}

/* .mpr-footer avait une hauteur fixe (56px, comme .mpr-header avant son
   propre correctif) — sur mobile, le texte de copyright + les liens
   légaux passent à la ligne mais la hauteur fixe les coupe en haut et
   en bas de la barre au lieu de s'adapter. Repéré lors du test mobile
   réel pré-panel. */
@media (max-width:768px){
    .mpr-footer{
        height:auto;
        min-height:56px;
        flex-wrap:wrap;
        justify-content:center;
        row-gap:8px;
        padding:14px 16px;
        text-align:center;
    }

    .mpr-footer-links{
        flex-wrap:wrap;
        justify-content:center;
        row-gap:6px;
    }
}