/* Plumber Deboucheur — v4-34 (2026-09-17). Charge apres v4-33.css.
   Tarifs, deuxieme passe : le prix devient l'element le plus fort de la carte.
   Il prend Anton, une grotesque tres grasse et condensee chargee uniquement
   pour ca, et il est pose sur un aplat teinte qui donne un point d'ancrage a
   la carte. La carte reste blanche, la couleur fait la hierarchie. */

/* ---------- 1. Le prix, en Anton, sur un aplat ---------- */
.a4-tarifs .a4-tarif .a4-tarif__prix{
  font-family:"Anton","Archivo",sans-serif!important;
  font-weight:400!important;
  font-size:clamp(42px,3.8vw,64px);
  line-height:1;
  letter-spacing:.005em;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 12px;
  padding:16px 18px;
  border-radius:14px;
  background:var(--cream);
}
.a4-tarifs .a4-tarif--vedette .a4-tarif__prix{background:#FDEDE2}
.a4-tarifs .a4-tarif .a4-tarif__prix small{
  font-family:"Source Sans 3",system-ui,sans-serif;
  font-size:14.5px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:0;
  color:var(--muted)!important;
}

/* ---------- 2. Le nom de l'offre monte d'un cran ---------- */
.a4-tarifs .a4-tarif h3{
  font-size:var(--t-22);
  line-height:1.18;
  letter-spacing:-.012em;
}

/* ---------- 3. Le sur-titre et son trait ---------- */
.a4-tarifs .a4-tarif .a4-tarif__tete{
  font-size:12.5px;
  letter-spacing:.14em;
}
.a4-tarifs .a4-tarif .a4-tarif__tete::after{
  width:42px;
  height:3px;
  border-radius:2px;
  opacity:1;
}

/* ---------- 4. Les coches gagnent en presence ---------- */
.a4-tarifs .a4-tarif li{padding-left:29px}
.a4-tarifs .a4-tarif li::before{width:18px;height:18px;top:.34em}
.a4-tarifs .a4-tarif li::after{left:5px;top:.62em;width:8px;height:4.5px;border-width:2.4px}

/* ---------- 5. Lien de devis au pied de chaque carte de prix ---------- */
.a4-tarifs .a4-tarif .a4-tarif__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:14px;
  font-family:"Archivo",sans-serif;
  font-size:15px;
  font-weight:800;
  color:var(--navy);
  text-decoration:none;
}
.a4-tarifs .a4-tarif--vedette .a4-tarif__cta{color:var(--orange-deep)}
.a4-tarifs .a4-tarif .a4-tarif__cta span{display:inline-block;transition:transform .25s ease}
.a4-tarifs .a4-tarif .a4-tarif__cta:hover{text-decoration:underline;text-underline-offset:4px}
.a4-tarifs .a4-tarif .a4-tarif__cta:hover span{transform:translateX(4px)}

/* ---------- 6. Titre de niveau 3 porte par un accordeon ----------
   Le resume d'un accordeon doit rester une seule ligne de texte : le h3 sert
   la hierarchie des titres sans changer le rendu. */
.faq summary .faq__h3{
  display:inline;
  margin:0;
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
}

/* ---------- 7. Surcharges responsive (toujours en dernier) ---------- */
@media (max-width:1080px){
  .a4-tarifs .a4-tarif .a4-tarif__prix{font-size:clamp(44px,9vw,60px)}
}