/* visite360.css : visite immersive Google Street View (panoramas 2017/2020 du compte Google Business).
   Le panorama n'est chargé qu'au clic : page légère, aucun appel à Google tant que le visiteur ne le demande pas. */
.visite360{margin:0 0 24px}
.v360-cadre{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid var(--bord);background:var(--carte)}
.v360-cadre iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.v360-lancer{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;display:block;color:inherit;font:inherit}
.v360-lancer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78)}
.v360-libelle{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 16px;border-radius:10px;background:var(--miel);color:#FFF8EC}
.v360-lancer:hover .v360-libelle{background:var(--miel-fonce)}
.v360-lancer:focus-visible{outline:3px solid var(--miel);outline-offset:-3px}
.v360-note{font-size:12px;color:var(--texte-doux);margin:6px 0 0}
.v360-pieces{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:10px -16px 0;padding:0 16px 6px}
.v360-pieces button{flex:0 0 auto;font:inherit;font-size:12px;cursor:pointer;color:var(--texte-doux);background:var(--carte);border:1px solid var(--bord);border-radius:20px;padding:6px 12px;white-space:nowrap}
.v360-pieces button[aria-pressed="true"]{color:var(--miel-fonce);border-color:var(--miel);background:var(--miel-clair);font-weight:500}
.v360-pieces button:focus-visible{outline:2px solid var(--miel);outline-offset:2px}
@media (min-width:900px){
  .v360-cadre{aspect-ratio:21/9}
  .v360-pieces{flex-wrap:wrap;overflow:visible;margin:10px 0 0;padding:0}
}