/* =========================================================
   ACTUALITÉS — SINGLE
   ========================================================= */

body.single-actualite {
  background-color: rgba(8, 86, 4, 0.04) !important;
}

/* =========================================================
   ANIMATION D'ENTRÉE (fondu + montée) — pour les sections basses
   ========================================================= */

.fiadanana-actualite-about,
.fiadanana-actualite-media,
.fiadanana-actualite-content,
.fiadanana-actualite-external-link,
.fiadanana-actualite-galerie,
.fiadanana-actualite-nav {
  opacity: 0 !important;
  transform: translateY(60px) !important;
  transition:
    opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1),
    transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: opacity, transform;
}

.fiadanana-actualite-about.is-visible,
.fiadanana-actualite-media.is-visible,
.fiadanana-actualite-content.is-visible,
.fiadanana-actualite-external-link.is-visible,
.fiadanana-actualite-galerie.is-visible,
.fiadanana-actualite-nav.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* =========================================================
   HERO — Animation "agrandissement + fondu" (zoom doux)
   ========================================================= */

/* Le hero lui-même : léger zoom-out depuis scale(1.05) vers scale(1) */
.fiadanana-actualite-hero {
  opacity: 0 !important;
  transform: scale(1.06) !important;
  transition:
    opacity 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: opacity, transform;
}

.fiadanana-actualite-hero.is-visible {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Éléments internes du hero : petit scale + fondu, en cascade */
.fiadanana-actualite-hero .fiadanana-breadcrumb,
.fiadanana-actualite-hero .fiadanana-actualite-title,
.fiadanana-actualite-hero .fiadanana-actualite-meta {
  opacity: 0 !important;
  transform: scale(0.92) !important;
  transition:
    opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: opacity, transform;
}

.fiadanana-actualite-hero .fiadanana-breadcrumb.is-visible,
.fiadanana-actualite-hero .fiadanana-actualite-title.is-visible,
.fiadanana-actualite-hero .fiadanana-actualite-meta.is-visible {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* =========================================================
   HERO PLEINE LARGEUR
   ========================================================= */

.fiadanana-actualite-hero {
  position: relative !important;
  width: 100% !important;
  min-height: 500px !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;

  padding: 60px 20px 60px !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

.fiadanana-actualite-hero.no-image {
  background-color: var(--fiadanana-vert) !important;
}

.fiadanana-actualite-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(
    to bottom,
    rgba(8, 40, 4, 0.35) 0%,
    rgba(8, 40, 4, 0.65) 60%,
    rgba(8, 40, 4, 0.85) 100%
  ) !important;
  pointer-events: none !important;
}

.fiadanana-actualite-hero-content {
  position: relative !important;
  z-index: 2 !important;

  max-width: 1150px !important;
  margin: 0 auto !important;
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 35px !important;
}

/* =========================================================
   FIL D'ARIANE
   ========================================================= */

.fiadanana-actualite-hero .fiadanana-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;

  font-size: 1.05rem !important;
  color: rgba(255, 255, 255, 0.85) !important;

  margin: 0 !important;
}

.fiadanana-actualite-hero .fiadanana-breadcrumb a {
  color: var(--fiadanana-vert-clair) !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
  transition: color 0.2s ease !important;
}

.fiadanana-actualite-hero .fiadanana-breadcrumb a:hover {
  color: var(--fiadanana-bleu) !important;
}

.fiadanana-actualite-hero .fiadanana-breadcrumb .sep {
  color: rgba(255, 255, 255, 0.55) !important;
  margin: 0 6px !important;
}

.fiadanana-actualite-hero .fiadanana-breadcrumb .current {
  color: #ffffff !important;
  font-weight: 400 !important;
}

/* =========================================================
   TITRE DANS LE HERO — 1er mot en vert clair
   ========================================================= */

.fiadanana-actualite-hero .fiadanana-actualite-title {
  font-family: var(--font-title) !important;
  color: #ffffff !important;
  font-weight: var(--fw-extrabold) !important;
  font-size: var(--fs-page-title) !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: -0.6px !important;
  margin: 0 !important;
  max-width: 900px !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

.fiadanana-actualite-title-first {
  color: var(--fiadanana-vert-clair) !important;
  font-family: var(--font-title) !important;
}

/* =========================================================
   MÉTADONNÉES DANS LE HERO — icônes vertes
   ========================================================= */

.fiadanana-actualite-hero .fiadanana-actualite-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 28px !important;
}

.fiadanana-actualite-hero .fiadanana-actualite-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  font-size: 1rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.fiadanana-actualite-hero .fiadanana-actualite-meta-item .fiadanana-icon-svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--fiadanana-vert-clair) !important;
  fill: var(--fiadanana-vert-clair) !important;
  flex-shrink: 0 !important;
}

