/* ============================================================
   RUBRIQUE ACTUALITÉS — page-actualites / page-news / single-actualite
   À ajouter à la fin de /assets/css/legacy_compat.css
   ============================================================ */

/* ----------------------------------------------------------
   EN-TÊTE DE SECTION
   ---------------------------------------------------------- */
body.legacy-scope.page-actualites .section-header,
body.legacy-scope.page-news       .section-header {
  padding: 60px 60px 40px;
}
@media (max-width: 780px) {
  body.legacy-scope.page-actualites .section-header,
  body.legacy-scope.page-news       .section-header {
    padding: 40px 16px 24px;
  }
}

/* ----------------------------------------------------------
   GRILLE DE CARDS
   ---------------------------------------------------------- */
body.legacy-scope.page-actualites .actu-grid,
body.legacy-scope.page-news       .actu-grid {
  list-style: none;
  margin: 0;
  padding: 0 60px 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 32px;
}
@media (max-width: 1024px) {
  body.legacy-scope.page-actualites .actu-grid,
  body.legacy-scope.page-news       .actu-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 32px 40px;
  }
}
@media (max-width: 600px) {
  body.legacy-scope.page-actualites .actu-grid,
  body.legacy-scope.page-news       .actu-grid {
    grid-template-columns: 1fr;
    padding: 0 16px 32px;
    gap: 32px;
  }
}

/* ----------------------------------------------------------
   CARD — structure
   ---------------------------------------------------------- */
body.legacy-scope .actu-card {
  display: flex;
  flex-direction: column;
}

body.legacy-scope .actu-card__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-decoration: none;
  color: inherit;
}

/* ----------------------------------------------------------
   CARD — image
   ---------------------------------------------------------- */
body.legacy-scope .actu-card__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  background: var(--proute-green, #d9efe1);
  /* Même traitement que .card__image.catalogue__item__visuel */
  border: 1px solid rgba(0, 0, 0, .06);
}

body.legacy-scope .actu-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .45s ease;
}

body.legacy-scope .actu-card__inner:hover .actu-card__img {
  transform: scale(1.04);
}

