/* 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:wrap;gap:6px 8px;margin:10px 0 0}
.v360-pieces .lib-court{display:none}
@media (max-width:599px){                                     /* téléphone : 3 colonnes égales */
  .v360-pieces{display:grid;grid-template-columns:repeat(3,1fr)}
  .v360-pieces button{justify-content:center;padding:6px 4px}
  .v360-pieces .lib-long{display:none} .v360-pieces .lib-court{display:inline}
}
.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}
/* Page « Le gîte » : visite encadrée, pastilles des pièces distinctes du bandeau de navigation (icône 360°, bord pointillé). */
.visite360.avec-pieces{border:1px solid var(--bord);border-radius:14px;background:var(--carte);padding:10px}
.v360-titre{font-size:13px;font-weight:600;color:var(--miel-fonce);margin:12px 0 0}
.avec-pieces .v360-pieces{margin:8px 0 0}
.avec-pieces .v360-pieces button{display:inline-flex;align-items:center;gap:5px;border-style:dashed;border-color:var(--miel);color:var(--miel-fonce);background:var(--fond)}
.avec-pieces .v360-pieces button svg{flex:0 0 auto}
.avec-pieces .v360-pieces button[aria-pressed="true"]{border-style:solid;background:var(--miel-clair);font-weight:500}
@media (min-width:900px){
  .v360-cadre{aspect-ratio:21/9}
}