/* ============================================================
   SECTION BLOC ÉDITO + GALERIE  (findingPage.title / descFinding)
   Bloc texte centré (max 764) + CTA devis + galerie 3 images.
   Réutilise .edito-bloc (descriptif.css) pour le bloc texte.
   Figma desktop 779:1617  |  mobile 779:1121
============================================================ */
.section-edito {
  background-color: #efece9;
  padding: 40px 0;
}

.finding-edito {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Bloc texte : hérite de .edito-bloc (max-width 764, centré, gap).
   Ajouts spécifiques Trouvailles. */
.finding-edito__title {
  font-family: 'Asul', sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #0f1b24;
  text-align: left;
  /* Titre (appelation) : passe à la ligne mot par mot, jamais en coupant
     un mot au milieu. */
  word-break: normal;
  overflow-wrap: normal;
  text-wrap: auto;
}

.finding-edito__text {
  color: #0f1b24;
  text-align: left;
}
/* Force l'alignement à gauche même si le contenu WYSIWYG porte un
   text-align:center inline (habitude de l'éditeur BO). */
.finding-edito__text,
.finding-edito__text * { text-align: left !important; }
/* Neutralise les polices inline héritées du WYSIWYG (BO) : on impose la
   police Figma par défaut (Body M – Lexend Light 15/24) et on ignore les
   font-family / font-size stockés en base. Les titres (h2/h3/h4) gardent
   leur traitement Figma défini plus bas ; le poids reste libre pour
   préserver l'emphase (<strong>). */
.finding-edito__text,
.finding-edito__text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-family: 'Lexend', sans-serif !important;
  font-size: 15px !important;
  line-height: 24px !important;
}
.finding-edito__text a {
  color: #9F9A7C;

  /* Desktop/Body/Strong */
  font-family: Lexend;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.finding-edito__text a:hover{
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.finding-edito__text p + p { margin-top: 16px; }
.finding-edito__text ul,
.finding-edito__text ol { margin: 16px 0; padding-left: 20px; list-style: revert; }

/* Titres dans la description (HTML WYSIWYG) : même police que le titre
   (appelation) juste au-dessus — Asul 400, #0f1b24 —, avec une taille
   hiérarchisée selon la balise (h2 > h3 > h4). Sans ça le reset global
   (font-size/weight: unset sur h1..h6) les rend comme du texte courant. */
.finding-edito__text h2,
.finding-edito__text h3,
.finding-edito__text h4 {
  font-family: 'Asul', sans-serif;
  font-weight: 400;
  color: #0f1b24;
  margin: 24px 0 8px;
}
.finding-edito__text h2 { font-size: 19px; line-height: 23px; }
.finding-edito__text h3 { font-size: 17px; line-height: 21px; }
.finding-edito__text h4 { font-size: 16px; line-height: 20px; }
/* Un titre en tête de description ne creuse pas d'espace superflu. */
.finding-edito__text > :first-child { margin-top: 0; }

.finding-edito__durable {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.finding-edito__durable img { width: 45px; height: 45px; flex-shrink: 0; }

/* Pill compacte alignée à gauche (non étirée par le flex-column),
   texte + flèche sur une seule ligne (Figma CTA-devis : whitespace-nowrap). */
.finding-edito__cta {
  align-self: flex-start;
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: max-content;
  max-width: 100%;
  margin: 20px 0;
}
.finding-edito__cta .btn__icon { flex-shrink: 0; }
.btn.btn--orange.finding-edito__cta:hover{
  background-color: #f39e00;
  border-color: #f39e00;
  color: #ffffff;
}

/* ---- Galerie 3 images ------------------------------------ */
.finding-edito__gallery {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 764px;
  margin-inline: auto;
}

.finding-edito__photo {
  width: 100%;
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #d9d4ce;
}
.finding-edito__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (min-width: 769px) {
  .section-edito { padding: 60px 0; }

  .finding-edito { gap: 40px; }

  .finding-edito__title { font-size: 26px; line-height: 31px; }

  .finding-edito__cta { margin: 30px 0; }

  .finding-edito__text p + p { margin-top: 20px; }

  /* Titres de la description : taille montée d'un cran en structure complète,
     en cohérence avec le titre (appelation) qui passe à 26px. */
  .finding-edito__text h2 { font-size: 22px; line-height: 27px; }
  .finding-edito__text h3 { font-size: 19px; line-height: 24px; }
  .finding-edito__text h4 { font-size: 17px; line-height: 22px; }

  /* Galerie : grille 2 colonnes, items à taille Figma (320×220),
     alignés à gauche dans le bloc 764. 3e image en 2e rangée. */
  .finding-edito__gallery {
    display: grid;
    grid-template-columns: 320px 320px;
    justify-content: start;
    gap: 40px;
  }
  .finding-edito__photo { height: 220px; border-radius: 15px; }
}