/* ABLOGUI — widget « actualites » (repris de la maquette d'accueil, maquettes/css/accueil.css) */
.lx-titre a, .lx-lien { background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .4s ease; }
a:hover .lx-titre, a:hover .lx-lien { color: inherit; }
a:hover .lx-titre span { background-size: 100% 2px; }
.lx-titre span { background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .4s ease; }
.na-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
.nb-grille { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); }
.nb-une img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 22px; }
.nb-une h3 { margin-top: 12px; font-size: clamp(1.25rem, 1.05rem + .7vw, 1.65rem); font-weight: 900; line-height: 1.2; letter-spacing: -.01em; }
.nb-une p { margin-top: 10px; color: var(--ab-texte-doux); }
.nb-liste { display: grid; gap: 4px; align-content: start; }
.nb-ligne { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px; border-radius: 18px; transition: background .3s ease; }
.nb-ligne:hover { background: var(--ab-papier); }
.nb-ligne img { width: 110px; height: 84px; object-fit: cover; border-radius: 14px; }
.nb-ligne h4 { margin-top: 6px; font-size: var(--ab-fs-s); font-weight: 800; line-height: 1.35; }
@media (max-width: 900px) {
  .nb-grille, .na-grille { grid-template-columns: 1fr; }
}
.nb-une h3 { margin-top: 12px; }

/* Article sans image à la une : vignette dégradée aux couleurs de la charte */
.nb-vignette { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 10; border-radius: 22px; background: var(--ab-degrade); }
.nb-vignette img { width: 56px; height: auto; opacity: .9; }
.nb-ligne .nb-vignette { width: 110px; height: 84px; aspect-ratio: auto; border-radius: 14px; background: var(--_g, var(--ab-degrade)); }
.nb-ligne .nb-vignette img { width: 26px; }
.nb-ligne:has(.c-n) .nb-vignette { background: var(--ab-degrade); }
.nb-ligne:has(.c-r) .nb-vignette { background: linear-gradient(160deg, #9e1622, #cd1d2d); }
.nb-ligne:has(.c-j) .nb-vignette { background: linear-gradient(160deg, #c99500, #edb710); }

/* Les derniers articles sur une ligne (choix du 22 octobre 2026) */
.ac3-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.ac3-carte { display: flex; flex-direction: column; gap: 14px; }
.ac3-image { display: block; overflow: hidden; border-radius: var(--ab-rayon); background: var(--ab-papier); }
.ac3-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .6s var(--ab-doux); }
.ac3-image .nb-vignette { border-radius: 0; }
.ac3-carte:hover .ac3-image img { transform: scale(1.04); }
.ac3-meta { display: flex; align-items: center; gap: 10px; }
.ac3-meta .lx-pastille { background: var(--ab-vert-clair); color: var(--ab-vert-texte); }
.ac3-meta .lx-date { font-size: var(--ab-fs-xs); font-weight: 700; color: var(--ab-texte-doux); }
.ac3-carte h3 { font-size: 1.12rem; font-weight: 800; line-height: 1.32; letter-spacing: -.01em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.ac3-carte:hover h3 { color: var(--ab-vert-texte); }
@media (max-width: 900px) { .ac3-grille { grid-template-columns: 1fr; max-width: 560px; } }