/* === Page Discover === */
.discover-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.tag-cyber{
  display:inline-block;font-family:'Orbitron',sans-serif;font-size:.7rem;
  letter-spacing:2px;color:var(--cyan);text-transform:uppercase;
  padding:4px 12px;border:1px solid var(--cyan);border-radius:20px;
  margin-bottom:14px;
  box-shadow:0 0 12px rgba(0,229,255,.2);
}
.discover-head h2{font-family:'Orbitron',sans-serif;font-size:1.5rem;margin-bottom:8px}
.muted-text{color:var(--muted);font-size:.85rem;line-height:1.5}

.region-search,.filter-group{margin-bottom:20px}
.region-search label,.filter-group label{
  display:block;font-size:.85rem;color:var(--muted);
  margin-bottom:8px;font-weight:500;
}
.region-input-wrap{position:relative}
.region-input-wrap input{
  width:100%;background:var(--surface-solid);border:1px solid var(--border);
  color:var(--text);padding:12px 16px;border-radius:10px;
  font-family:inherit;outline:none;transition:.25s;
}
.region-input-wrap input:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(255,138,0,.12);
}

/* Range */
.filter-group input[type="range"]{
  width:100%;height:6px;background:var(--surface-solid);
  border-radius:3px;outline:none;-webkit-appearance:none;
}
.filter-group input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-radius:50%;cursor:pointer;
  box-shadow:0 0 10px rgba(255,138,0,.5);
}
.filter-group input[type="range"]::-moz-range-thumb{
  width:18px;height:18px;border:none;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-radius:50%;cursor:pointer;
}

/* OSM types */
.osm-types{display:flex;flex-direction:column;gap:6px}
.osm-type{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;background:var(--surface-solid);
  border:1px solid var(--border);border-radius:10px;
  cursor:pointer;transition:.2s;font-size:.85rem;
}
.osm-type:hover{border-color:var(--accent)}
.osm-type input{accent-color:var(--accent);width:16px;height:16px}
.osm-type:has(input:checked){
  border-color:var(--accent);
  background:rgba(255,138,0,.08);
}

/* Search button */
.btn-search-region{
  width:100%;justify-content:center;margin-bottom:24px;
  padding:14px;font-size:.95rem;letter-spacing:1px;
}

/* Results */
.discover-results{border-top:1px solid var(--border);padding-top:20px}
.results-head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:14px;
}
.results-head h3{font-family:'Orbitron',sans-serif;font-size:1rem}
.btn-link{
  background:none;border:none;color:var(--accent);
  cursor:pointer;font-size:.85rem;font-weight:600;
}
.btn-link:hover{color:var(--accent-2)}

.empty-state{
  text-align:center;padding:40px 20px;color:var(--muted);
}
.empty-state span{font-size:3rem;display:block;margin-bottom:12px;opacity:.6}
.empty-state p{font-size:.9rem;line-height:1.5}

/* Discover item */
.discover-item{position:relative}
.discover-icon{
  width:50px;height:50px;border-radius:10px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  display:grid;place-items:center;font-size:1.4rem;
  flex-shrink:0;
}
.save-btn{
  background:var(--surface);border:1px solid var(--border);
  color:var(--text);width:36px;height:36px;border-radius:8px;
  cursor:pointer;flex-shrink:0;align-self:center;
  transition:.2s;
}
.save-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.save-btn.saved{
  background:var(--accent);color:#000;border-color:var(--accent);
}

/* Marker discover */
.discover-marker{
  background:linear-gradient(135deg,var(--cyan),#0099b3) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 20px rgba(0,229,255,.5) !important;
}

/* Popup */
.popup-tags{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}
.popup-tags span{
  font-size:.7rem;background:rgba(255,138,0,.15);
  color:var(--accent);padding:2px 8px;border-radius:10px;
}
.popup-actions{display:flex;gap:8px;margin-top:10px;justify-content:space-between}

/* ====== Loader Radar ====== */
.map-loading{
  position:absolute;inset:0;z-index:1000;
  background:rgba(8,9,12,.85);backdrop-filter:blur(8px);
  display:none;flex-direction:column;align-items:center;justify-content:center;
  gap:24px;color:var(--text);
}
.map-loading.active{display:flex}
.map-loading p{
  font-family:'Orbitron',sans-serif;font-size:1.1rem;letter-spacing:2px;
  text-transform:uppercase;color:var(--accent);
}
.map-loading small{color:var(--muted);font-size:.85rem}

.loader-radar{
  position:relative;width:140px;height:140px;
  border:2px solid var(--cyan);border-radius:50%;
  box-shadow:0 0 30px rgba(0,229,255,.3),inset 0 0 30px rgba(0,229,255,.1);
}
.loader-radar::before,.loader-radar::after{
  content:'';position:absolute;inset:20px;
  border:1px solid rgba(0,229,255,.3);border-radius:50%;
}
.loader-radar::after{inset:40px;border-color:rgba(0,229,255,.5)}

.radar-sweep{
  position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(255,138,0,.5) 60deg,transparent 90deg);
  animation:radarSpin 2s linear infinite;
}
.radar-dot{
  position:absolute;top:50%;left:50%;width:10px;height:10px;
  background:var(--accent);border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 20px var(--accent);
  animation:radarPulse 1.5s ease-in-out infinite;
}
@keyframes radarSpin{to{transform:rotate(360deg)}}
@keyframes radarPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}
  50%{transform:translate(-50%,-50%) scale(1.6);opacity:.4}
}


