/* ====================================================================
   IVANN H1 UNDERLINE CALM #43 — Calme la barre gradient sous le titre
   Cible : h1.page-title::after qui faisait 86×5px en bleu→violet vif
   ==================================================================== */

/* ============================================================
   1. UNDERLINE H1 : plus discret + plus bas
   ============================================================ */

html body[class] h1.page-title::after,
html body[class] h1.page-title.container::after {
  width: 48px !important;
  height: 2px !important;
  margin: 18px 0 0 !important;
  background: linear-gradient(90deg, rgba(0, 225, 255, 0.5), rgba(168, 85, 247, 0.4)) !important;
  border-radius: 2px !important;
  opacity: 0.7;
  box-shadow: none !important;
}

/* ============================================================
   2. BREATHING ROOM après le H1
   ============================================================ */

html body[class] h1.page-title,
html body[class] h1.page-title.container {
  margin-bottom: 32px !important;
  padding-bottom: 0 !important;
}

/* Si le contenu suivant est une card de nav (prev/suivant), gap supplémentaire */
html body[class] h1.page-title + .ivann-course-nav,
html body[class] h1.page-title + nav,
html body[class] h1.page-title + .layout,
html body[class] h1.page-title + .field,
html body[class] h1.page-title + .block,
html body[class] h1.page-title ~ .ivann-course-nav {
  margin-top: 24px !important;
}

/* ============================================================
   3. PARCOURS PROGRESS BAR : si touchée, garde aération
   ============================================================ */

html body[class] .parcours-progress {
  margin-bottom: 28px !important;
}

/* ============================================================
   4. NEUTRALISATION éventuels autres underlines vifs
   ============================================================ */

/* H1 page-title parfois dans .field--name-title */
html body[class] .field--name-title h1::after,
html body[class] .node__title::after {
  width: 48px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(0, 225, 255, 0.5), rgba(168, 85, 247, 0.4)) !important;
  margin-top: 16px !important;
  opacity: 0.7;
}