/* La charte publique : crème, encre et doré. Styles réservés aux commentaires. */
.gros-media-comment-count { position:absolute; z-index:2; right:8px; bottom:8px; display:inline-flex; align-items:center; gap:4px; margin:0; padding:3px 6px; min-height:24px; max-width:calc(100% - 16px); border:0; border-radius:3px; background:rgba(0,0,0,.32); color:rgba(255,255,255,.9); font:inherit; font-size:.68rem; font-weight:400; line-height:1.3; text-transform:none; text-decoration:none; cursor:pointer; }
.gros-media-comment-count svg { flex:none; }
.gros-media-comment-count:hover { background:rgba(0,0,0,.5); color:#fff; }
.gros-with-comments { padding:40px 16px 24px; gap:12px; overflow-y:auto; flex-direction:column; }
.gros-with-comments .gros-comments-media { flex:none; width:100%; min-width:0; text-align:center; }
.gros-with-comments .gros-comments-media > img { margin:0 auto; width:auto; max-width:90vw; max-height:calc(100dvh - 150px); object-fit:contain; }
.gros-with-comments .gros-lightbox__caption { position:static; transform:none; margin:10px auto 0; max-width:90vw; }
.gros-with-comments .gros-video-modal__inner { width:90vw; max-width:960px; margin:auto; }
.gros-with-comments .gros-lightbox__next { right:1rem; }
.gros-comments-panel { flex:none; box-sizing:border-box; width:min(90vw,720px); max-height:none; overflow:visible; background:transparent; color:#faf7f0; padding:0; font-family:Nunito,sans-serif; }
.gros-comments-toggle { width:fit-content; margin:auto; padding:8px 12px; cursor:pointer; font-size:.85rem; }
.gros-comments-panel[open] { background:var(--cmg-light-bg,#eee8dc); color:var(--cmg-light-text,#171717); border-top:3px solid var(--gros-accent,#dfad38); padding:18px; }
.gros-comments-panel[open] > .gros-comments-toggle { margin:0 0 14px; padding:0; font-weight:800; }
.gros-with-comments:has(.gros-comments-panel[open]) { justify-content:flex-start; }
.gros-comments-panel h2 { font-family:Nunito,sans-serif; font-size:1.1rem; margin:0 0 16px; font-weight:800; text-transform:none; }
.gros-comment { border-bottom:1px solid rgba(29,29,27,.18); margin-bottom:16px; padding-bottom:12px; }
.gros-comment strong { display:block; }
.gros-comment small { display:block; margin-top:2px; opacity:.7; font-size:.75rem; }
.gros-comment p { white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0 0; font-size:.9rem; line-height:1.5; }
.gros-comments-status { font-size:.86rem; line-height:1.5; overflow-wrap:anywhere; }
.gros-comments-status:empty { display:none; }
.gros-comments-status[role=alert] { color:#a02b19; }
.gros-comments-form-wrap { border-top:1px solid rgba(29,29,27,.18); padding-top:12px; margin-top:18px; }
.gros-comments-form-wrap summary { cursor:pointer; font-weight:800; font-size:.9rem; padding:8px 0; }
.gros-comments-form label { display:block; font-size:.85rem; margin:12px 0; }
.gros-comments-panel .gros-comments-form input,.gros-comments-panel .gros-comments-form textarea { box-sizing:border-box; display:block; width:100%; margin-top:6px; padding:10px; background:#fff; color:#1d1d1b; border:1px solid #8b867b; border-radius:3px; font:inherit; font-size:16px; }
.gros-comments-form textarea { resize:vertical; }
.gros-comments-notice { font-size:.75rem; line-height:1.5; }
.gros-comments-notice a { color:inherit; text-decoration:underline; }
.gros-comments-send,.gros-comments-more { font:inherit; font-size:.85rem; padding:10px 12px; color:#1d1d1b; background:var(--gros-accent,#dfad38); border:2px solid #1d1d1b; border-radius:3px; cursor:pointer; }
.gros-comments-more { background:transparent; }
.gros-comments-send:disabled { opacity:.5; cursor:wait; }
.gros-comments-form .gros-comments-trap { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%); }
.gros-comments-panel [hidden] { display:none!important; }
@media(max-width:800px) {
    .gros-with-comments { padding:60px 12px 24px; }
    .gros-with-comments .gros-comments-media > img { max-width:94vw; max-height:calc(100dvh - 175px); }
    .gros-with-comments .gros-lightbox__next { right:12px; }
    .gros-with-comments .gros-lightbox__prev { left:12px; }
    .gros-comments-panel { width:94vw; }
    .gros-media-comment-count::before { content:""; position:absolute; inset:-10px -2px; }
}

.gros-comment-reply { margin:12px 0 0 14px; padding:10px 12px; border-left:2px solid var(--gros-accent,#dfad38); background:rgba(29,29,27,.035); }
.gros-comment-reply strong { font-size:.82rem; }