/* Les bonnes adresses (/adresses/, gabarit adresses.html). Les blocs viennent de vente.css et ville.css (vt-nuit, vt-temps-col,
   vt-galerie, vt-nous, vt-liste, vt-fiche, vt-sec-lagon, vt-baisse-g) ; ici seulement la grille, les filtres et leurs ajustements.
   --t : la couleur du thème « Table » de la carte */
.ad-page{--t:#d0612b}

/* coups de cœur : les cartes vt-temps-col en grille de 3, l'avis sous la photo */
.ad-coeurs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.ad-coeur{display:flex;flex-direction:column}
.ad-coeur .vt-photo{height:240px}
.ad-coeur .vt-temps-h b{font-size:22px;line-height:1.15}
.ad-coeur .vt-temps-h small{margin-bottom:4px;letter-spacing:.1em}
.ad-coeur .vt-badge{left:auto;right:16px;background:linear-gradient(120deg,var(--sun1),var(--sun2));color:#fff;letter-spacing:.06em}
.ad-coeur-avis{flex:1;margin:0;padding:18px 22px 6px;font-size:15px;line-height:1.6;color:#36506b}
.ad-coeur-go{padding:4px 22px 22px;font-size:14.5px;font-weight:700;color:var(--t)}
.ad-coeur-go span{display:inline-block;transition:transform .3s}
.ad-coeur:hover .ad-coeur-go span{transform:translateX(6px)}

/* ruban : chaque photo mène à sa fiche */
.vt-piste figure a{display:block;width:100%;height:100%}

/* filtres */
.ad-filtres{display:grid;gap:10px;margin:30px 0 8px;padding:18px 20px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -44px rgba(15,58,107,.6)}
.ad-f{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.ad-f>span{width:62px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}
.ad-f button{padding:8px 15px;border:0;border-radius:999px;background:var(--ice);font:inherit;font-size:14px;font-weight:500;color:var(--navy-d);cursor:pointer;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.ad-f button:hover{transform:translateY(-2px)}
.ad-f button[aria-pressed="true"]{background:linear-gradient(120deg,var(--sun1),var(--sun2));color:#fff;box-shadow:0 10px 22px -10px rgba(244,138,31,.9)}
.ad-compte{margin:2px 0 0;font-size:14px;color:var(--muted)}
.ad-compte b{color:var(--navy-d);font-size:16px}
.ad-compte button,.ad-vide button{margin-left:10px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ad-vide{margin:30px 0;font-size:16px;color:#4d6b88}

/* une région */
.ad-reg{padding-top:60px;scroll-margin-top:90px}
.ad-reg-tete{max-width:760px}
.ad-reg-tete .h2{margin:4px 0 8px}
.ad-reg-tete a{font-weight:600;color:var(--blue);white-space:nowrap}

/* les fiches : vt-fiche à plat dans la grille (sans la rotation), même hauteur par rangée */
.ad-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px;align-items:stretch}
.ad-c.vt-fiche{display:flex;flex-direction:column;transform:none;scroll-margin-top:100px;transition:opacity 1s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.ad-c.vt-fiche.reveal{transform:translateY(40px)}
.ad-c.vt-fiche.reveal.in{transform:none}
.ad-c.vt-fiche.in:hover{transform:translateY(-6px);box-shadow:0 60px 90px -45px rgba(15,58,107,.8)}
.ad-c.vt-fiche:target{box-shadow:0 0 0 3px var(--sun1),0 50px 90px -50px rgba(15,58,107,.7)}
.ad-c .vt-fiche-photo{height:200px}
.ad-c .vt-fiche-c{flex:1;display:flex;flex-direction:column}
.ad-c header b{font-size:19px;line-height:1.25}
.ad-c .vt-fiche-note b{font-size:22px;letter-spacing:.02em;color:var(--sun2)}
.ad-sans{border-top:5px solid var(--t)}
.ad-k{display:block;margin-bottom:4px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t)}
.ad-c .vt-fiche-avis{flex:1;margin-top:16px;align-items:flex-start;font-size:14.5px;line-height:1.6}
.ad-c .vt-fiche-avis b{color:#0a5a31}
.ad-pratique{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none;font-size:13.5px;color:#4d6b88}
.ad-pratique li{display:flex;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere}
.ad-pratique svg{flex:none;width:15px;height:15px;margin-top:2px;fill:none;stroke:var(--sky);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ad-pratique a{color:var(--navy)}
.ad-liens{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.ad-liens .btn{padding:10px 18px;font-size:14px}
.ad-c[hidden],.ad-reg[hidden]{display:none}

/* trois réflexes : la grille des cartes lagon en 3 colonnes */
.ad-reflexes .vt-baisse-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.ad-sources p{font-size:13px;color:#6d86a0}

@media(max-width:1100px){.ad-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  .ad-coeurs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-reflexes .vt-baisse-g{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ad-coeurs,.ad-grille{grid-template-columns:1fr}
  .ad-filtres{margin-inline:-6px;padding:12px;gap:8px}
  .ad-f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px}
  .ad-f::-webkit-scrollbar{display:none}
  .ad-f>span{flex:none;width:auto;margin-right:2px}
  .ad-f button{flex:none;padding:7px 13px;font-size:13.5px}
}
.ad-page .vt-liste h3 svg{vertical-align:-4px;margin-right:4px;color:var(--t)}