/* ================================================================
   MDD AIR CARGO — contact.css
================================================================ */

.mdd-contact { padding-block: var(--section-pad); background: var(--blanc); }
.mdd-contact__grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 3rem;
    align-items: start;
}

.mdd-contact__lead { color: var(--gris); margin: 1rem 0 1.75rem; }

/* Coordonnées */
.mdd-contact__info {
    background: var(--bleu-marine);
    color: #fff;
    border-radius: var(--radius-lg);
    padding: 2rem;
}
.mdd-contact__info-title { color: #fff; font-size: 1.35rem; margin-bottom: 1.25rem; }
.mdd-contact__email {
    display: inline-flex; align-items: center; gap: .5rem;
    color: var(--orange); font-weight: 600; margin-bottom: 1.75rem; word-break: break-all;
}
.mdd-contact__office { padding-top: 1.25rem; border-top: 1px solid rgba(255,255,255,.15); margin-top: 1.25rem; }
.mdd-contact__office:first-of-type { border-top: none; margin-top: 0; padding-top: 0; }
.mdd-contact__office-name { color: #fff; font-size: 1.05rem; margin-bottom: .5rem; }
.mdd-contact__flag { font-size: 1.15rem; }
.mdd-contact__addr { color: rgba(255,255,255,.75); font-size: .9rem; line-height: 1.55; margin-bottom: .75rem; }
.mdd-contact__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.mdd-contact__phone, .mdd-contact__wa {
    display: inline-flex; align-items: center; gap: .3rem;
    font-size: .82rem; font-weight: 600;
    padding: .35rem .75rem; border-radius: var(--radius-full);
    background: rgba(255,255,255,.1); color: #fff; transition: background var(--ease);
}
.mdd-contact__phone:hover { background: rgba(255,255,255,.2); }
.mdd-contact__wa { background: #25D366; }
.mdd-contact__wa:hover { background: #1eb955; }

/* Cartes */
.mdd-contact-maps { padding-block: var(--section-pad); background: var(--fond-clair); }
.mdd-contact-maps__grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem;
}
.mdd-map {
    background: var(--blanc); border-radius: var(--radius-lg); overflow: hidden;
    box-shadow: var(--shadow-sm); border: 1px solid var(--gris-clair);
}
.mdd-map__label { padding: .9rem 1.1rem; font-family: var(--font-titre); font-weight: 700; color: var(--bleu-marine); font-size: .95rem; }
.mdd-map iframe { width: 100%; height: 240px; border: 0; display: block; }

@media (max-width: 900px) {
    .mdd-contact__grid { grid-template-columns: 1fr; }
    .mdd-contact-maps__grid { grid-template-columns: 1fr; }
}