/* Offres 1.3 — cartographie isolée, responsive et résiliente. */
body[data-page="offers"] .of-map-shell{
  position:relative;margin-top:3rem;border:1px solid rgba(255,255,255,.14);border-radius:26px;
  overflow:hidden;background:#111218;box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13);
  isolation:isolate
}
body[data-page="offers"] .of-map-shell::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 16%,rgba(255,213,98,.12),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.035),transparent 34%)}
body[data-page="offers"] .of-map-toolbar{position:absolute;z-index:850;top:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}
body[data-page="offers"] .of-map-status{display:flex;align-items:center;gap:.65rem;padding:.58rem .82rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(10,10,13,.7);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);color:#d2d3da;font-size:.72rem;line-height:1.2;box-shadow:0 10px 30px rgba(0,0,0,.3);pointer-events:auto}
body[data-page="offers"] .of-map-status span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(255,213,98,.55);animation:ofMapPulse 1.7s ease-out infinite}
body[data-page="offers"] .of-map-status.ready span{background:#42d993;animation:none;box-shadow:0 0 13px rgba(66,217,147,.65)}
body[data-page="offers"] .of-map-status.degraded span{background:#ffbb5b;animation:none}
@keyframes ofMapPulse{70%{box-shadow:0 0 0 10px rgba(255,213,98,0)}100%{box-shadow:0 0 0 0 rgba(255,213,98,0)}}
body[data-page="offers"] .of-map-actions{display:flex;gap:.5rem;pointer-events:auto}
body[data-page="offers"] .of-map-btn{min-height:38px;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,12,16,.68);color:#f2f2f4;font:600 .72rem/1 var(--text);cursor:pointer;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 26px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16);transition:.3s var(--ease)}
body[data-page="offers"] .of-map-btn:hover{border-color:rgba(255,213,98,.55);color:var(--gold);transform:translateY(-1px)}
body[data-page="offers"] #ofmap{position:relative;z-index:1;height:clamp(400px,55vw,640px);max-height:calc(var(--viewport-h) - 2rem);min-height:360px;margin:0;border:0;border-radius:0;filter:saturate(.94) contrast(1.02);background:radial-gradient(circle at 55% 44%,#24262d,#111218 65%)}
body[data-page="offers"] .leaflet-container{font-family:var(--text);background:transparent}
body[data-page="offers"] .leaflet-popup-content-wrapper{background:rgba(13,13,17,.82);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)}
body[data-page="offers"] .leaflet-popup-tip{background:rgba(13,13,17,.86)}
body[data-page="offers"] .of-pin{width:34px;height:34px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.88),rgba(255,213,98,.75) 30%,rgba(196,137,28,.78));border:1px solid rgba(255,255,255,.68);color:#211600;-webkit-backdrop-filter:blur(7px) saturate(180%);backdrop-filter:blur(7px) saturate(180%);box-shadow:0 8px 22px rgba(0,0,0,.48),inset 0 1px 1px rgba(255,255,255,.9),0 0 0 0 rgba(255,213,98,.42);animation:ofPinIn .65s var(--ease) both,ofPinHalo 3.1s 1s ease-out infinite;transition:transform .3s var(--ease),box-shadow .3s}
body[data-page="offers"] .of-pin:hover{transform:scale(1.18);box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 28px rgba(255,213,98,.5)}
@keyframes ofPinIn{from{opacity:0;transform:translateY(15px) scale(.55)}to{opacity:1;transform:none}}
@keyframes ofPinHalo{70%{box-shadow:0 8px 22px rgba(0,0,0,.48),0 0 0 12px rgba(255,213,98,0)}100%{box-shadow:0 8px 22px rgba(0,0,0,.48),0 0 0 0 rgba(255,213,98,0)}}
body[data-page="offers"] .of-map-shell.is-expanded{position:fixed;inset:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));z-index:1200;margin:0;border-radius:24px;background:#090a0d}
body[data-page="offers"] .of-map-shell.is-expanded #ofmap{height:100%;max-height:none;min-height:0}
html.map-expanded,html.map-expanded body{overflow:hidden}

@media(max-width:680px){
  body[data-page="offers"] .of-map-shell{border-radius:20px;margin-left:calc(-1 * clamp(1.5rem,6vw,5rem) + .65rem);margin-right:calc(-1 * clamp(1.5rem,6vw,5rem) + .65rem)}
  body[data-page="offers"] .of-map-toolbar{top:.65rem;left:.65rem;right:.65rem;align-items:flex-start}
  body[data-page="offers"] .of-map-status{max-width:58%;font-size:.65rem;padding:.5rem .65rem}
  body[data-page="offers"] .of-map-actions{flex-direction:column;align-items:flex-end}
  body[data-page="offers"] .of-map-btn{min-height:34px;padding:.45rem .7rem}
  body[data-page="offers"] #ofmap{height:max(390px,58svh);max-height:600px}
}

@media(prefers-reduced-motion:reduce){body[data-page="offers"] .of-pin,body[data-page="offers"] .of-map-status span{animation:none!important}}