/* GTA6 Explorer — carte interactive v2 */
.mapembed{padding:0;overflow:hidden;margin-bottom:24px}
.mapembed-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.mapmini{height:480px;z-index:1}
#map.leaflet-container{background:#A9D5E3;font-family:var(--f)}
#map.night.leaflet-container{background:#06101E}

/* Marqueurs */
.mk{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-shadow:0 3px 10px rgba(15,27,45,.35);transition:transform .15s}
.mk svg{width:17px;height:17px}
.mk:hover{transform:scale(1.12)}
.mk.found{opacity:.45;filter:grayscale(.5)}
.mk.found::after{content:"";position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;border-radius:50%;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/9px no-repeat;border:2px solid #fff}
.mk.fav::before{content:"★";position:absolute;left:-6px;top:-8px;font-size:14px;color:#FFB800;text-shadow:0 0 2px #fff,0 0 2px #fff}
.mk.hl{transform:scale(1.25);box-shadow:0 0 0 5px rgba(255,107,0,.45),0 3px 10px rgba(15,27,45,.35)}
.mk{position:relative}
.mclu{width:42px;height:42px;border-radius:50%;background:#0F1B2D;color:#fff;font:800 15px/42px var(--f);text-align:center;border:3px solid #fff;box-shadow:0 0 0 4px rgba(255,107,0,.55),0 4px 12px rgba(15,27,45,.4)}

/* Popups */
.leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 10px 30px rgba(15,27,45,.25)}
.leaflet-popup-content{font:500 14px/1.5 var(--f);margin:14px 16px;min-width:230px}
.pop-h{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.pop-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:2px 8px;border-radius:6px;color:#fff}
.pop-reg{background:#EEF2F6;color:#3D4D63}
.pop-conf{background:#DCFCE7;color:#166534}
.pop-est{background:#FFEDD5;color:#9A3412}
.pop-t{display:block;font-size:16px;font-weight:800;color:#0F1B2D;margin-bottom:2px}
.pop-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pop-acts button,.pop-acts a{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 10px;font:700 13px/1 var(--f);color:#0F1B2D;cursor:pointer;text-decoration:none}
.pop-acts button:hover,.pop-acts a:hover{border-color:#0F1B2D}
.pop-acts .on{background:#16A34A;border-color:#16A34A;color:#fff}
.pop-acts .fon{background:#FFF7E0;border-color:#FFB800;color:#7A5300}
.pop-acts .go{background:#FF6B00;border-color:#FF6B00;color:#fff}

/* Contrôles */
.mctl{display:flex;flex-direction:column;gap:6px}
.mctl button{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:10px;background:#fff;color:#0F1B2D;font:700 13px/1 var(--f);box-shadow:0 2px 8px rgba(15,27,45,.2);cursor:pointer;white-space:nowrap}
.mctl button.on{background:#FF6B00;color:#fff}
.mctl svg{width:16px;height:16px}
.leaflet-bar a{border-radius:10px!important}
.leaflet-touch .leaflet-bar{border:0;box-shadow:0 2px 8px rgba(15,27,45,.2);border-radius:10px}

/* Page carte interactive */
.mapapp{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px;margin:4px 0 28px}
.mside{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;height:calc(100vh - 170px);min-height:560px;position:sticky;top:140px}
.mtabs{display:flex;border-bottom:1px solid var(--line);flex:none}
.mtabs button{flex:1;border:0;background:none;padding:12px 6px;font:700 14px/1 var(--f);color:var(--mut);cursor:pointer;border-bottom:3px solid transparent}
.mtabs button.on{color:#0F1B2D;border-color:#FF6B00}
.mtabs .b{display:inline-block;min-width:18px;padding:2px 5px;border-radius:9px;background:#EEF2F6;font-size:11px;margin-left:4px}
.mpane{overflow:auto;padding:14px;display:none;flex:1;min-height:0}
.mpane.on{display:block}
.msec{margin-bottom:16px}
.msec h3{margin:0 0 8px;font:800 12px/1 var(--f);text-transform:uppercase;letter-spacing:.06em;color:var(--mut);display:flex;justify-content:space-between;align-items:center}
.msec h3 button{border:0;background:none;color:#FF6B00;font:700 12px/1 var(--f);text-transform:none;letter-spacing:0;cursor:pointer}
.gask{background:linear-gradient(135deg,#0F1B2D,#1F3550);border-radius:14px;padding:12px;color:#fff}
.gask label{display:flex;align-items:center;gap:8px;font:800 14px/1.2 var(--f);margin-bottom:8px}
.gask label img{width:30px;height:30px;border-radius:50%;background:#fff}
.gask form{display:flex;gap:6px}
.gask input{flex:1;min-width:0;height:40px;border:0;border-radius:10px;padding:0 12px;font:500 14px var(--f)}
.gask button{height:40px;border:0;border-radius:10px;background:#FF6B00;color:#fff;font:800 14px var(--f);padding:0 12px;cursor:pointer}
.gans{margin-top:10px;font-size:14px;line-height:1.45;background:rgba(255,255,255,.1);border-radius:10px;padding:10px}
.gans button{margin-top:6px;border:0;background:none;color:#FFB27A;font:700 13px var(--f);cursor:pointer;padding:0}
.msearch{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:500 15px var(--f)}
.regs{display:flex;flex-wrap:wrap;gap:6px}
.regs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font:700 13px/1 var(--f);color:#0F1B2D;cursor:pointer}
.regs button.on{background:#0F1B2D;border-color:#0F1B2D;color:#fff}
.regs button span{opacity:.6;margin-left:4px;font-weight:600}
.cats{display:flex;flex-direction:column;gap:2px}
.cat{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;user-select:none}
.cat:hover{background:var(--bg2)}
.cat input{width:17px;height:17px;accent-color:#0F1B2D;flex:none}
.cat .dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.cat .dot svg{width:14px;height:14px}
.cat .n{margin-left:auto;color:var(--mut);font-size:13px}
.cat.empty{opacity:.5}
.mlist{display:flex;flex-direction:column;gap:2px}
.mlist button{display:flex;gap:10px;align-items:center;text-align:left;border:0;background:none;padding:8px;border-radius:10px;font:600 14px/1.3 var(--f);color:#0F1B2D;cursor:pointer;width:100%}
.mlist button:hover{background:var(--bg2)}
.mlist .dot{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
.mlist .dot svg{width:12px;height:12px}
.mlist small{display:block;color:var(--mut);font-weight:500;font-size:12px}
.mlist .ok{margin-left:auto;color:#16A34A;font-weight:800}
.pbar{height:8px;border-radius:6px;background:#EEF2F6;overflow:hidden;margin-top:6px}
.pbar i{display:block;height:100%;background:linear-gradient(90deg,#FF6B00,#FFB000);border-radius:6px}
.prow{margin-bottom:12px;font-size:14px;font-weight:600}
.prow span{float:right;color:var(--mut);font-weight:600}
.pbig{text-align:center;padding:16px;border-radius:14px;background:#FFF5EC;margin-bottom:16px}
.pbig b{display:block;font:900 40px/1 var(--f);color:#FF6B00}
.mmain{position:relative;min-width:0;z-index:0}
.mmain #map{height:calc(100vh - 170px);min-height:560px;border-radius:16px;border:1px solid var(--line);z-index:1}
.mbanner{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:500;background:#0F1B2D;color:#fff;font:700 13px/1.3 var(--f);padding:8px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(15,27,45,.3);white-space:nowrap;max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis}
.mbanner b{color:#FFB27A}
.mmain.fs{position:fixed;inset:0;z-index:2000;background:#fff}
.mmain.fs #map{height:100vh;border-radius:0;border:0}
.mhandle{display:none}
.mempty{color:var(--mut);font-size:14px;padding:6px}
@media (max-width:900px){
 .mapapp{grid-template-columns:minmax(0,1fr)}
 .mmain #map{height:calc(100vh - 210px);min-height:420px}
 .mside{position:fixed;left:0;right:0;bottom:0;top:auto;height:78vh;min-height:0;z-index:40;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(15,27,45,.25);transform:translateY(calc(100% - 58px));transition:transform .25s}
 .mside.open{transform:none}
 .mhandle{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;height:58px;border:0;background:#fff;font:800 15px var(--f);color:#0F1B2D;cursor:pointer;border-bottom:1px solid var(--line)}
 .mhandle::before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#CBD5E1}
 .mbanner{font-size:12px;max-width:calc(100% - 70px)}
 .mctl button span{display:none}
 .mapnote{margin-bottom:70px!important}
}
@media (max-width:767px){.mapmini{height:380px}.mapembed-h .btn{width:100%}}
@media (max-width:900px){.gbubble{display:none!important}}
@media (max-width:767px){
 .mside{bottom:calc(70px + env(safe-area-inset-bottom));height:70vh}
 .mmain #map{height:calc(100vh - 260px)}
}