body.legacy-scope .actu-card__img--placeholder {
  width: 100%;
  height: 100%;
  background: var(--proute-green, #d9efe1);
}

/* ----------------------------------------------------------
   CARD — méta (thème + date)
   ---------------------------------------------------------- */
body.legacy-scope .actu-card__meta {
  margin-top: 12px;
  color: #a08b50;        /* text--brown */
  font-family: "Futura PT", sans-serif;  /* text--sansserif */
  font-size: 1.2rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.4em;
}

body.legacy-scope .actu-card__theme {
  font-weight: 600;
}

body.legacy-scope .actu-card__meta-sep {
  color: rgba(160, 139, 80, .5);
}

body.legacy-scope .actu-card__date {
  color: #a08b50;
}

/* ----------------------------------------------------------
   CARD — titre
   ---------------------------------------------------------- */
body.legacy-scope .actu-card__title {
  margin-top: 8px;
  font-family: "Sabon LT Std", serif;
  font-size: 1.6rem;     /* text--normal */
  color: #a08b50;        /* text--brown */
  line-height: 1.4em;
  transition: opacity .2s ease;
}

body.legacy-scope .actu-card__inner:hover .actu-card__title {
  opacity: .75;
}

/* ----------------------------------------------------------
   PAGINATION (même style que Dessins)
   ---------------------------------------------------------- */
body.legacy-scope.page-actualites .catalog-pagination,
body.legacy-scope.page-news       .catalog-pagination {
  margin-top: 28px;
  margin-bottom: 40px;
  text-align: center;
  padding: 0 60px;
}

body.legacy-scope.page-actualites .catalog-pagination .page-numbers,
body.legacy-scope.page-news       .catalog-pagination .page-numbers {
  display: inline-block;
  margin: 0 6px;
  color: #a08b50;
  text-decoration: none;
  font-family: "Futura PT", sans-serif;
  font-size: 1.4rem;
}

body.legacy-scope.page-actualites .catalog-pagination .page-numbers:hover,
body.legacy-scope.page-news       .catalog-pagination .page-numbers:hover {
  text-decoration: underline;
}

body.legacy-scope.page-actualites .catalog-pagination .current,
body.legacy-scope.page-news       .catalog-pagination .current {
  font-weight: 700;
}

@media (max-width: 780px) {
  body.legacy-scope.page-actualites .catalog-pagination,
  body.legacy-scope.page-news       .catalog-pagination {
    padding: 0 16px;
  }
}

/* ----------------------------------------------------------
   MESSAGE VIDE
   ---------------------------------------------------------- */
body.legacy-scope.page-actualites .catalog-empty,
body.legacy-scope.page-news       .catalog-empty {
  padding: 0 60px 40px;
  color: #000;
  font-family: "Futura PT", sans-serif;
  font-size: 1.4rem;
}

/* ============================================================
   SINGLE ACTUALITÉ
   ============================================================ */

/* ===== SINGLE ACTUALITÉ — layout fixes =====
   Problèmes constatés :
   1. Espace excessif en haut : .header~.container .page reçoit un padding-top
      hérité de main_min.css (prévu pour header fixed). Sur single-actualite
      le header est relative, ce padding est inutile.
   2. Décalage horizontal : body reçoit padding left/right du thème TwentyTwentyFive
      via --wp--style--root--padding. Le .container du thème legacy ne le compense pas.
   ================================================================ */

/* Annuler le padding-top hérité du thème sur .page dans ce contexte */
body.legacy-scope.single-actualite .header ~ .container .page,
body.legacy-scope.single-actualite .header--small ~ .container .page {
  padding-top: 0 !important;
  transform: none !important;
}

/* Neutraliser le padding horizontal TwentyTwentyFive sur le body
   pour que le contenu legacy soit bien aligné */
body.legacy-scope.single-actualite {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Padding interne propre à la page single */
body.legacy-scope.single-actualite .page__inner:first-child {
  padding-top: 32px !important;
}

/* ----------------------------------------------------------
   IMAGE PRINCIPALE
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__hero {
  width: 100%;
  max-width: 860px;
  margin: 0 auto 40px;
}

body.legacy-scope.single-actualite .actualite-single__hero-img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(0, 0, 0, .06);
}

/* ----------------------------------------------------------
   MÉTA (thème + date)
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__meta {
  max-width: 860px;
  margin: 0 auto 12px;
  font-family: "Futura PT", sans-serif;
  font-size: 1.2rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #a08b50;
  line-height: 1.4em;
}

body.legacy-scope.single-actualite .actualite-single__theme {
  font-weight: 600;
}

body.legacy-scope.single-actualite .actualite-single__meta-sep {
  color: rgba(160, 139, 80, .5);
}

/* ----------------------------------------------------------
   TITRE H1
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__title {
  max-width: 860px;
  margin: 0 auto 32px;
  font-family: "Sabon LT Std", serif;
  font-size: 3.2rem;
  color: #a08b50;
  line-height: 1.25em;
  letter-spacing: .01em;
  text-transform: none;
}
@media (max-width: 780px) {
  body.legacy-scope.single-actualite .actualite-single__title {
    font-size: 2.4rem;
  }
}

/* ----------------------------------------------------------
   CONTENU TEXTE RICHE
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__content {
  max-width: 780px;   /* même que .single__actu__content */
  margin: 0 auto;
  font-family: "Futura PT", sans-serif;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.7em;
}

/* Remise en forme des éléments éditables */
body.legacy-scope.single-actualite .actualite-single__content p   { margin-bottom: 1.2em; }
body.legacy-scope.single-actualite .actualite-single__content h2  { font-size: 2.2rem; color: #a08b50; margin: 1.8em 0 .6em; }
body.legacy-scope.single-actualite .actualite-single__content h3  { font-size: 1.8rem; color: #a08b50; margin: 1.4em 0 .5em; }
body.legacy-scope.single-actualite .actualite-single__content ul,
body.legacy-scope.single-actualite .actualite-single__content ol  { padding-left: 1.6em; margin-bottom: 1.2em; }
body.legacy-scope.single-actualite .actualite-single__content ul  { list-style: disc; }
body.legacy-scope.single-actualite .actualite-single__content ol  { list-style: decimal; }
body.legacy-scope.single-actualite .actualite-single__content a   { color: #a08b50; text-decoration: underline; }
body.legacy-scope.single-actualite .actualite-single__content a:hover { text-decoration: none; }
body.legacy-scope.single-actualite .actualite-single__content strong,
body.legacy-scope.single-actualite .actualite-single__content b   { font-weight: 700; }
body.legacy-scope.single-actualite .actualite-single__content em,
body.legacy-scope.single-actualite .actualite-single__content i   { font-style: italic; }
body.legacy-scope.single-actualite .actualite-single__content img { max-width: 100%; height: auto; display: block; margin: 1.6em 0; }

/* ----------------------------------------------------------
   CTA OPTIONNEL
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__cta {
  max-width: 780px;
  margin: 32px auto 0;
}

body.legacy-scope.single-actualite .actualite-single__cta-link {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid #a08b50;
  color: #a08b50;
  font-family: "Futura PT", sans-serif;
  font-size: 1.3rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .25s ease, color .25s ease;
}

body.legacy-scope.single-actualite .actualite-single__cta-link:hover {
  background: #a08b50;
  color: #fff;
}

/* ----------------------------------------------------------
   LIEN RETOUR À LA LISTE
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actualite-single__back {
  max-width: 780px;
  margin: 28px auto 0;
}

body.legacy-scope.single-actualite .actualite-single__back a {
  font-family: "Futura PT", sans-serif;
  font-size: 1.3rem;
  color: #a08b50;
  text-decoration: none;
  letter-spacing: .04em;
}

body.legacy-scope.single-actualite .actualite-single__back a:hover {
  text-decoration: underline;
}

/* ----------------------------------------------------------
   NAVIGATION PRÉCÉDENTE / SUIVANTE
   ---------------------------------------------------------- */
body.legacy-scope.single-actualite .actu-nav {
  border-top: 1px solid rgba(160, 139, 80, .35);
  margin-top: 60px;
  padding: 32px 60px 60px;
}
@media (max-width: 780px) {
  body.legacy-scope.single-actualite .actu-nav {
    padding: 24px 16px 40px;
  }
}

body.legacy-scope.single-actualite .actu-nav__inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  max-width: 980px;
  margin: 0 auto;
}

body.legacy-scope.single-actualite .actu-nav__link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  max-width: 45%;
}

body.legacy-scope.single-actualite .actu-nav__link--next {
  text-align: right;
  margin-left: auto;
}

body.legacy-scope.single-actualite .actu-nav__link--empty {
  flex: 0 0 45%;
}

body.legacy-scope.single-actualite .actu-nav__arrow {
  font-size: 1.8rem;
  color: #a08b50;
  line-height: 1;
}

body.legacy-scope.single-actualite .actu-nav__label {
  font-family: "Futura PT", sans-serif;
  font-size: 1.1rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(160, 139, 80, .7);
}

body.legacy-scope.single-actualite .actu-nav__title {
  font-family: "Sabon LT Std", serif;
  font-size: 1.5rem;
  color: #a08b50;
  line-height: 1.3em;
}

body.legacy-scope.single-actualite .actu-nav__link:hover .actu-nav__title {
  text-decoration: underline;
}

@media (max-width: 600px) {
  body.legacy-scope.single-actualite .actu-nav__inner {
    flex-direction: column;
    gap: 20px;
  }
  body.legacy-scope.single-actualite .actu-nav__link,
  body.legacy-scope.single-actualite .actu-nav__link--next,
  body.legacy-scope.single-actualite .actu-nav__link--empty {
    max-width: 100%;
    text-align: left;
    margin-left: 0;
  }
}


/* -------------------------------------------------------
   Images WYSIWYG dans le corps d'une actualité
------------------------------------------------------- */
.actualite-single__content img.aligncenter,
.actualite-single__content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.actualite-single__content img.alignleft,
.actualite-single__content .alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 0.5em;
}

.actualite-single__content img.alignright,
.actualite-single__content .alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 0.5em;
}

/* Sécurité : images responsive dans le contenu */
.actualite-single__content img {
    max-width: 100%;
    height: auto;
}

/* -------------------------------------------------------
   Images WYSIWYG centrees dans le corps d'une actualite
------------------------------------------------------- */
.actualite-single__content .aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.actualite-single__content p:has(> img.aligncenter) {
    text-align: center;
}