/* LD ALIGN HARMONY - 20260815a
 * Harmonisation des alignements sur toutes les pages (home exclue, le fichier
 * n'y est pas charge).
 * Principe :
 * - En-tete de section = badge (eyebrow) + titre + description : centres
 *   ensemble, comme un seul bloc.
 * - Contenu de lecture (notes longues, paragraphes denses) : texte a gauche
 *   dans une colonne centree, pour rester agreable a lire.
 */

/* ===== 1. Hero des pages internes : badge + h1 + description + CTA centres ===== */
.hero > .container > div[style*="max-width"],
.hero > .container[style*="max-width"] {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.hero > .container > div[style*="max-width"] h1,
.hero > .container[style*="max-width"] h1,
.hero > .container > div[style*="max-width"] > p,
.hero > .container[style*="max-width"] > p,
.hero > .container > div[style*="max-width"] p.lead,
.hero > .container[style*="max-width"] p.lead {
  margin-left: auto !important;
  margin-right: auto !important;
}
.hero > .container > div[style*="max-width"] .hero-cta,
.hero > .container[style*="max-width"] .hero-cta,
.hero > .container > div[style*="max-width"] .actions,
.hero > .container[style*="max-width"] .actions,
.hero > .container > div[style*="max-width"] .hero-tags,
.hero > .container[style*="max-width"] .hero-tags {
  justify-content: center !important;
}
/* Le fil d'Ariane reste sur son axe gauche */
.hero .crumb { text-align: left; }

/* ===== 2. En-tetes de section : le trio bouge ensemble ===== */
.section-head:not(.left) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.section-head:not(.left) p,
.section-head:not(.left) .lead {
  margin-left: auto !important;
  margin-right: auto !important;
}
.section-head:not(.left) h2::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Pages fonctionnalites : bloc "Presentation" (eyebrow + h2 + lead)
 * traite comme les autres en-tetes de section */
section > .container > div[style*="max-width:780px"] {
  text-align: center !important;
}
section > .container > div[style*="max-width:780px"] > p,
section > .container > div[style*="max-width:780px"] p.lead {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== 3. Lignes de liens "Page pilier" : centrees sous l'en-tete ===== */
.section-head + p.mt-3 {
  text-align: center !important;
  max-width: min(920px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== 4. Blocs de lecture : texte a gauche, colonne centree ===== */
.ld-note-card,
body.ld-comparatif .ld-note-card,
.ld-compare-note.ld-note-card {
  text-align: left !important;
  width: auto !important;
  max-width: min(1100px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Comparatif, section Odoo : en-tete centre, paragraphes lisibles a gauche */
body.ld-comparatif #vsOdoo .container {
  max-width: min(1180px, calc(100% - 2rem)) !important;
  text-align: center !important;
}
body.ld-comparatif #vsOdoo .eyebrow,
body.ld-comparatif #vsOdoo h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.ld-comparatif #vsOdoo h2 { max-width: 24em; }
body.ld-comparatif #vsOdoo .container p {
  text-align: left !important;
  max-width: min(940px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}