/* =========================================================
   HOMEPAGE — STYLES GÉNÉRAUX
   ========================================================= */

/* =========================================================
   SECTION D'ACCUEIL — TITRE PRINCIPAL
   ========================================================= */

.fiadanana-home-intro {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 30px auto;
  padding: 0 20px;
}

.fiadanana-home-intro h2 {
  font-family: var(--font-title);
  font-size: var(--fs-page-title);
  font-weight: var(--fw-bold);
  color: var(--fiadanana-vert);
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

.fiadanana-home-intro p {
  font-size: var(--fs-body);
  line-height: 1.7;
  color: #2c3e3e;
  max-width: 750px;
  margin: 0 auto;
}

.fiadanana-home-intro .fiadanana-divider {
  width: 70px;
  height: 3px;
  margin: 20px auto 0;
  background: var(--fiadanana-vert-clair);
  border-radius: 4px;
}

/* =========================================================
   SECTION — ACTIVITÉS (homepage)
   ========================================================= */

.fiadanana-home-activites {
  padding: 60px 0 40px;
}

/* =========================================================
   SECTION — ACTUALITÉS (homepage)
   ========================================================= */

.fiadanana-home-actualites {
  padding: 40px 0 60px;
  background: rgba(8, 86, 4, 0.03);
}

/* =========================================================
   TITRES DE SECTION — Style commun
   Structure : icône + sous-titre + titre principal
   ========================================================= */

.fiadanana-section-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;

    max-width: 900px !important;
    margin: 0 auto 50px auto !important;
    padding: 0 20px !important;
}

.fiadanana-section-title-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    margin-bottom: 16px !important;

    color: var(--fiadanana-vert-clair) !important;
}

.fiadanana-section-title-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.fiadanana-section-title-subtitle {
    display: inline-block !important;

    font-family: var(--font-main) !important;
    font-size: var(--fs-page-subtitle) !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;

    color: var(--fiadanana-vert-clair) !important;

    margin-bottom: 14px !important;
}

.fiadanana-section-title-main {
    font-family: var(--font-title) !important;
    /* On conserve le clamp : il gère finement la progressivité entre mobile et desktop */
    font-size: clamp(32px, 4vw, 52px) !important;
    font-weight: var(--fw-extrabold) !important;
    line-height: var(--lh-tight) !important;
    letter-spacing: -0.8px !important;

    color: var(--fiadanana-vert) !important;

    margin: 0 !important;

    text-align: center !important;
}

/* Variante alignée à gauche (pour la section témoignages) */
.fiadanana-section-title--left {
    align-items: flex-start !important;
    text-align: left !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.fiadanana-section-title--left .fiadanana-section-title-main {
    text-align: left !important;
}

/* =========================================================
   RESPONSIVE — HOMEPAGE
   ---------------------------------------------------------
   On garde ces @media tels quels : les breakpoints 768px
   et 480px ne correspondent à aucune variable --bp-*
   (le projet utilise xs=600 / md=991 / lg=1399 / xl=1400).
   ========================================================= */

@media (max-width: 768px) {
  .fiadanana-home-intro h2 {
    font-size: 1.8rem;
  }

  .fiadanana-home-intro p {
    font-size: 1rem;
  }

  .fiadanana-home-activites {
    padding: 40px 0 30px;
  }

  .fiadanana-home-actualites {
    padding: 30px 0 40px;
  }

  .fiadanana-section-title {
    margin-bottom: 35px !important;
  }

  .fiadanana-section-title-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 12px !important;
  }

  .fiadanana-section-title-subtitle {
    font-size: 0.95rem !important;
  }

  .fiadanana-section-title-main {
    font-size: clamp(26px, 7vw, 36px) !important;
  }
}

@media (max-width: 480px) {
  .fiadanana-home-intro h2 {
    font-size: 1.4rem;
  }
}