/* =========================================================
   CONTENEUR PRINCIPAL — 1 SEULE COLONNE
   ========================================================= */

.fiadanana-actualite-single {
  position: relative !important;
  isolation: isolate !important;
}

.fiadanana-actualite-single.site-container {
  padding: 0 !important;
}


.fiadanana-actualite-container {
  max-width: 1150px !important;
  margin: 0 auto !important;
  padding: clamp(40px, 6vw, 70px) 20px 80px !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 50px !important;
}

/* =========================================================
   À PROPOS DE CETTE ACTUALITÉ
   ========================================================= */

.fiadanana-actualite-about {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.fiadanana-actualite-about-title {
  font-family: var(--font-title) !important;
  font-size: var(--fs-page-title) !important;
  font-weight: var(--fw-extrabold) !important;
  color: #000000 !important;
  margin: 0 0 20px 0 !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: -0.6px !important;
}

/* Force Trebuchet sur les spans internes, sans toucher la couleur */
.fiadanana-actualite-about-title span {
  font-family: var(--font-title) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/* « À propos » vert clair — spécificité renforcée */
.fiadanana-actualite-about-title .fiadanana-actualite-about-green,
.fiadanana-actualite-about-green {
  color: var(--fiadanana-vert-clair) !important;
  display: inline !important;
  font-family: var(--font-title) !important;
}

/* « de cette actualité » noir — spécificité renforcée */
.fiadanana-actualite-about-title .fiadanana-actualite-about-dark,
.fiadanana-actualite-about-dark {
  color: #000000 !important;
  display: inline !important;
  font-family: var(--font-title) !important;
}

.fiadanana-actualite-about p {
  font-family: var(--font-main) !important;
  font-size: var(--fs-body-min) !important;
  line-height: 1.8 !important;
  color: #333 !important;
  margin: 0 !important;
  font-style: normal !important;
}

/* =========================================================
   MÉDIA — Vidéo OU Image mise en avant (pleine largeur)
   ========================================================= */

.fiadanana-actualite-media {
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #f0f0f0 !important;
}

.fiadanana-actualite-featured-image {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
}

.fiadanana-actualite-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 14px !important;
}

.fiadanana-actualite-video-wrap {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
}

.fiadanana-actualite-video-wrap iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* =========================================================
   CONTENU DE L'ARTICLE
   ========================================================= */

.fiadanana-actualite-content {
  font-family: var(--font-main) !important;
  font-size: var(--fs-body-min) !important;
  line-height: 1.8 !important;
  color: #333 !important;
  text-align: left !important;
}

.fiadanana-actualite-content h2,
.fiadanana-actualite-content h3 {
  font-family: var(--font-title) !important;
  color: var(--fiadanana-vert) !important;
  font-weight: var(--fw-bold) !important;
  margin-top: 36px !important;
  margin-bottom: 16px !important;
  line-height: var(--lh-tight) !important;
}

.fiadanana-actualite-content h2 {
  font-size: var(--fs-subsection-title) !important;
}

.fiadanana-actualite-content h3 {
  font-size: var(--fs-card-title) !important;
}

.fiadanana-actualite-content p {
  margin-bottom: 22px !important;
}

.fiadanana-actualite-content ul,
.fiadanana-actualite-content ol {
  margin-bottom: 22px !important;
  padding-left: 25px !important;
}

.fiadanana-actualite-content ul li,
.fiadanana-actualite-content ol li {
  margin-bottom: 8px !important;
}

.fiadanana-actualite-content a {
  color: var(--fiadanana-bleu) !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.fiadanana-actualite-content a:hover {
  color: var(--fiadanana-vert) !important;
}

.fiadanana-actualite-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  margin: 24px 0 !important;
}

.fiadanana-actualite-content blockquote {
  border-left: 3px solid var(--fiadanana-vert) !important;
  padding: 15px 25px !important;
  margin: 24px 0 !important;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 6px !important;
  font-style: italic !important;
  color: #555 !important;
}

/* =========================================================
   LIEN EXTERNE
   ========================================================= */

.fiadanana-actualite-external-link {
  display: flex !important;
  justify-content: flex-start !important;
}

.fiadanana-actualite-external-link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 12px 24px !important;

  background: transparent !important;
  border: 2px solid var(--fiadanana-vert) !important;
  border-radius: 50px !important;

  color: var(--fiadanana-vert) !important;
  font-family: var(--font-main) !important;
  font-size: 15px !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;

  text-decoration: none !important;

  transition:
    background 0.25s ease,
    color 0.25s ease !important;
}

