/* Actualités de la Touriale : pages du journal (régénérées par le module de publication) et
   bloc « Les dernières nouvelles » de l'accueil. S'appuie sur les variables de styles.css. */

/* ---------- barre des pages du journal (toujours pleine, pas de burger) ---------- */
.nav.nav-page{background:rgba(247,242,231,.965);border-bottom:1px solid var(--filet);position:sticky}
.nav.nav-page .brand{max-width:240px;margin-right:0}
.nav.nav-page .brand img{opacity:1;height:44px}
.nav-page .nav-retour{margin-left:auto;display:flex;gap:18px;align-items:center;font-family:var(--sans);font-size:.8rem;font-weight:500}
.nav-page .nav-retour a{text-decoration:none;color:var(--encre-2)}
.nav-page .nav-retour a.nav-cta{background:var(--rouge);color:#fff;padding:9px 16px;border-radius:var(--r);font-weight:600}

/* ---------- liste ---------- */
.actu-page{padding:56px 0 80px}
.actu-page h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.4rem}
.actu-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:34px;margin-top:40px}
.actu-carte{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.actu-carte .ph{aspect-ratio:4/3;overflow:hidden;background:var(--papier-2);border-radius:var(--r)}
.actu-carte .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.actu-carte:hover .ph img{transform:scale(1.03)}
.actu-carte .date{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sienne);margin:16px 0 6px}
.actu-carte h3{margin-bottom:8px}
.actu-carte p{color:var(--encre-2);font-size:1.02rem;margin:0}
.actu-vide{margin-top:34px;color:var(--gris)}

/* ---------- article ---------- */
.article{max-width:760px;margin:0 auto;padding:48px 26px 70px}
.article h1{font-size:clamp(2.1rem,5vw,3.2rem);margin:0 0 22px}
.article .date{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sienne);margin-bottom:12px}
.article .une{margin:0 0 28px;border-radius:var(--r);overflow:hidden;background:var(--papier-2)}
.article .une img{width:100%}
.article .corps p{font-size:1.14rem;color:var(--encre-2)}
.article .suite{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:30px 0 0}
.article .suite img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r);cursor:zoom-in}
.article .retour{display:inline-block;margin-top:38px;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--rouge);text-decoration:none}
.apercu-bandeau{background:#f4ecd8;color:#5a4410;font-family:var(--sans);font-size:.85rem;padding:10px 16px;text-align:center}
.autres{border-top:1px solid var(--filet);padding:48px 0 70px}
.autres h2{font-size:clamp(1.6rem,3vw,2.2rem)}

/* ---------- accueil : la section « Les actualités » sous le hero (remplie par app.js) ---------- */
.actus-une{padding:64px 0 70px;background:var(--papier-2);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.actus-une[hidden]{display:none}
.actus-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.actus-tete .kicker{margin-bottom:.7rem}
.actus-toutes{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--rouge);text-decoration:none;white-space:nowrap}
.actus-toutes:hover{text-decoration:underline}
.actus-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:34px}
.actus-grille .actu-carte .extrait{color:var(--encre-2);font-size:1rem;margin:0 0 10px}
.actus-grille .actu-carte .lire{font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--rouge);margin-top:auto}
.actus-grille .actu-carte h3{margin-bottom:8px}

@media (max-width:980px){
  .actus-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .actus-grille .actu-carte:nth-child(3){display:none}   /* tablette : deux cartes, pas une orpheline */
}
@media (max-width:760px){
  /* téléphone : les cartes défilent de côté, la suivante dépasse pour inviter au geste */
  .actus-une{padding:44px 0 48px}
  .actus-grille{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:26px -26px 0;padding:0 26px 6px;scroll-padding-inline:26px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .actus-grille::-webkit-scrollbar{display:none}
  .actus-grille .actu-carte,.actus-grille .actu-carte:nth-child(3){display:flex;flex:0 0 78%;scroll-snap-align:start}
  .nav-page .nav-retour a:not(.nav-cta){display:none}
  .actu-page{padding:34px 0 60px}
  .article{padding:30px 18px 50px}
}