/* ------------------------------------------------------------------
   Éditions saisonnières — niveau « moyen ».
   L'accent du site suit la saison, et la prestation de circonstance
   remonte en tête de liste avec une pastille.
   L'ordre lui-même est calculé en PHP : c'est celui-là que Google voit.
   ------------------------------------------------------------------ */

html[data-saison="pneus-hiver"]{--gold:#3E6285}
html[data-saison="hiver"]     {--gold:#32526E}
html[data-saison="printemps"] {--gold:#4F6B41}
html[data-saison="ete"]       {--gold:#A8871F}

/* sans marqueur, un ordre qui change tout seul ressemble à un bug */
.list div[data-saison-top] dt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}

.flag{
  font-family:var(--body);
  font-size:10px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--paper);background:var(--gold);
  border-radius:999px;padding:3px 9px;
  -webkit-text-stroke:0;white-space:nowrap;
}

html[data-edition="vice"] .flag{
  background:#FFE36E;color:#250938;border:1.5px solid #250938;
}


/* Slide 5 : le titre et la note encadrent le numéro sans l'étouffer. */
#p5 .big{margin-bottom:22px}
.tel-note{
  margin-top:14px;
  font-size:14.5px;
  max-width:42ch;
}
#p5 .cta{margin-top:20px}


/* ------------------------------------------------------------------
   FAQ — <details> natif : aucun JavaScript, ouvrable au clavier,
   et le texte est dans le DOM même replié, donc indexable.
   ------------------------------------------------------------------ */
.faq{margin-top:26px;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{
  cursor:pointer;list-style:none;
  padding-block:13px;padding-right:28px;position:relative;
  font-weight:600;font-size:14.5px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:6px;top:50%;
  width:8px;height:8px;margin-top:-5px;
  border-right:1.5px solid var(--ash);border-bottom:1.5px solid var(--ash);
  transform:rotate(45deg);transition:transform .2s ease;
}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.faq p{margin:0 0 14px;color:var(--ash);font-size:14px;max-width:56ch}

html[data-edition="vice"] .faq,
html[data-edition="vice"] .faq details{border-color:rgba(255,255,255,.16)}
html[data-edition="vice"] .faq summary{color:#fff}
html[data-edition="vice"] .faq summary::after{border-color:rgba(255,255,255,.6)}
html[data-edition="vice"] .faq p{color:#E4D8EE}

.garage-footer{line-height:1.7}


/* Les prestations de l'accueil pointent vers leurs pages :
   c'est ce maillage qui les fait découvrir et remonter. */
.presta-lien{text-decoration:none;text-underline-offset:4px}
.presta-lien:hover{text-decoration:underline}
.liens-presta{margin-top:10px}
.liens-presta a{color:var(--ash);text-underline-offset:3px}
.liens-presta a:hover{color:var(--ink)}
html[data-edition="vice"] .liens-presta a{color:#C9B6DE}
html[data-edition="vice"] .liens-presta a:hover{color:#fff}