/* Blogamer – Phase 4 : correctifs UX et composants éditoriaux */

/* --- Débordement horizontal sur mobile --- */
html, body { overflow-x: clip; }
.entry-content iframe, .entry-content object, .entry-content embed, .entry-content video,
.entry-content table, .entry-content pre { max-width: 100%; }
.entry-content table { display: block; overflow-x: auto; }
.entry-content img { height: auto; }

/* --- Encadré verdict (tests) --- */
.bg-verdict {
  border: 2px solid var(--color-brand, #f39200);
  border-radius: 12px; padding: 18px 20px; margin: 0 0 28px;
  background: color-mix(in srgb, var(--color-brand, #f39200) 6%, transparent);
}
.bg-verdict__titre { margin: 0 0 6px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; color: var(--color-brand-dark, #b36b00); }
.bg-verdict__note { margin: 0 0 12px; font-size: 1.05rem; }
.bg-verdict__note strong { font-size: 2rem; line-height: 1; margin-right: 4px; }
.bg-verdict__plus, .bg-verdict__moins { display: inline-block; vertical-align: top; width: calc(50% - 12px); min-width: 240px; margin: 0 8px 8px 0; padding-left: 0; list-style: none; }
.bg-verdict__plus li::before { content: "+ "; font-weight: 800; color: #1b8a3a; }
.bg-verdict__moins li::before { content: "– "; font-weight: 800; color: #c0392b; }
.bg-verdict__infos { margin: 6px 0 0; font-size: .85rem; opacity: .75; }
@media (max-width: 600px) { .bg-verdict__plus, .bg-verdict__moins { width: 100%; } }

/* --- Liens ajoutés par le module (À lire aussi / Pour aller plus loin) --- */
p.bgp2-links { border-left: 4px solid var(--color-brand, #f39200); padding: 10px 14px; background: rgba(0,0,0,.03); border-radius: 0 8px 8px 0; }
ul.bgp2-links { padding-left: 1.2em; }
ul.bgp2-links li { margin: .3em 0; }