/* Lot B: minimalist markers, only when discovery is selected; never hide text. */
.blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-summary{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;
 padding:.35rem .6rem;margin:.15rem 0 .6rem;border:1px solid #d9e6f6;
 background:rgba(235,245,255,.48);border-radius:12px;font-size:.78rem;color:#45688d;
}
.blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-next{
 border:1px solid #b9d9fb;background:#fff;color:#1769ba;border-radius:16px;
 padding:.22rem .65rem;font-size:.78rem;font-weight:600;cursor:pointer;
}
.blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="1"] > .blog-modal-comment-main > .blog-modal-comment-bubble{
 border-left:2px solid #55aaff;
}
/* Lot C: remove the old inline bullet that consumes a whole text line. */
.blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="1"] > .blog-modal-comment-main > .blog-modal-comment-bubble::before{
 content:none!important;display:none!important;
}
/* Badge ~50% larger than the old .55rem glyph, inside the existing top-right
   bubble padding and immediately LEFT of the ellipsis menu (32px wide).
   Absolute positioning cannot increase a post or comment card's height. */
.blog-modal-comments .club-comment-unseen-dot{display:none;}
.blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="1"] > .blog-modal-comment-main > .blog-modal-comment-bubble > .club-comment-unseen-dot{
 display:block;position:absolute;top:.57rem;right:2.36rem;
 width:.80rem;height:.80rem;border-radius:50%;
 background:#2286f2;border:2px solid rgba(255,255,255,.94);
 box-shadow:0 0 0 1px rgba(28,112,231,.25),0 0 5px rgba(39,139,245,.22);
 pointer-events:none;z-index:2;box-sizing:border-box;
}
.blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="0"] .club-comment-unseen-dot{display:none!important;}
@media(max-width:390px){
 .blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="1"] > .blog-modal-comment-main > .blog-modal-comment-bubble > .club-comment-unseen-dot{
  right:2.24rem;top:.48rem;width:.75rem;height:.75rem;
 }
}
:root[data-theme="dark"] .blog-modal-comments .club-comment-unseen-dot,
:root[data-theme-mode="night"] .blog-modal-comments .club-comment-unseen-dot,
html[data-theme="night"] .blog-modal-comments .club-comment-unseen-dot{
 border-color:#26354a;background:#55aaff;box-shadow:0 0 0 1px #8ccaff,0 0 6px rgba(85,170,255,.35);
}
.blog-modal-comments[data-comments-sort="discover"] .blog-modal-comment-item[data-discovery-unseen="1"] > .blog-modal-comment-main > .blog-modal-comment-bubble{
 background-image:linear-gradient(90deg,rgba(71,159,252,.075),transparent 70%);
}
@media(max-width:650px){
 .blog-modal-comments .club-comment-discovery-summary{padding:.3rem .45rem;font-size:.74rem;}
 .blog-modal-comments .club-comment-discovery-next{font-size:.74rem;}
}
@media(prefers-reduced-motion:reduce){.club-comment-discovery-next{transition:none!important}}
/* Light/Night both use subtle contrast; no forced bright blocks in Night. */
html[data-theme="night"] .blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-summary,
html[data-theme-mode="night"] .blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-summary{
 background:rgba(31,65,103,.35);border-color:rgba(122,176,244,.36);color:#b9d9fa;
}
html[data-theme="night"] .blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-next,
html[data-theme-mode="night"] .blog-modal-comments[data-comments-sort="discover"] .club-comment-discovery-next{
 background:rgba(24,48,75,.76);border-color:#386fa8;color:#bedcff;
}

.blog-modal-comment-item.club-discovery-highlight > .blog-modal-comment-main {outline:2px solid #4a9fff;outline-offset:2px;border-radius:10px;background-color:rgba(49,133,230,.08);transition:background-color .4s;}

/* FIX3: an unavailable next target is visibly disabled rather than inert. */
.club-comment-discovery-next:disabled{opacity:.45;cursor:default;box-shadow:none!important}
.club-comment-discovery-next[hidden]{display:none!important}

/* Lot C: respect keyboard focus, reduced motion, and stable compact layout. */
.blog-modal-comments .club-comment-discovery-next:focus-visible{outline:2px solid #1f76df;outline-offset:2px;}
.blog-modal-comments .blog-modal-comment-item.club-discovery-highlight:focus{outline:2px solid #4a9fff;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){
 .blog-modal-comment-item.club-discovery-highlight>.blog-modal-comment-main{transition:none!important;}
}

/* DISC C Markdown : lisible et compact dans les bulles sans ajouter de grands espaces. */
.blog-modal-comment-bubble .js-comment-content p { margin: 0 0 .35rem; }
.blog-modal-comment-bubble .js-comment-content p:last-child { margin-bottom: 0; }
.blog-modal-comment-bubble .js-comment-content h2,
.blog-modal-comment-bubble .js-comment-content h3,
.blog-modal-comment-bubble .js-comment-content h4 {
  margin: .35rem 0 .3rem; font-size: 1.03em; font-weight: 700; line-height: 1.3;
}
.blog-modal-comment-bubble .js-comment-content :first-child { margin-top: 0; }
.blog-modal-comment-bubble .js-comment-content ul,
.blog-modal-comment-bubble .js-comment-content ol { margin: .2rem 0 .4rem; padding-left: 1.4rem; }
.blog-modal-comment-bubble .js-comment-content li { margin: .1rem 0; }
.blog-modal-comment-bubble .js-comment-content pre { max-width: 100%; overflow: auto; padding: .45rem; background: rgba(0,0,0,.045); border-radius: .4rem; }
.blog-modal-comment-bubble .js-comment-content code { overflow-wrap: anywhere; background: rgba(0,0,0,.05); border-radius: .2rem; padding: 0 .15rem; }
.blog-modal-comment-bubble .js-comment-content hr { margin: .5rem 0; opacity: .25; }
.blog-modal-comment-bubble .js-comment-content blockquote { margin: .3rem 0; padding-left: .6rem; border-left: 3px solid var(--bs-primary, #1676ef); }
.blog-modal-comment-bubble .js-comment-content a { overflow-wrap: anywhere; }