/* nwblog.css : blocs propres aux articles « SubmitX Network » du blogue (2026-10-21).
   S'appuie sur les variables de /blog/styles.css (--orange, --ink, --line, --white…, redéfinies en thème sombre). */

/* ── bloc SubmitX Network (liste d'attente) ─────────────────────────────────────────────────────── */
.nw-net{margin:36px 0;border:1.5px solid var(--line);border-radius:16px;background:var(--white);overflow:hidden;box-shadow:var(--shadow-sm)}
.nw-net__bar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:repeating-linear-gradient(-45deg,#111827 0 10px,#FF6B2C 10px 20px);height:10px;padding:0}
.nw-net__body{padding:22px 24px 22px;display:grid;gap:12px}
.nw-net__kick{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#C2410C}
:root[data-theme="dark"] .nw-net__kick{color:#FF8A57}
.nw-net h3{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.nw-net p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.nw-net__facts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nw-net__facts li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:13px;font-weight:600;color:var(--ink)}
.nw-net__facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF6B2C}
.nw-net__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}

/* boutons (couleurs fixes de la charte, lisibles en clair et en sombre) */
.nw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s}
.nw-btn--primary{background:#C2410C;color:#fff;box-shadow:0 2px 0 #7C2D12}
.nw-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(194,65,12,.35);color:#fff}
.nw-btn--ghost{background:var(--white);color:var(--ink);border:1.5px solid var(--line)}
.nw-btn--ghost:hover{border-color:#C2410C;color:#C2410C}
.nw-btn:focus-visible{outline:3px solid #2563EB;outline-offset:2px}

/* ── publicité du logiciel SubmitX ────────────────────────────────────────────────────────────── */
.nw-ad{margin:44px 0 36px;border-radius:18px;overflow:hidden;background:#111827;color:#F9FAFB;display:grid;grid-template-columns:minmax(0,1fr)}
.nw-ad__copy{padding:30px 30px 22px;display:grid;gap:12px}
.nw-ad__kick{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#FDBA74}
.nw-ad h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:#fff}
.nw-ad p{margin:0;font-size:15.5px;line-height:1.6;color:#E5E7EB}
.nw-ad__chips{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.nw-ad__chips li{padding:4px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:12.5px;font-weight:600;color:#F3F4F6}
.nw-ad__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.nw-ad .nw-btn--primary{background:#FF6B2C;color:#1B0F08;box-shadow:0 2px 0 #7C2D12}
.nw-ad .nw-btn--primary:hover{color:#1B0F08;box-shadow:0 4px 12px rgba(255,107,44,.45)}
.nw-ad .nw-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.nw-ad .nw-btn--ghost:hover{border-color:#fff;color:#fff}
.nw-ad__note{font-size:13px;color:#D1D5DB}
.nw-ad__shot{margin:0;padding:8px 0 0 30px;background:linear-gradient(180deg,#111827,#1F2937)}
.nw-ad__win{margin:0;border-radius:10px 0 0 0;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.18);border-right:0;border-bottom:0;box-shadow:-8px -6px 30px rgba(0,0,0,.45)}
.nw-ad__bar{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#E9ECF0}
.nw-ad__bar i{width:9px;height:9px;border-radius:50%;display:block;background:#CBD5E1}
.nw-ad__bar i:nth-child(1){background:#FF6B5B}.nw-ad__bar i:nth-child(2){background:#FFBD2E}.nw-ad__bar i:nth-child(3){background:#28C840}
.nw-ad__bar span{flex:1;margin-left:8px;padding:2px 10px;border-radius:999px;background:#fff;font-size:11px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-ad__win img{display:block;width:100%;height:auto;aspect-ratio:16/8.2;object-fit:cover;object-position:top left}
@media (max-width:760px){
  .nw-ad__copy{padding:24px 20px 18px}
  .nw-ad__shot{padding:8px 0 0 20px}
}

/* ── sources officielles ────────────────────────────────────────────────────────────────────────── */
.nw-sources{margin:36px 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.nw-sources h2{margin:0 0 6px;font-size:18px}
.nw-sources p{margin:0 0 10px;font-size:13.5px;color:var(--muted)}
.nw-sources ul{margin:0;padding-left:20px;display:grid;gap:6px}
.nw-sources li{font-size:14.5px;color:var(--ink-2)}
.nw-sources a{color:#C2410C;text-decoration:underline;text-underline-offset:3px}
:root[data-theme="dark"] .nw-sources a{color:#FF8A57}

/* texte courant : liens et listes plus lisibles */
.article-content[data-sx-set="network"] a:not(.nw-btn):not(.related-card):not(.sx-cta-btn):not(.sx-lead__btn){color:#C2410C;text-decoration:underline;text-underline-offset:3px}
:root[data-theme="dark"] .article-content[data-sx-set="network"] a:not(.nw-btn):not(.related-card):not(.sx-cta-btn):not(.sx-lead__btn){color:#FF8A57}
.article-content[data-sx-set="network"] h3{margin:22px 0 8px;font-size:18px;font-weight:700;color:var(--ink)}
.article-content[data-sx-set="network"] .nw-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}
.article-content[data-sx-set="network"] .nw-tablewrap .compare-table{margin:0;min-width:520px}

/* ── surcharges : le texte courant du blogue (.article-content h3/p/ul/li/a) ne doit pas déformer ces blocs ── */
.article-content[data-sx-set="network"] .nw-btn{text-decoration:none;font-weight:700}
.article-content[data-sx-set="network"] .nw-btn--primary,.article-content[data-sx-set="network"] .nw-btn--primary:hover{color:#fff}
.article-content[data-sx-set="network"] .nw-ad .nw-btn--primary,.article-content[data-sx-set="network"] .nw-ad .nw-btn--primary:hover{color:#1B0F08}
.article-content[data-sx-set="network"] .nw-btn--ghost{color:var(--ink)}
.article-content[data-sx-set="network"] .nw-ad .nw-btn--ghost{color:#fff}
.article-content[data-sx-set="network"] .nw-ad h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:#fff}
.article-content[data-sx-set="network"] .nw-net h3{margin:0;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--ink)}
.article-content[data-sx-set="network"] .nw-ad p,.article-content[data-sx-set="network"] .nw-net p{margin:0}
.article-content[data-sx-set="network"] .nw-ad .nw-ad__kick{color:#FDBA74}
.article-content[data-sx-set="network"] .nw-ad__chips,.article-content[data-sx-set="network"] .nw-net__facts{padding:0;margin:2px 0 0;list-style:none}
.article-content[data-sx-set="network"] .nw-ad__chips li,.article-content[data-sx-set="network"] .nw-net__facts li{margin:0;line-height:1.4}
.article-content[data-sx-set="network"] .nw-ad__chips li{color:#F3F4F6}
.article-content[data-sx-set="network"] .nw-net__facts li{color:var(--ink)}
.article-content[data-sx-set="network"] .nw-sources ul{padding-left:20px;margin:0}
.article-content[data-sx-set="network"] .nw-sources li{margin:0}
.article-content[data-sx-set="network"] .nw-sources h2{margin:0 0 6px;font-size:18px}