/* JeSuisAdmis — commentaires d'articles, composant autonome, V3. */
.article-detail-page .ja-discussions{background:#f7f9fd;padding:30px 20px 60px;color:#172742;scroll-margin-top:112px}
.article-detail-page .ja-discussions *{box-sizing:border-box}
.article-detail-page .ja-discussions-interieur{width:min(100%,1320px);margin:0 auto}
.article-detail-page .ja-discussions-entete{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 30px}
.article-detail-page .ja-discussions-sur{text-transform:uppercase;color:#bd3444;font-size:14px;font-weight:800;letter-spacing:.12em;margin:0 0 10px}
.article-detail-page .ja-discussions h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:850;color:#152746;font-size:clamp(30px,3vw,38px);margin:0 0 10px;line-height:1.17;letter-spacing:-.035em}
.article-detail-page .ja-discussions h2 span{font-size:.53em;font-weight:650;color:#667389;letter-spacing:0;margin-left:7px}
.article-detail-page .ja-discussions-entete p:not(.ja-discussions-sur){font-size:17px;line-height:1.55;color:#647087;margin:0;max-width:none}
.article-detail-page .ja-discussions-icone{font-size:28px;width:58px;height:58px;border:1px solid #dce4f0;border-radius:19px;display:grid;place-items:center;background:#fff;flex:none}
.article-detail-page .ja-discussions-info,.article-detail-page .ja-discussions-connexion,.article-detail-page .ja-discussions-composer,.article-detail-page .ja-comment-carte,.article-detail-page .ja-comment-vide,.article-detail-page .ja-comment-attente{background:#fff;border:1px solid #e0e6f0;border-radius:20px;padding:clamp(18px,3vw,30px);box-shadow:0 8px 32px rgba(17,39,70,.035)}
.article-detail-page .ja-discussions-connexion{display:flex;align-items:center;justify-content:space-between;gap:24px}
.article-detail-page .ja-discussions-connexion strong{font-size:21px;color:#142643}
.article-detail-page .ja-discussions-connexion p{margin:5px 0 0;font-size:16px;line-height:1.6;color:#5f6b80}
.article-detail-page .ja-discussions-acces{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:flex-end;flex:none}
.article-detail-page .ja-comment-bouton{border:0;border-radius:12px;background:#d73548;color:#fff!important;font:750 16px/1.3 Inter,system-ui,sans-serif;padding:13px 20px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;cursor:pointer}
.article-detail-page .ja-comment-bouton:hover{background:#b92536}
.article-detail-page .ja-comment-lien{font:700 15px/1.4 Inter,system-ui,sans-serif;color:#164274;text-decoration:none}
.article-detail-page .ja-discussions-composer{margin:0 0 24px}
.article-detail-page .ja-discussions-composer-entete,.article-detail-page .ja-comment-carte-entete{display:flex;align-items:center;gap:12px}
.article-detail-page .ja-discussions-avatar{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e8effa;color:#1b436c;font-size:17px;font-weight:850}
.article-detail-page .ja-admin-avatar{background:#142a4d;color:#fff;font-size:12px}
.article-detail-page .ja-discussions-composer-entete strong{display:block;font:750 17px/1.3 Inter,system-ui,sans-serif;color:#16263f}
.article-detail-page .ja-discussions-composer-entete small{font-size:13px;color:#67748b}
.article-detail-page .ja-comment-form{margin-top:18px}
.article-detail-page .ja-comment-label,.article-detail-page .ja-comment-repondre>label:first-of-type,.article-detail-page .ja-comment-signaler-form label{font:750 14px Inter,system-ui,sans-serif;display:block;margin:0 0 9px;color:#24354f}
.article-detail-page .ja-comment-form textarea,.article-detail-page .ja-comment-repondre textarea{font:400 17px/1.55 Inter,system-ui,sans-serif;display:block;width:100%;padding:14px 16px;border:1px solid #ccd6e4;border-radius:13px;color:#1b2b42;background:#fff;resize:vertical;min-height:112px}
.article-detail-page .ja-comment-form textarea:focus,.article-detail-page .ja-comment-repondre textarea:focus{outline:2px solid #6b92c0;outline-offset:2px}
.article-detail-page .ja-comment-emojis{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.article-detail-page .ja-comment-emojis button{font-size:20px;border:1px solid #e1e7ef;background:#f7f9fc;border-radius:10px;min-width:41px;min-height:39px;cursor:pointer}
.article-detail-page .ja-comment-emojis button:hover{background:#eaf1fb}
.article-detail-page .ja-comment-information{font:400 13px/1.5 Inter,system-ui,sans-serif!important;color:#66758b!important;margin:10px 0 14px!important;}
.article-detail-page .ja-comment-information a{color:#174f84!important;text-decoration:underline;text-underline-offset:2px;}
.article-detail-page .ja-comment-composer-bas{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.article-detail-page .ja-comment-composer-bas small{color:#66758b;font-size:13px}
.article-detail-page .ja-comment-attente{margin:20px 0;border-left:4px solid #e5a140;background:#fffaf2}
.article-detail-page .ja-comment-attente strong{display:block;font-size:16px;color:#6a4b16}
.article-detail-page .ja-comment-attente p{font-size:15px;line-height:1.6;margin:12px 0;white-space:normal;overflow-wrap:anywhere}
.article-detail-page .ja-comment-attente small{font-size:13px;color:#786a55}
.article-detail-page .ja-comment-liste{margin-top:28px;display:grid;gap:14px}
.article-detail-page .ja-comment-carte{padding:22px 24px;margin:0}
.article-detail-page .ja-comment-carte-reponse{margin-left:52px;border-left:3px solid #c1d4e9;border-radius:0 18px 18px 0}
.article-detail-page .ja-comment-auteur{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}
.article-detail-page .ja-comment-auteur>strong{font:800 16px/1.3 Inter,system-ui,sans-serif;color:#172743}
.article-detail-page .ja-comment-auteur>small{font:400 13px/1.3 Inter,system-ui,sans-serif;color:#758196;width:100%}
.article-detail-page .ja-comment-officiel{font:750 11px/1.3 Inter,system-ui,sans-serif;background:#e7f0fc;border-radius:30px;color:#1c5c96;padding:4px 8px}
.article-detail-page .ja-comment-texte{font:400 16px/1.67 Inter,system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;margin:16px 0 12px;color:#2c384d}
.article-detail-page .ja-comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.article-detail-page .ja-comment-actions form{margin:0}
.article-detail-page .ja-comment-action{font:650 14px/1.4 Inter,system-ui,sans-serif;color:#60718a;background:transparent;border:0;padding:6px 0;display:inline-flex;gap:6px;align-items:center;cursor:pointer;text-decoration:none!important}
.article-detail-page .ja-comment-action:hover,.article-detail-page .ja-comment-action.est-aime{color:#cc3445}
.article-detail-page .ja-comment-signaler{margin-left:auto;font-size:12px}
.article-detail-page .ja-comment-repondre,.article-detail-page .ja-comment-signaler-form{margin:16px 0 0;padding:16px;border-radius:14px;background:#f6f8fc}
.article-detail-page .ja-comment-repondre[hidden],.article-detail-page .ja-comment-signaler-form[hidden]{display:none!important}
.article-detail-page .ja-comment-repondre textarea{min-height:88px;margin-bottom:12px}
.article-detail-page .ja-comment-signaler-form select{padding:10px;min-height:42px;width:100%;border:1px solid #cbd5e1;border-radius:8px;margin-bottom:10px}
.article-detail-page .ja-comment-signaler-form button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;color:#213951;padding:10px 14px;cursor:pointer}
.article-detail-page .ja-comment-vide{text-align:center;display:grid;justify-items:center;gap:6px;color:#66758b;padding:36px}
.article-detail-page .ja-comment-vide span{font-size:31px}
.article-detail-page .ja-comment-vide strong{color:#172743;font-size:19px}
.article-detail-page .ja-comment-vide p{margin:0;font-size:15px}
.article-detail-page .ja-comment-pagination{display:flex;gap:16px;justify-content:center;align-items:center;padding:20px 0;flex-wrap:wrap;color:#59667b;font-size:14px}
.article-detail-page .ja-comment-pagination a{color:#1a568b;font-weight:800}
.article-detail-page .ja-comment-charte{font:400 13px/1.55 Inter,system-ui,sans-serif;color:#738096;margin:24px 0 0}
@media(max-width:700px){
  .article-detail-page .ja-discussions{padding:30px 16px 36px;scroll-margin-top:90px}
  .article-detail-page .ja-discussions h2{font-size:30px}
  .article-detail-page .ja-discussions-entete p:not(.ja-discussions-sur){font-size:16px}
  .article-detail-page .ja-discussions-icone{width:46px;height:46px;font-size:24px}
  .article-detail-page .ja-discussions-connexion{display:block}
  .article-detail-page .ja-discussions-acces{justify-content:flex-start;margin-top:16px}
  .article-detail-page .ja-discussions-acces .ja-comment-bouton{flex:1}
  .article-detail-page .ja-comment-carte{padding:18px 16px}
  .article-detail-page .ja-comment-carte-reponse{margin-left:17px}
  .article-detail-page .ja-comment-texte{font-size:16px}
  .article-detail-page .ja-comment-composer-bas>.ja-comment-bouton{width:100%}
}

/* V2 : raccorder les discussions à l'article, sans grand vide entre les deux.
   Les corrections concernent les articles et ne touchent pas les autres pages. */
@media (min-width: 821px) {
  html body.article-detail-page main.article-shell .article-layout { padding-bottom: 18px !important; }
}
/* Phrase sur une ligne quand la largeur PC le permet ; jamais de débordement
   sur les tablettes et mobiles, où le texte peut naturellement revenir à la ligne. */
@media (min-width: 1200px) {
  .article-detail-page .ja-discussions-entete > div:first-child { flex: 1 1 auto; min-width: 0; }
  .article-detail-page .ja-discussions-entete p:not(.ja-discussions-sur) { white-space: nowrap; }
}