/* nouvelles2026.css — Nouvelles.php (babillard des DG) et bloc « Nouvelles » de l'accueil */

.nouvelles { display: grid; gap: 1rem; max-width: 860px; margin-inline: auto; }
.nouvelles > * { min-width: 0; }
.nouvelles__entete { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: .75rem 1rem; }
.nouvelles__entete p { margin: .25rem 0 0; }
.nouvelles__ecrire,
.sujet__repondre {
    display: inline-block; padding: .5rem .9rem; border-radius: 6px; font-weight: 600; text-decoration: none;
    background: var(--accent-fond); color: var(--accent-texte);
}
.nouvelles__ecrire:hover, .sujet__repondre:hover { filter: brightness(1.1); }

.sujet { display: grid; gap: .75rem; scroll-margin-top: 1rem; }
.sujet:target { outline: 2px solid var(--bleu); outline-offset: 2px; }
.sujet__titre { margin: 0; font-size: 1.2rem; line-height: 1.25; }
.sujet__titre a { color: inherit; text-decoration: none; }
.sujet__titre a:hover { text-decoration: underline; }
.sujet__repondre { justify-self: start; padding: .35rem .75rem; font-size: .9rem; background: var(--surface-2); color: var(--texte); }

.message { display: grid; gap: .5rem; }
.message__auteur { display: flex; align-items: center; gap: .6rem; }
.message__auteur img { display: block; border-radius: 50%; }
.message__auteur span { display: grid; line-height: 1.2; }
.message__auteur time { color: var(--texte-2); font-size: .85rem; }
.message__texte { overflow-wrap: anywhere; line-height: 1.5; }
.message__texte > :first-child { margin-top: 0; }
.message__texte > :last-child { margin-bottom: 0; }
.message__texte img { max-width: 100%; height: auto; border-radius: 6px; }
.message__texte blockquote { margin: .5rem 0; padding: .25rem .75rem; border-left: 3px solid var(--trait); color: var(--texte-2); }

.sujet__reponses { border-top: 1px solid var(--trait); padding-top: .5rem; }
.sujet__reponses summary { cursor: pointer; color: var(--bleu); font-weight: 600; font-size: .95rem; }
.message--reponse { margin-top: .75rem; padding: .75rem; padding-left: .9rem; border-left: 3px solid var(--trait); background: var(--surface-2); border-radius: 0 6px 6px 0; }

.nouvelles__pages { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; }
.nouvelles__pages a, .nouvelles__pages span { min-width: 2.2rem; padding: .35rem .5rem; text-align: center; border-radius: 6px; border: 1px solid var(--trait); text-decoration: none; }
.nouvelles__pages span { background: var(--accent-fond); color: var(--accent-texte); border-color: transparent; font-weight: 700; }

/* Accueil : manchettes à la NHL.com (grande nouvelle à gauche, liste à droite) */
.manchettes { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.une { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; color: #fff; text-decoration: none; background: #26282B; }
.une:hover { text-decoration: none; }
.une__visuel { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, #3B3E42, #1C1D1F 75%); }
.une__logo { width: 42%; max-width: 200px; height: auto; opacity: .35; }
.une__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.une:hover .une__photo { transform: scale(1.03); }
.une__texte { position: absolute; inset: auto 0 0 0; display: grid; gap: .35rem; padding: 3.5rem 1.1rem 1rem; background: linear-gradient(transparent, rgba(0, 0, 0, .55) 35%, rgba(0, 0, 0, .9)); }
.une__titre { font-family: var(--police-titre); font-size: clamp(1.4rem, 3.2vw, 2rem); font-weight: 800; line-height: 1.05; text-transform: uppercase; }
.une__resume { font-size: .98rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.une__meta { font-size: .8rem; opacity: .8; }

.manchettes__liste { list-style: none; margin: 0; padding: 0; display: grid; align-content: start; }
.manchettes__liste li { display: grid; gap: .15rem; padding: .7rem 0; border-bottom: 1px solid var(--trait); }
.manchettes__liste li:first-child { padding-top: 0; }
.manchettes__liste li:last-child { border-bottom: 0; }
.manchettes__liste a { font-weight: 700; line-height: 1.25; color: var(--texte); }
.manchettes__liste a:hover { color: var(--bleu); }
.manchettes__resume { color: var(--texte-2); font-size: .88rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.manchettes__meta { color: var(--texte-2); font-size: .75rem; }
@media (min-width: 720px) {
    .manchettes { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); }
    .une { aspect-ratio: auto; height: 100%; min-height: 320px; } /* aussi haute que la liste à côté */
}

/* ---------- EcrireNouvelle.php (s'appuie sur suggestions2026.css pour le formulaire) ---------- */
.ecrire__retour { margin: 0 0 .25rem; font-weight: 600; }
.ecrire__retour a { text-decoration: none; }
.editeur { border: 1px solid var(--trait); border-radius: 8px; background: var(--fond); overflow: hidden; }
.editeur:focus-within { border-color: var(--bleu); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bleu) 30%, transparent); }
.editeur__outils { display: flex; flex-wrap: wrap; gap: .25rem; padding: .4rem; border-bottom: 1px solid var(--trait); background: var(--surface-2); }
.editeur__outils button { min-width: 2.1rem; padding: .3rem .55rem; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--texte); font: inherit; font-size: .85rem; cursor: pointer; }
.editeur__outils button:hover, .editeur__outils button:focus-visible { background: var(--surface); border-color: var(--trait); }
.editeur__sep { width: 1px; margin: .2rem .15rem; background: var(--trait); }
.editeur__zone { min-height: 260px; max-height: 65vh; overflow-y: auto; padding: .8rem .9rem; outline: none; font-size: 1rem; }
.editeur__zone:empty::before { content: attr(data-vide); color: var(--texte-2); pointer-events: none; }
.editeur__zone p { margin: 0 0 .6rem; }
.editeur__zone a { color: var(--bleu); }
.editeur__brut { width: 100%; }
.ecrire__origine { max-height: 420px; overflow-y: auto; font-size: .92rem; }
.ecrire__bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.ecrire__effacer { color: var(--baisse); }
.message__actions { display: flex; gap: .75rem; font-size: .85rem; }
.message__actions a { color: var(--texte-2); }
.message__actions a:hover { color: var(--bleu); }
.nouvelles__message { margin: 0; padding: .7rem 1rem; border-radius: 8px; background: color-mix(in srgb, var(--monte) 18%, var(--surface)); border-left: 4px solid var(--monte); font-weight: 600; }
.editeur__zone img { max-height: 320px; width: auto; }