/* =========================================================
   OG NEWSROOM — SIMPLIFIED V3
   Standard images : 4:3
   Format conseillé : 1600 × 1200 px
   ========================================================= */


/* ---------------------------------------------------------
   CATÉGORIES
   Conservées dans les données, invisibles sur le site
   --------------------------------------------------------- */

.news-filters{
  display:none !important;
}

.news-meta .news-category{
  display:none !important;
}


/* ---------------------------------------------------------
   STRUCTURE GÉNÉRALE
   --------------------------------------------------------- */

.news-live-shell{
  max-width:1500px;
  margin:0 auto;
  padding-top:62px;
}

.news-live-topline{
  margin-bottom:54px;
}


/* =========================================================
   UNE
   Image standard 4:3 — jamais tronquée
   ========================================================= */

.news-featured{
  margin:0 0 72px;
}

.news-lead{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  height:auto;
  min-height:0;
  margin-bottom:0;
  align-items:stretch;
}

.news-lead-image{
  width:100%;
  aspect-ratio:4 / 3;
  min-width:0;
  min-height:0;
  background:#070708;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.news-lead-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.news-lead-copy{
  padding:38px 42px;
}

.news-lead-copy h2{
  font-size:clamp(38px,3.7vw,62px);
  margin:14px 0 18px;
}

.news-lead-copy p{
  font-size:14px;
  line-height:1.55;
}


/* =========================================================
   CARROUSEL
   ========================================================= */

.news-latest{
  margin:0 0 78px;
}

.news-latest-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.news-latest-head p{
  margin:0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}

.news-carousel-controls{
  display:flex;
  gap:8px;
}

.news-carousel-controls button{
  width:42px;
  height:42px;
  border:1px solid #353538;
  background:#070708;
  color:#f4f1ea;
  font-size:22px;
  cursor:pointer;
}

.news-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 4px) / 3);
  gap:2px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  background:#1b1b1d;
}

.news-carousel::-webkit-scrollbar{
  display:none;
}

.news-carousel .news-card-live{
  scroll-snap-align:start;
}

/* Standard OG 4:3 */
.news-carousel .news-card-image{
  aspect-ratio:4 / 3;
  background:#070708;
  overflow:hidden;
}

.news-carousel .news-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}


/* =========================================================
   GRILLE / ARCHIVES
   ========================================================= */

.news-grid-live{
  grid-template-columns:repeat(3,1fr);
}

.news-section-head{
  margin-top:0;
}

/* Même standard 4:3 pour les archives */
.news-grid-live .news-card-image{
  aspect-ratio:4 / 3;
  background:#070708;
  overflow:hidden;
}

.news-grid-live .news-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:900px){

  .news-lead{
    grid-template-columns:1fr;
    height:auto;
  }

  /*
   La Une conserve son ratio 4:3.
   Pas de retour au 16:9 sur tablette.
  */
  .news-lead-image{
    aspect-ratio:4 / 3;
  }

  .news-carousel{
    grid-auto-columns:calc((100% - 2px) / 2);
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

  .news-live-shell{
    padding-top:38px;
  }

  .news-live-topline{
    margin-bottom:38px;
  }

  .news-featured{
    margin-bottom:54px;
  }

  .news-lead-copy{
    padding:26px 22px 30px;
  }

  .news-lead-copy h2{
    font-size:42px;
  }

  .news-carousel{
    grid-auto-columns:86%;
  }

  .news-carousel-controls button{
    width:38px;
    height:38px;
  }
}