/* === Coordonnées dans popup === */
.popup-coords{
  font-family:'Courier New',monospace;font-size:.78rem;
  background:rgba(0,229,255,.08);color:var(--cyan);
  padding:6px 10px;border-radius:6px;margin:10px 0 8px;
  border-left:2px solid var(--cyan);
  letter-spacing:.5px;
}

/* === Navigation links (popup) === */
.popup-nav-links{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  margin:10px 0;
}
.nav-link{
  display:flex;align-items:center;gap:6px;
  padding:8px 10px;border-radius:8px;
  font-size:.78rem;font-weight:600;
  text-decoration:none;color:#fff;
  transition:.2s;border:1px solid transparent;
}
.nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.nav-link .nav-icon{font-size:1rem}

.nav-link.gmaps{
  background:linear-gradient(135deg,#4285F4,#1a73e8);
}
.nav-link.gdir{
  background:linear-gradient(135deg,#34A853,#137333);
}
.nav-link.gsv{
  background:linear-gradient(135deg,#FBBC04,#f57c00);
  color:#000;
}
.nav-link.waze{
  background:linear-gradient(135deg,#33CCFF,#0099CC);
}

/* === Navigation mini links (sidebar item) === */
.item-nav-links{
  display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;
}
.mini-link{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 9px;border-radius:6px;
  font-size:.7rem;font-weight:600;
  text-decoration:none;
  transition:.2s;
}
.mini-link:hover{transform:translateY(-1px);filter:brightness(1.15)}
.gmaps-mini{background:rgba(66,133,244,.18);color:#4285F4;border:1px solid rgba(66,133,244,.3)}
.gdir-mini{background:rgba(52,168,83,.18);color:#34A853;border:1px solid rgba(52,168,83,.3)}
.waze-mini{background:rgba(51,204,255,.18);color:#33CCFF;border:1px solid rgba(51,204,255,.3)}

/* Item discover : passer en colonne pour faire de la place */
.discover-item{align-items:flex-start}
.discover-item .sidebar-item-info{flex:1;min-width:0}

/* === Toast === */
.fpv-toast{
  position:fixed;bottom:30px;left:50%;
  transform:translateX(-50%) translateY(100px);
  background:var(--surface-solid);
  border:1px solid var(--accent);
  color:var(--text);padding:14px 22px;
  border-radius:50px;font-size:.9rem;
  box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 20px rgba(255,138,0,.3);
  z-index:9999;opacity:0;transition:.3s cubic-bezier(.34,1.56,.64,1);
  backdrop-filter:blur(14px);
  pointer-events:none;
}
.fpv-toast.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}
/* === FIX MAP HAUTEUR === */
.map-layout {
  display: flex;
  height: calc(100vh - 60px);
  overflow: hidden;
}

.map-wrap {
  flex: 1;
  position: relative;
  height: 100%;
  overflow: hidden;
}

#map {
  width: 100% !important;
  height: 100% !important;
}

/* === Coordonnées dans popup === */
.popup-coords{
  font-family:'Courier New',monospace;font-size:.78rem;
  background:rgba(0,229,255,.08);color:var(--cyan);
  padding:6px 10px;border-radius:6px;margin:10px 0 8px;
  border-left:2px solid var(--cyan);
  letter-spacing:.5px;
}

/* === Navigation links (popup) === */
.popup-nav-links{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  margin:10px 0;
}
.nav-link{
  display:flex;align-items:center;gap:6px;
  padding:8px 10px;border-radius:8px;
  font-size:.78rem;font-weight:600;
  text-decoration:none;color:#fff;
  transition:.2s;border:1px solid transparent;
}
.nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.nav-link .nav-icon{font-size:1rem}

.nav-link.gmaps{
  background:linear-gradient(135deg,#4285F4,#1a73e8);
}
.nav-link.gdir{
  background:linear-gradient(135deg,#34A853,#137333);
}
.nav-link.gsv{
  background:linear-gradient(135deg,#FBBC04,#f57c00);
  color:#000;
}
.nav-link.waze{
  background:linear-gradient(135deg,#33CCFF,#0099CC);
}

/* === Navigation mini links (sidebar item) === */
.item-nav-links{
  display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;
}
.mini-link{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 9px;border-radius:6px;
  font-size:.7rem;font-weight:600;
  text-decoration:none;
  transition:.2s;
}
.mini-link:hover{transform:translateY(-1px);filter:brightness(1.15)}
.gmaps-mini{background:rgba(66,133,244,.18);color:#4285F4;border:1px solid rgba(66,133,244,.3)}
.gdir-mini{background:rgba(52,168,83,.18);color:#34A853;border:1px solid rgba(52,168,83,.3)}
.waze-mini{background:rgba(51,204,255,.18);color:#33CCFF;border:1px solid rgba(51,204,255,.3)}

/* Item discover : passer en colonne pour faire de la place */
.discover-item{align-items:flex-start}
.discover-item .sidebar-item-info{flex:1;min-width:0}

/* === Toast === */
.fpv-toast{
  position:fixed;bottom:30px;left:50%;
  transform:translateX(-50%) translateY(100px);
  background:var(--surface-solid);
  border:1px solid var(--accent);
  color:var(--text);padding:14px 22px;
  border-radius:50px;font-size:.9rem;
  box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 20px rgba(255,138,0,.3);
  z-index:9999;opacity:0;transition:.3s cubic-bezier(.34,1.56,.64,1);
  backdrop-filter:blur(14px);
  pointer-events:none;
}
.fpv-toast.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}