@media(max-width:1199px){
.nuonat-spots-page .spots-layout{grid-template-columns:minmax(0,1.3fr) 315px}
.nuonat-spots-page .spots-results{grid-template-columns:1fr}
}
@media(max-width:991px){
.nuonat-spots-page .spots-nav span{display:none}
.nuonat-spots-page .spots-nav a,.nuonat-spots-page .spots-nav button{width:39px;height:39px;justify-content:center;padding:0}
.nuonat-spots-page .spots-search{grid-template-columns:minmax(0,1fr) 200px 105px}
.nuonat-spots-page .spots-layout{grid-template-columns:1fr}
.nuonat-spots-page .spots-map-panel{position:static}
.nuonat-spots-page .spots-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.nuonat-spots-page .spots-map{height:420px}
}
@media(max-width:767px){
.nuonat-spots-page .spots-topbar{border-radius:15px;padding:11px}
.nuonat-spots-page .spots-brand p{display:none}
.nuonat-spots-page .spots-logo{width:38px;height:38px}
.nuonat-spots-page .spots-hero{border-radius:18px;padding:19px 14px}
.nuonat-spots-page .spots-hero h2{font-size:22px}
.nuonat-spots-page .spots-search{grid-template-columns:1fr}
.nuonat-spots-page .spots-search button{height:44px}
.nuonat-spots-page .spots-mobile-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#edf1f5;padding:4px;border-radius:12px;margin-bottom:12px}
.nuonat-spots-page .spots-mobile-switch button{height:37px;border:0;border-radius:9px;background:transparent;font-size:11px;font-weight:800;color:#778393}
.nuonat-spots-page .spots-mobile-switch button.active{background:#fff;color:#ff4f7b;box-shadow:0 3px 10px rgba(30,40,50,.08)}
.nuonat-spots-page .spots-page[data-spots-view=list] .spots-map-panel{display:none}
.nuonat-spots-page .spots-page[data-spots-view=map] .spots-list{display:none}
.nuonat-spots-page .spots-results{grid-template-columns:1fr}
.nuonat-spots-page .spot-card{display:grid;grid-template-columns:120px minmax(0,1fr)}
.nuonat-spots-page .spot-cover{height:100%;min-height:145px}
.nuonat-spots-page .spot-icons{display:none}
.nuonat-spots-page .spots-map{height:calc(100vh - 270px);min-height:450px}
.nuonat-spots-page .spot-info-grid{grid-template-columns:1fr}
.nuonat-spots-page .spot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Lisibilité mobile Spots 2.1.17 */
@media(max-width:767px){
.nuonat-spots-page .spots-mobile-switch button{font-size:14px}
.nuonat-spots-page .spot-title h4{font-size:16px}
.nuonat-spots-page .spot-title p{font-size:13px}
.nuonat-spots-page .spot-detail-actions button{font-size:15px}
.nuonat-spots-page .spot-description{font-size:16px}
.nuonat-spots-page .spot-info-item span{font-size:15px}
.nuonat-spots-page .spot-review>p{font-size:15px}
.nuonat-spots-page .my-spots-hero>p{font-size:14px}
.nuonat-spots-page .my-spots-stats button span{font-size:14px}
.nuonat-spots-page .my-spot-location,
.nuonat-spots-page .my-spot-meta,
.nuonat-spots-page .my-spot-open{font-size:13px}
.nuonat-spots-page .my-spot-body h4{font-size:17px}
}

/* Rencontre en modale mobile Spots 2.1.18 */
@media(max-width:767px){
.nuonat-spots-page .spot-event-modal{align-items:flex-end;padding:0}
.nuonat-spots-page .spot-event-modal-dialog{width:100%;max-height:94vh;padding:18px 15px 20px;border-radius:22px 22px 0 0}
.nuonat-spots-page .spot-event-modal-header h2{font-size:22px}
.nuonat-spots-page .spot-event-modal .spot-event-form{grid-template-columns:1fr}
.nuonat-spots-page .spot-event-modal-actions{grid-column:auto;flex-direction:column-reverse}
.nuonat-spots-page .spot-event-modal-actions button{width:100%}
}

@media(max-width:767px){
.nuonat-spots-page .spot-event-link{align-items:flex-start;flex-wrap:wrap}
.nuonat-spots-page .spot-event-view{width:100%;margin:8px 0 0 30px}
}

/* === Spots 2.1.22 : Rencontres responsive === */
@media(max-width:991px){.nuonat-spots-page .spots-encounters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
.nuonat-spots-page .spots-encounters-hero{padding:20px 16px}
.nuonat-spots-page .spots-encounters-hero h2{font-size:24px}
.nuonat-spots-page .spots-encounters-grid{grid-template-columns:1fr;gap:14px}
.nuonat-spots-page .spots-encounter-cover{height:180px}
.nuonat-spots-page .spots-encounter-actions{flex-direction:column}
.nuonat-spots-page .spots-encounter-actions a{width:100%}
}
