/* NOSK8 — Fiche spot : carte « Y aller », vue aérienne, itinéraire (David 2026-09-05). Palette navy #1a2744 / blanc / noir,
   line-icons, pas de cercle autour des icônes, mobile-first. Le tracé teal #5fd6c4 = même flux que l'atlas de la home. */
.leaflet-tile-pane img[data-lazyloaded]{content:none!important}
.leaflet-tile-pane img{visibility:visible!important}
.n8sp-pin{background:none;border:0}
.n8sp-pin svg{filter:drop-shadow(0 3px 6px rgba(10,15,26,.45))}
.n8sp-me-wrap{background:none;border:0}
.n8sp-me{display:block;width:22px;height:22px;position:relative}
.n8sp-me__dot{position:absolute;left:5px;top:5px;width:12px;height:12px;border-radius:50%;background:#5fd6c4;border:2px solid #fff;box-shadow:0 0 0 2px rgba(95,214,196,.35)}
.n8sp-me::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(95,214,196,.35);animation:n8spPulse 2s ease-out infinite}
@keyframes n8spPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.n8sp-dash{animation:n8spDash .9s linear infinite}
@keyframes n8spDash{to{stroke-dashoffset:-24}}
.n8sp-tip{background:#1a2744;color:#fff;border:0;border-radius:8px;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:700;padding:6px 10px;box-shadow:0 4px 14px rgba(10,15,26,.3)}
.n8sp-tip::before{border-top-color:#1a2744}
/* Blocksy pose #main{padding-top:92px!important} (id = plus fort que nos classes) → on repasse devant avec body + id */
body.single-skate_spot #main.site-main,body.post-type-archive-skate_spot #main.site-main{padding-top:0!important}
/* Hero : photo vérifiée + crédit, ou vue aérienne du lieu exact */
.n8sp__hero{position:relative}
.n8sp__hero--aerial{background:#0a0f1a}
.n8sp__aerial{width:100%;height:100%;min-height:200px;border-radius:14px;overflow:hidden}
.n8sp__hero-tag{position:absolute;left:12px;bottom:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(10,15,26,.72);color:#fff;font-family:"Barlow Semi Condensed",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.n8sp__hero-tag svg{width:14px;height:14px}
.n8sp__credit{margin:-10px 0 16px;font-family:Inter,-apple-system,sans-serif;font-size:11.5px;color:#888888}
.n8sp__credit a{color:#1a2744}
/* Section Y aller */
.n8sp__go-sec{margin:0 0 26px}
.n8sp__mapwrap{position:relative;border-radius:14px;overflow:hidden;background:#0a0f1a;box-shadow:0 8px 26px rgba(10,15,26,.18)}
.n8sp__map-el{width:100%;height:340px}
.n8sp__map-ctl{position:absolute;top:10px;right:10px;z-index:900;display:flex;flex-direction:column;gap:8px}
.n8sp__ctl{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(26,39,68,.9);color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(10,15,26,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background .15s ease}
.n8sp__ctl:hover{background:#2a3a5c}
.n8sp__ctl svg{width:18px;height:18px;flex:0 0 auto}
.n8sp__ctl.is-busy svg{animation:n8spSpin 1s linear infinite}
.n8sp__ctl:disabled{opacity:.7;cursor:wait}
.n8sp__ctl--primary{background:#1a2744}
@keyframes n8spSpin{to{transform:rotate(360deg)}}
.n8sp__eta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0 0;padding:12px 14px;border:1px solid #e3e6ec;border-radius:12px;background:#fff}
.n8sp__eta[hidden]{display:none}
.n8sp__eta-km{grid-column:1/-1;font-family:"Bebas Neue",Impact,sans-serif;font-size:26px;line-height:1;color:#0a0f1a;letter-spacing:.02em}
.n8sp__eta-mode{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,sans-serif;font-size:13px;color:#0a0f1a}
.n8sp__eta-mode svg{width:20px;height:20px;color:#1a2744;flex:0 0 auto}
.n8sp__eta-mode b{font-weight:700}
.n8sp__eta-note{grid-column:1/-1;margin:2px 0 0;font-family:Inter,-apple-system,sans-serif;font-size:12px;color:#7a869c}
.n8sp__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}
.n8sp__nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:10px;background:#1a2744;color:#fff;text-decoration:none;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:background .15s ease}
.n8sp__nav a:hover{background:#2a3a5c;color:#fff}
.n8sp__nav a svg{width:18px;height:18px}
.n8sp__coords{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-family:"Space Mono",ui-monospace,monospace;font-size:12px;color:#4a5970}
.n8sp__coords button{appearance:none;background:none;border:1px solid #d5dae3;border-radius:6px;padding:4px 8px;font:inherit;font-size:11px;color:#1a2744;cursor:pointer}
@media(min-width:760px){.n8sp__map-el{height:440px}.n8sp__eta{grid-template-columns:auto 1fr 1fr 1fr;align-items:center}.n8sp__eta-km{grid-column:auto;padding-right:14px;border-right:1px solid #e3e6ec}.n8sp__eta-note{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.n8sp-dash,.n8sp-me::before,.n8sp__ctl.is-busy svg{animation:none!important}}
