/* ==========================================================================
   Footer - pied de page, 4 colonnes (marque / Boutique / Atelier / Contact).
   Reproduction de A_Footer (design_handoff_museaux/direction-a.jsx) +
   ajout d'une ligne « légale » centrée (mention TVA franchise + adresse).
   ========================================================================== */

.mdm-footer {
    margin-top: var(--m-space-xxl);
    padding: 48px var(--m-page-padding) 32px;
    border-top: 1px solid rgba(74,56,50,.1);
    font-family: var(--m-font-body);
    font-size: 13px;
    color: var(--m-ink-2);
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 32px;
    line-height: 1.6;
}

/* - Colonne marque (large) - */
.mdm-footer__brand-name {
    font-family: var(--m-font-display);
    font-style: italic;
    font-size: 22px;
    color: var(--m-ink);
    line-height: 1;
}

.mdm-footer__brand-suffix {
    font-family: var(--m-font-hand);
    font-size: 18px;
    color: var(--m-gold);
    line-height: 1;
    margin: 4px 0 14px;
}

.mdm-footer__brand-desc {
    line-height: 1.6;
    max-width: 320px;
    margin: 0;
}

/* - Colonnes liens - */
.mdm-footer__col-title {
    color: var(--m-ink);
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 14px;
}

.mdm-footer__col-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.mdm-footer__col-list a {
    color: var(--m-ink-2);
    text-decoration: none;
    transition: color var(--m-fast) var(--m-ease);
}

.mdm-footer__col-list a:hover { color: var(--m-gold); }

/* - Ligne légale centrée - */
.mdm-footer__legal {
    grid-column: 1 / -1;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid rgba(74,56,50,.08);
    text-align: center;
    font-size: 12px;
    color: var(--m-ink-2);
    line-height: 1.5;
}

.mdm-footer__legal a { color: var(--m-ink-2); }
.mdm-footer__legal a:hover { color: var(--m-gold); }

/* - Responsive - */
@media (max-width: 900px) {
    .mdm-footer {
        grid-template-columns: 1fr 1fr;
        padding: 40px var(--m-space) 24px;
        gap: 24px;
    }
}

@media (max-width: 600px) {
    .mdm-footer { grid-template-columns: 1fr; gap: 20px; }
}