/* ==========================================================
   Dépanne-moi11 — V7 correctifs visuels critiques
   Corrige les derniers anciens blocs blancs + centrage titres.
   ========================================================== */
:root{
  --v7-panel:linear-gradient(155deg,#061d3e 0%,#031228 62%,#140a37 100%);
  --v7-panel2:linear-gradient(155deg,#071f43 0%,#04152f 62%,#160b3b 100%);
  --v7-border:rgba(76,236,255,.23);
  --v7-text:#f6fbff;
  --v7-soft:#dcecff;
  --v7-cyan:#4cecff;
}

/* ---------- SERVICES : anciens blocs clairs ---------- */
.svc-section.svc-light{
  background:linear-gradient(145deg,#03162f,#010b1c 70%,#0c0828)!important;
  color:var(--v7-text)!important;
}
.svc-audience-grid article,
.svc-process>div{
  color:var(--v7-text)!important;
  background:var(--v7-panel)!important;
  border:1px solid var(--v7-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.svc-audience-grid article h3,
.svc-process>div h3{color:#fff!important}
.svc-audience-grid article p,
.svc-process>div p{color:var(--v7-soft)!important}
.svc-audience-grid article i,
.svc-process>div i{
  color:var(--v7-cyan)!important;
  background:linear-gradient(145deg,rgba(9,74,135,.88),rgba(5,34,78,.96))!important;
  border:1px solid rgba(76,236,255,.20)!important;
  box-shadow:0 0 18px rgba(0,183,255,.08)!important;
}
.svc-process>div>span{color:rgba(137,207,255,.44)!important}

/* ---------- ASSISTANCE A DISTANCE : cartes process ---------- */
.section.light{
  background:linear-gradient(145deg,#03162f,#010b1c 70%,#0c0828)!important;
  color:var(--v7-text)!important;
}
.section.light .process .step,
.process .step{
  color:var(--v7-text)!important;
  background:var(--v7-panel)!important;
  border:1px solid var(--v7-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.section.light .process .step h3,
.process .step h3{color:#fff!important}
.section.light .process .step p,
.process .step p{color:var(--v7-soft)!important}
.section.light .process .step .num,
.process .step .num{
  color:#fff!important;
  background:linear-gradient(135deg,#106cff,#13d8ff)!important;
  box-shadow:0 0 16px rgba(0,174,255,.18)!important;
}
.section.light .title p,.section.light p{color:var(--v7-soft)!important}
.section.light .btn.outline{color:#fff!important;border-color:rgba(76,236,255,.28)!important;background:#061b3b!important}

/* ---------- TARIFS : aucune zone claire + titre sans débordement ---------- */
body.tarifs-pro-page,
body.tarifs-pro-page main{
  overflow-x:hidden!important;
  background:linear-gradient(180deg,#010914 0%,#03152d 50%,#010914 100%)!important;
  color:var(--v7-text)!important;
}
body.tarifs-pro-page .tp-shell{
  width:min(1160px,calc(100% - 36px))!important;
  max-width:1160px!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
body.tarifs-pro-page .tp-section,
body.tarifs-pro-page .tp-section.light{
  background:linear-gradient(145deg,#03162f,#010b1c 70%,#0c0828)!important;
  color:var(--v7-text)!important;
}
body.tarifs-pro-page .tp-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 28px!important;
  gap:8px!important;
}
body.tarifs-pro-page .tp-title>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
body.tarifs-pro-page .tp-title h2{
  display:block!important;
  width:100%!important;
  max-width:940px!important;
  margin:6px auto 0!important;
  padding:0 8px!important;
  color:#fff!important;
  text-align:center!important;
  line-height:1.08!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-wrap:balance!important;
}
body.tarifs-pro-page .tp-title p{
  width:100%!important;
  max-width:880px!important;
  margin:8px auto 0!important;
  color:var(--v7-soft)!important;
  text-align:center!important;
}
body.tarifs-pro-page .tp-travel{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
}
body.tarifs-pro-page .tp-info-card,
body.tarifs-pro-page .tp-note,
body.tarifs-pro-page .tp-condition,
body.tarifs-pro-page .tp-card,
body.tarifs-pro-page .tp-overview-card,
body.tarifs-pro-page .tp-table-wrap{
  color:var(--v7-text)!important;
  background:var(--v7-panel)!important;
  border:1px solid var(--v7-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.tarifs-pro-page .tp-info-card h3,
body.tarifs-pro-page .tp-note h3,
body.tarifs-pro-page .tp-condition strong,
body.tarifs-pro-page .tp-card h3{color:#fff!important}
body.tarifs-pro-page .tp-info-card p,
body.tarifs-pro-page .tp-note p,
body.tarifs-pro-page .tp-condition p,
body.tarifs-pro-page .tp-card p,
body.tarifs-pro-page .tp-card li{color:var(--v7-soft)!important}
body.tarifs-pro-page .tp-travel-price{
  color:#fff!important;
  background:linear-gradient(145deg,#0b477d,#0b3768)!important;
  border:1px solid rgba(76,236,255,.18)!important;
}
body.tarifs-pro-page .tp-travel-price strong{color:#78b9ff!important}
body.tarifs-pro-page .tp-travel-price span{color:#f0f7ff!important}

/* ---------- Contraste global des vieux blocs clairs ---------- */
main .card[style],main .step[style],main article[style]{color:var(--v7-text)!important}

/* Titres et sous-titres publics, équilibrés */
.title,.svc-title,.tp-title,.pack-head{text-align:center!important}
.title h2,.svc-title h2,.tp-title h2,.pack-head h2{
  margin-left:auto!important;margin-right:auto!important;
  text-align:center!important;text-wrap:balance!important;
}
.title p,.svc-title p,.tp-title p,.pack-head p{
  margin-left:auto!important;margin-right:auto!important;
  text-align:center!important;color:var(--v7-soft)!important;
}

/* Ancienne aide de swipe définitivement masquée */
.dm11-swipe-hint,.services-note,.swipe-hint,[data-swipe-hint]{display:none!important}

@media(max-width:980px){
  body.tarifs-pro-page .tp-travel{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .svc-audience-grid,.svc-process,.process{grid-template-columns:1fr!important}
  body.tarifs-pro-page .tp-shell{width:calc(100% - 22px)!important}
  body.tarifs-pro-page .tp-title h2{font-size:clamp(30px,9vw,44px)!important}
}
