.clg-article-resources { margin-top:36px; }
.clg-article-images { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin:0 0 28px; }
.clg-article-images.is-single { grid-template-columns:minmax(0,760px); justify-content:center; }
.clg-article-image { margin:0; }
.clg-article-image a { display:block; overflow:hidden; border-radius:18px; background:rgba(255,255,255,.55); }
.clg-article-image img { display:block; width:100%; height:auto; }
.clg-article-image figcaption, .clg-video-card figcaption { padding:8px 4px 0; opacity:.8; font-size:.92em; text-align:center; }

.clg-article-videos { display:grid; gap:22px; margin:0 0 28px; }
.clg-video-card { margin:0; }
.clg-video-card iframe, .clg-video-card video { display:block; width:100%!important; max-width:100%!important; aspect-ratio:16/9; height:auto!important; min-height:320px; border:0; border-radius:18px; background:#000; }
.clg-video-fallback { display:flex; min-height:120px; align-items:center; gap:18px; padding:20px; border-radius:18px; background:rgba(255,255,255,.82); color:inherit; text-decoration:none!important; box-shadow:0 8px 22px rgba(24,58,83,.07); }
.clg-video-play { display:flex; width:58px; height:58px; flex:0 0 58px; align-items:center; justify-content:center; border-radius:50%; background:#1e73be; color:#fff; font-size:20px; }

.clg-article-files { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.clg-file-card { display:flex; min-height:104px; align-items:center; gap:14px; padding:12px; border:1px solid rgba(30,115,190,.18); border-radius:16px; background:rgba(255,255,255,.82); color:inherit; text-decoration:none!important; box-shadow:0 8px 22px rgba(24,58,83,.07); transition:transform .18s ease,box-shadow .18s ease; }
.clg-file-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(24,58,83,.13); }
.clg-file-preview { display:flex; width:80px; height:80px; flex:0 0 80px; align-items:center; justify-content:center; overflow:hidden; border-radius:12px; background:#eaf4fd; }
.clg-file-preview img { width:100%; height:100%; object-fit:cover; }
.clg-file-ext { padding:7px 9px; border-radius:9px; background:#1e73be; color:#fff; font-size:11px; font-weight:800; }
.clg-file-info { min-width:0; }
.clg-file-info strong, .clg-file-info span { display:block; }
.clg-file-info strong { font-size:1em; }
.clg-file-info span { margin-top:5px; opacity:.72; font-size:.9em; }

@media (max-width: 700px) {
    .clg-video-card iframe, .clg-video-card video { min-height:0; }
}

/* Les PDF affichent la vignette de leur première page sans la recadrer. */
.clg-file-card.is-pdf .clg-file-preview { background:#fff; }
.clg-file-preview img.clg-pdf-thumb { object-fit:contain; box-sizing:border-box; padding:4px; background:#fff; }




/* v1.4 — médias placés directement dans le corps de l'article. */
.clg-inline-media { display:inline-block; max-width:100%; margin:8px 18px 16px 0; vertical-align:top; }
.clg-inline-media-left { float:left; clear:none; margin:8px 18px 16px 0; }
.clg-inline-media-right { float:right; clear:none; margin:8px 0 16px 18px; }
.clg-inline-media-center { float:none; clear:both; margin:16px auto; }
.clg-inline-media a { display:block; text-decoration:none; }
.clg-inline-media img { display:block; max-width:100%; height:auto; border-radius:12px; }
.clg-inline-media figcaption, .clg-inline-media-caption { display:block; padding:7px 4px 0; max-width:100%; font-size:.9em; line-height:1.35; text-align:center; opacity:.78; }
.clg-inline-pdf-placeholder { display:flex; align-items:center; justify-content:center; width:220px; height:290px; max-width:100%; border:2px solid rgba(0,0,0,.12); border-radius:12px; background:rgba(255,255,255,.7); font-weight:800; font-size:2rem; }
.clg-inline-media-clear { display:block; clear:both; height:0; overflow:hidden; }
@media (max-width:700px) {
    .clg-inline-media-left, .clg-inline-media-right, .clg-inline-media-center { float:none; clear:both; margin:16px auto; max-width:100%; }
    .clg-inline-media img { max-width:100% !important; height:auto !important; }
}

/* v1.8.0 — rendu fidèle des médias placés dans l'éditeur */
.cm-featured-image:empty { display:none!important; }
.clg-inline-media { box-sizing:border-box; max-width:100%; }
.clg-inline-media img { width:100%; height:auto; }
.clg-inline-video { max-width:100%; }
.clg-inline-video iframe,
.clg-inline-video video,
.clg-inline-video .wp-video,
.clg-inline-video .wp-video-shortcode {
    display:block;
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:16/9;
    height:auto!important;
    min-height:0!important;
    border:0;
    border-radius:12px;
    background:#000;
}


/* v1.9.0 — ressources ancrées au point de saisie, y compris documents sans miniature. */
.clg-inline-file { max-width:100%; }
.clg-inline-file-placeholder {
    display:flex;
    min-height:92px;
    align-items:center;
    gap:12px;
    box-sizing:border-box;
    padding:14px;
    border:1px solid rgba(30,115,190,.18);
    border-radius:12px;
    background:rgba(247,250,252,.96);
    color:#18364d;
}
.clg-inline-file-ext {
    display:flex;
    flex:0 0 58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#e8f1f8;
    color:#1e73be;
    font-weight:900;
    font-size:.82rem;
    line-height:1;
}
.clg-inline-file-placeholder strong {
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.92rem;
    line-height:1.35;
}
@media (max-width:700px) {
    .clg-inline-file-placeholder { min-height:78px; padding:10px; }
    .clg-inline-file-ext { flex-basis:48px; height:48px; }
}

/* v1.9.3 : l'alignement appartient au conteneur du média, jamais à l'image interne. */
.clg-inline-media img.alignleft,
.clg-inline-media img.aligncenter,
.clg-inline-media img.alignright,
.clg-inline-media img.alignnone {
    float: none !important;
    margin: 0 !important;
}
