/*
 * POPUP MEDIA KRAFT (image) — système réutilisable
 * ============================================================
 * Styles de la popup déclenchée par js/popup-media.js sur les liens
 * vers images (.jpg .jpeg .png .webp .gif .svg).
 *
 * Les liens vers .pdf gardent leur comportement natif (téléchargement
 * ou affichage selon la config navigateur de l'utilisateur).
 *
 * Réutilise .ps-popup-overlay, .ps-popup-wrap, .ps-popup,
 * .ps-popup-cadre, .ps-popup-close, .ps-popup-inner du glossaire.
 * Définit seulement le modifieur spécifique :
 *   .ps-popup-wrap--media-image : compact, juste image + close
 */

/* ── Modifieur --media-image ───────────────────────────── */

.ps-popup-wrap--media-image .ps-popup {
    width: auto;
    max-width: 95vw;
    max-height: 95vh;
}

.ps-popup-wrap--media-image .ps-popup-cadre {
    max-height: 95vh;
    padding: 1rem;
}

.ps-popup-wrap--media-image .ps-popup-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps-popup-wrap--media-image .ps-popup-media-img {
    display: block;
    max-width: 100%;
    max-height: calc(95vh - 4rem);
    width: auto;
    height: auto;
    object-fit: contain;
}
