/**
 * EOCHE - Section Services (2026-07-27, v2)
 * Chargee en dernier, uniquement par la page d'accueil.
 *
 * CE QUI A ETE CORRIGE, mesure a l'appui sur la page reelle :
 *
 *  1. LE VIDE SOUS LE TITRE. Le titre vivait dans une colonne de 4/12 dont le
 *     contenu ne fait que 452 px, face a un accordeon de 1 042 px : 590 px de
 *     blanc a 1440 px, 732 px a 992 px. Le titre est passe en pleine largeur,
 *     centre, comme dans Tarifs et Avis, et l'accordeon occupe les 12 colonnes.
 *
 *  2. LES A-COUPS. Chaque volet contenait trois "collapse" imbriques dans un
 *     "collapse" parent. Les trois sous-points sont desormais toujours
 *     visibles, en trois colonnes : plus d'imbrication, et 15 boutons en moins.
 *     (Le delai de 527 ms au clic, lui, venait du script : corrige dans
 *     eoche-core.v4.js, la hauteur etait lue avant l'affichage du panneau.)
 *
 *  3. LES BARRES VIDES. En pleine largeur, il ne restait qu'un titre a gauche
 *     et un numero a droite. On y a fait remonter la description du service,
 *     qui restait cachee jusqu'au clic : .accordion-resume.
 *
 *  4. LE CONTENU COLLE A LA BARRE. Mesure : 0 px entre le bas de la barre et
 *     le haut du contenu. Et la classe mt-20 posee sur la liste des points ne
 *     fait rien - elle n'existe pas dans le theme (Bootstrap s'arrete a mt-5).
 *     D'ou les respirations explicites ci-dessous.
 *
 *  5. LA FLUIDITE. La hauteur s'animait en "ease". On reprend la courbe deja
 *     utilisee par les fondus du site (overrides.v5.css), qui part vite et se
 *     pose en douceur.
 *
 * Aucune animation ajoutee, aucune classe de conteneur remplacee, et rien de
 * tout cela ne s'applique sous 1025 px ou les animations sont deja coupees.
 */

/* ═══ 1. La phrase de service, dans la barre ═══════════════════════════════
   Sans cette regle elle heriterait du 48 px du titre. */
.accordion-title .accordion-resume {
  flex: 0 1 460px;
  align-self: center;
  margin-left: auto;
  margin-right: 48px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: normal;
  color: #52525b;
  text-align: left;
}

/* ═══ 2. Respiration a l'interieur du volet ouvert ════════════════════════ */
.accordion-faq_item .accordion-content {
  padding-top: 28px;
}

/* Sur telephone, la description reapparait dans le volet : on la detache de
   la liste des points qui la suit. */
.accordion-faq_item .accordion-content > .text {
  margin-bottom: 20px;
}

/* ═══ 3. Les sous-points, toujours visibles ═══════════════════════════════ */
div.service-point-btn {
  cursor: default;
  justify-content: flex-start;
}

.service-point .service-point-desc {
  padding-top: 10px;
  padding-bottom: 0;
}

/* ═══ 4. Fluidite de l'ouverture ══════════════════════════════════════════
   Meme courbe que les fondus du site. Le filet de securite du script est a
   500 ms : la transition doit rester nettement en dessous. */
.accordion-faq_list .collapsing,
.accordion-asked .collapsing {
  transition: height 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Rappel : sous 1025 px, le script bascule les volets sans animation. Cette
   regle n'a donc aucun effet sur telephone, et c'est voulu. */