/* Plumber Deboucheur — v4-33 (2026-09-17). Charge apres v4-32.css.
   Tarifs : la carte est blanche de haut en bas, le bandeau plein disparait.
   Ce qui separe les trois offres, c'est la couleur du sur-titre, du prix et des
   coches, plus une bordure orange uniforme sur l'offre mise en avant.
   v4-18 et v4-29 ciblent .a4-tarif__tete avec jusqu'a cinq classes : les
   surcharges de couleur passent donc par !important, cette feuille a le
   dernier mot. */

/* ---------- 1. La carte, blanche partout ---------- */
.a4-tarifs .a4-tarif{
  background:#fff!important;
  border:1px solid var(--line-3)!important;
  border-radius:18px;
}
.a4-tarifs .a4-tarif--vedette{border:2px solid var(--orange)!important}

/* ---------- 2. Le sur-titre : un texte colore, plus un bandeau ---------- */
.a4-tarifs .a4-tarif .a4-tarif__tete{
  background:transparent!important;
  color:var(--navy)!important;
  padding:clamp(22px,2vw,32px) clamp(20px,1.9vw,30px) 0;
  font-size:12px;
  letter-spacing:.12em;
}
.a4-tarifs .a4-tarif .a4-tarif__tete::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:12px;
  background:currentColor;
  opacity:.55;
}
.a4-tarifs .a4-tarif--vedette .a4-tarif__tete{color:var(--orange-deep)!important}
.a4-tarifs .a4-tarif .a4-tarif__corps{padding-top:16px}

/* ---------- 3. Le prix porte la couleur de l'offre ---------- */
.a4-tarifs .a4-tarif .a4-tarif__prix{color:var(--navy-deep)!important}
.a4-tarifs .a4-tarif--vedette .a4-tarif__prix{color:var(--orange-deep)!important}
.a4-tarifs .a4-tarif .a4-tarif__prix small{color:var(--muted)!important}

/* ---------- 4. Titre, liste et coches sur fond blanc ---------- */
.a4-tarifs .a4-tarif h3{color:var(--navy-deep)!important}
.a4-tarifs .a4-tarif li{color:var(--body)!important}
.a4-tarifs .a4-tarif li::before{background:#EEF3F9!important}
.a4-tarifs .a4-tarif li::after{border-color:var(--navy)!important}
.a4-tarifs .a4-tarif--vedette li::before{background:#FDEDE2!important}
.a4-tarifs .a4-tarif--vedette li::after{border-color:var(--orange)!important}
.a4-tarifs .a4-tarif .a4-tarif__txt{color:var(--body)!important}
.a4-tarifs .a4-tarif .a4-tarif__txt strong{color:var(--navy-deep)!important}

/* ---------- 5. La note de fin devient un vrai pied de carte ----------
   Les listes n'ont pas la meme longueur : sans filet, la phrase du bas
   flottait toute seule au milieu du blanc. */
.a4-tarifs .a4-tarif .a4-tarif__pied{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--line-3);
  color:var(--muted)!important;
}