.fiadanana-actualite-external-link a:hover {
  background: var(--fiadanana-vert) !important;
  color: #ffffff !important;
}

.fiadanana-actualite-external-link .fiadanana-icon-svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  color: inherit !important;
}

/* =========================================================
   GALERIE PHOTOS — 2 colonnes
   ========================================================= */

.fiadanana-actualite-galerie {
  margin: 0 !important;
}

.fiadanana-actualite-galerie-title {
  font-family: var(--font-title) !important;
  font-size: var(--fs-accordion-title) !important;
  font-weight: var(--fw-bold) !important;
  color: #000000 !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.3 !important;
}

.fiadanana-actualite-galerie-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.fiadanana-actualite-galerie-item {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f0f0f0 !important;
}

.fiadanana-actualite-galerie-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* =========================================================
   NAVIGATION : ACTUALITÉ PRÉCÉDENTE / SUIVANTE
   ---------------------------------------------------------
  Texte + triangle, dans le style du bouton retour de la galerie
   ========================================================= */

.fiadanana-actualite-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;

  padding-top: 0 !important;
  border-top: none !important;
}

.fiadanana-actualite-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 0 !important;

  background: transparent !important;
  color: #000000 !important;
  border-radius: 0 !important;

  font-family: var(--font-main) !important;
  font-size: 1rem !important;
  font-weight: var(--fw-regular) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;

  text-decoration: none !important;
  cursor: pointer !important;
  border: none !important;

  box-shadow: none !important;
  transition: color 0.25s ease !important;
}

.fiadanana-actualite-nav-link:hover,
.fiadanana-actualite-nav-link:focus-visible {
  color: var(--fiadanana-vert-clair) !important;
  outline: none !important;
}

.fiadanana-actualite-nav-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20px !important;
  height: 20px !important;

  color: inherit !important;

  flex-shrink: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.fiadanana-actualite-nav-arrow svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  stroke: none !important;
  color: inherit !important;
}

.fiadanana-actualite-nav-text {
  display: inline-block !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

.fiadanana-actualite-nav-next {
  margin-left: auto !important;
  flex-direction: row !important;
}

.fiadanana-actualite-nav-prev .fiadanana-actualite-nav-arrow {
  transform: scaleX(-1) !important;
}

.fiadanana-actualite-nav-prev:hover .fiadanana-actualite-nav-arrow,
.fiadanana-actualite-nav-prev:focus-visible .fiadanana-actualite-nav-arrow {
  transform: translateX(-6px) scaleX(-1) !important;
}

.fiadanana-actualite-nav-next:hover .fiadanana-actualite-nav-arrow,
.fiadanana-actualite-nav-next:focus-visible .fiadanana-actualite-nav-arrow {
  transform: translateX(6px) !important;
}

.fiadanana-actualite-nav-arrow {
  transition: transform 0.3s ease !important;
}

/* =========================================================
   RESPONSIVE — TABLETTE
   ========================================================= */

@media (max-width: 1024px) {
  .fiadanana-actualite-hero {
    min-height: 460px;
    padding: 60px 20px 50px;
  }
}

/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 768px) {
  .fiadanana-actualite-hero {
    min-height: 400px;
    padding: 60px 16px 40px;
  }

  .fiadanana-actualite-hero .fiadanana-breadcrumb {
    font-size: 0.9rem;
  }

  .fiadanana-actualite-hero .fiadanana-actualite-meta {
    flex-direction: column;
    gap: 10px;
  }

  .fiadanana-actualite-hero .fiadanana-actualite-meta-item {
    font-size: 0.95rem;
  }

  .fiadanana-actualite-container {
    padding: 30px 16px 60px;
    gap: 40px;
  }

  .fiadanana-actualite-content h2 {
    font-size: 1.35rem;
  }

  .fiadanana-actualite-content h3 {
    font-size: 1.2rem;
  }

  .fiadanana-actualite-galerie-grid {
    gap: 16px !important;
  }

  /* --- MOBILE : texte et triangles restent visibles --- */

  .fiadanana-actualite-nav {
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .fiadanana-actualite-nav-link {
    width: auto !important;
    height: auto !important;
    max-width: 48% !important;
  }

  .fiadanana-actualite-nav-arrow {
    width: 24px !important;
    height: 24px !important;
  }

  .fiadanana-actualite-nav-arrow svg {
    width: 24px !important;
    height: 24px !important;
  }

  .fiadanana-actualite-nav-next {
    margin-left: auto !important;
  }
}

@media (max-width: 600px) {
  .fiadanana-actualite-galerie-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .fiadanana-actualite-hero {
    min-height: 360px;
    padding: 60px 14px 35px;
  }
}