/* Lot 2 : pages enjeux (rentabilité, trésorerie, croissance, outils, structurer) */

/* CTA : premier paragraphe en blanc, suite en blanc 70 % */
.pb-cta-global .dp-cta-fort { color: #FDFDFB; }

/* Structurer : pointillé qui relie « Ce qui disparaît » à « Ce qui apparaît » */
.dp-disparait-apparait { position: relative; }
.dp-pointille-disparait.elementor-widget {
  position: absolute;
  top: 29px;
  left: 191px;
  z-index: 0;
  width: 198px;
  pointer-events: none;
}
.dp-pointille-disparait img { display: block; width: 198px; height: 285px; transform: scaleX(-1); }

/* Hero des enjeux : courbe pointillée dégagée du titre, encart « phrase » sur 2 lignes (trésorerie) */
.dp-hero-enjeu .dp-hero-bouton.e-con { margin-top: 12px; }
@media (min-width: 1025px) {
  .dp-hero-info--phrase.e-con { --width: 470px; width: 470px !important; }
  .dp-hero-info--phrase .elementor-heading-title { white-space: normal !important; }
}
@media (max-width: 1379px) { .dp-hero-enjeu .dp-pointille-hero { display: none; } }

/* Pages enjeux : body.page-id-226 trésorerie, 227 rentabilité, 228 croissance, 229 outils, 230 structurer */
/* Frise des notions : un segment pointillé entre deux ronds, rien sous le dernier */
:is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-frise-notions::before { display: none; }
:is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-frise-notions > .dp-notion:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 32px;
  left: -54px;
  height: calc(100% + 42px);
  border-left: 2px dashed var(--dp-bleu);
  opacity: .9;
  pointer-events: none;
}
@media (max-width: 1024px) {
  :is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-frise-notions > .dp-notion:not(:last-child)::after { height: calc(100% + 18px); }
}
@media (max-width: 767px) {
  :is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-frise-notions > .dp-notion:not(:last-child)::after { top: 20px; left: -36px; height: calc(100% + 18px); }
}

/* Intro : 4 étiquettes sur 2 lignes dans la colonne de 676 px */
:is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-pastilles:not(.dp-pastilles--sans-puce) li { padding-left: 14px; padding-right: 14px; }

/* Pourquoi : la boîte d'étiquettes déborde la colonne texte (733 px dans la maquette) */
@media (min-width: 1025px) {
  .dp-pourquoi-texte .dp-pastilles-widget.elementor-widget { width: 733px !important; max-width: none !important; }
}

/* Croissance : tableau « outils » au pas de 78 px */
@media (min-width: 1025px) {
  .dp-outils-tableau li { padding-top: 27px; padding-bottom: 27px; }
}

/* Trésorerie : photo de l'intro zoomée 1,75× sur les deux hommes */
.page-id-226 .dp-photo-intro { overflow: hidden; border-radius: 16px; }
.page-id-226 .dp-photo-intro img { transform: scale(1.75); transform-origin: 60% 49%; }

/* Changement : le pointillé part du milieu de la légende « Ce que nos clients nous disent » */
:is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-pointille-changement:not(.dp-pointille-changement--haut) { bottom: -2px; }

/* Bandeau bleu « outils » : bouton et lien côte à côte sans se chevaucher */
.dp-bandeau-bleu .elementor-widget-button { flex-shrink: 0; }

/* Témoignage : fonction et nom lisibles sur la photo */
.dp-temoignage-media .elementor-heading-title { text-shadow: 0 0 12px rgba(0, 0, 0, .55); }

/* Titres des pages enjeux : coupures proches de la maquette (pretty au lieu de balance), sauf le CTA */
:is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .elementor-widget-heading:not(.pb-cta-global *) .elementor-heading-title { text-wrap-style: pretty; }

/* Hero : courbe pointillée plus courte, elle ne touche plus les jambages du H1 */
@media (min-width: 1380px) { .dp-hero-enjeu .dp-pointille-hero img { height: 104px; margin-top: 10px; } }

/* Structurer : le pointillé finit sous la 4e ligne de « Ce qui disparaît » */
.dp-pointille-disparait img { height: 325px; }

/* FAQ en tablette : pleine largeur */
@media (max-width: 1024px) { .dp-section-faq .dp-faq-widget.elementor-widget { width: 100% !important; max-width: 100% !important; } }

/* Étapes : titres de carte en 18 px comme la maquette (2 lignes dans 185 px) */
@media (min-width: 1025px) { :is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-etape h3.elementor-heading-title { font-size: 1.125rem !important; } }
@media (min-width: 1025px) {
  :is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-etape h3.elementor-heading-title { letter-spacing: -.02em !important; min-height: 2lh; }
  :is(.page-id-226, .page-id-227, .page-id-228, .page-id-229, .page-id-230) .dp-etape.e-con { --padding-left: 22px; --padding-right: 22px; }
}

/* « Vous vous reconnaissez ? » : chapô à 569 px à côté du titre */
@media (min-width: 1025px) { .dp-reco-chapo.elementor-widget { flex: 0 0 569px; width: 569px; } }

/* Hero en tablette : carte d'information compacte sous le texte */
@media (max-width: 1024px) { .dp-hero-enjeu .dp-hero-info.e-con { --width: auto; width: auto !important; max-width: 420px; align-self: flex-start; } }

/* Bloc « Ce qui change » des notions : surlignage d'un seul tenant */
.dp-notion--final .dp-surligne { white-space: nowrap; }

/* Rentabilité, trésorerie : le pointillé de la légende arrive au milieu de la 2e citation */
:is(.page-id-226, .page-id-227) .dp-pointille-changement:not(.dp-pointille-changement--haut) img { content: url("../img/lot-2/changement-pointille-long.svg"); width: 380px; height: 273px; }

/* Croissance : la photo d'intro occupe toute la hauteur de la colonne de texte */
@media (min-width: 1025px) {
  .page-id-228 .dp-photo-carte.e-con { flex: 1 1 auto; align-self: stretch; }
  .page-id-228 .dp-photo-carte .dp-photo-intro,
  .page-id-228 .dp-photo-carte .dp-photo-intro .elementor-widget-container,
  .page-id-228 .dp-photo-carte .dp-photo-intro img { height: 100% !important; }
}