/* =============================================================================
   REFONTE APP — Radar / Autour de moi (autour-de-moi.php) · LOCAL / additif
   Scopé html.apprefonte + body.page-autour + .ar-radar, actif ≤768px.
   Thème SOMBRE navy + teal. Radar dessiné en CSS (pas Leaflet). N'affecte pas la prod.
   ============================================================================= */

html.apprefonte body.page-autour{ background:#0B1524 !important; }
html.apprefonte body.page-autour::before{ display:none !important; }
html.apprefonte body.page-autour .pub-topbar{ display:none !important; }
html.apprefonte body.page-autour main.pub-content{ padding:0 !important; max-width:none !important; }
/* AUDIT MASQUE 15/08 (Julien « visuel + vraies actions ») : on GARDE le radar visuel .ar-radar,
   mais on EXEMPTE les blocs d'actions legacy .am-grid (Proximité : rechercher/ouvrir la grande
   carte/localisation ; Communauté : confirmer une info, demander de l'aide, proposer, Phare). Le
   radar interactif legacy dupliqué (.am-col-radar) est masqué plus bas. Affichage seul, réversible. */
html.apprefonte:has(.ar-radar) .pub-content > *:not(.ar-radar):not(.am-grid):not(.ann-banner-wrap):not(.flash){ display:none !important; }

/* ---------------------------------------------------------------------------- */
.ar-radar{
  --surf:#0F2136; --line:rgba(90,150,180,.18);
  --ink:var(--ar-ink,#F6F0DF); --soft:#9BB1BF; --teal:#35D7D1; --blue:#3DA9FC;
  --orange:#F2A03B; --green:#3FD07A; --amber:#F2B44E;
  display:block; color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  padding-bottom:calc(var(--ar-navh,64px) + var(--ar-safe-b,0px) + 84px);
}
.ar-radar svg{ display:block; }
.ar-radar a{ text-decoration:none; color:inherit; }

/* En-tête */
.ar-rd-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:26px 16px 10px; }
.ar-rd-title{ margin:0; font:800 32px/1.02 'Inter',sans-serif; letter-spacing:-.4px; color:#fff; }
.ar-rd-sub{ margin:5px 0 0; font:400 14.5px/1.35 'Inter',sans-serif; color:var(--soft); }
.ar-rd-head-r{ display:flex; align-items:center; gap:11px; }
.ar-rd-info{ width:42px; height:42px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; color:var(--soft); }
.ar-rd-info svg{ width:19px; height:19px; }
.ar-rd-me{ width:44px; height:44px; border-radius:50%; background:var(--blue); color:#06202a; display:grid; place-items:center; font:800 16px/1 'Inter',sans-serif; }

/* Carte position */
.ar-rd-pos{ display:flex; align-items:center; gap:13px; margin:6px 16px 16px; padding:14px 16px; border-radius:16px; background:var(--surf); border:1px solid var(--line); }
.ar-rd-pos-ic{ width:46px; height:46px; flex:0 0 auto; border-radius:50%; background:rgba(63,208,122,.12); border:1px solid rgba(63,208,122,.4); color:var(--green); display:grid; place-items:center; }
.ar-rd-pos-ic svg{ width:24px; height:24px; }
.ar-rd-pos-tx{ flex:1; min-width:0; font:500 14px/1.35 'Inter',sans-serif; color:#dfe7f2; }
.ar-rd-pos-ch{ flex:0 0 auto; color:var(--blue); font:700 14px/1 'Inter',sans-serif; text-decoration:underline; }

/* Chips catégories */
.ar-rd-chips{ display:flex; gap:10px; padding:0 16px 16px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ar-rd-chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 15px; flex:0 0 auto; border-radius:12px; background:var(--surf); border:1px solid var(--line); cursor:pointer; white-space:nowrap; font:600 14px/1 'Inter',sans-serif; color:var(--soft); }
.ar-rd-chip .em{ font-size:15px; }
.ar-rd-chip .ck{ display:none; width:16px; height:16px; border-radius:50%; background:var(--teal); color:#06202a; align-items:center; justify-content:center; }
.ar-rd-chip .ck svg{ width:11px; height:11px; }
.ar-rd-chip.is-on{ color:var(--teal); border-color:var(--teal); background:rgba(53,215,209,.12); }
.ar-rd-chip.is-on .ck{ display:inline-flex; }

/* Radar */
.ar-rd-scope{ position:relative; width:min(86vw,340px); aspect-ratio:1; margin:6px auto 6px; }
.ar-rd-ring{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid rgba(90,150,180,.22); border-radius:50%; }
.ar-rd-ring.r1{ width:12.5%; height:12.5%; }
.ar-rd-ring.r3{ width:37.5%; height:37.5%; }
.ar-rd-ring.r5{ width:62.5%; height:62.5%; }
.ar-rd-ring.r8{ width:100%; height:100%; border-color:rgba(90,150,180,.3); }
.ar-rd-cross{ position:absolute; top:50%; left:0; right:0; height:1px; background:rgba(90,150,180,.14); }
.ar-rd-cross.v{ top:0; bottom:0; left:50%; right:auto; width:1px; height:auto; }
.ar-rd-sweep{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(53,215,209,.34), rgba(53,215,209,.06) 42deg, transparent 70deg, transparent 360deg); animation:arRdSpin 4.4s linear infinite; pointer-events:none; }
@keyframes arRdSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .ar-rd-sweep{ animation:none; } }
.ar-rd-klabel{ position:absolute; left:50%; transform:translate(-50%,-50%); font:700 12px/1 'Inter',sans-serif; color:var(--amber); background:#0B1524; padding:0 4px; }
.ar-rd-center{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.ar-rd-center .veh{ font-size:30px; line-height:1; filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.ar-rd-center .lbl{ margin-top:2px; font:600 12.5px/1 'Inter',sans-serif; color:#fff; white-space:nowrap; }
.ar-rd-pin{ position:absolute; transform:translate(-50%,-100%); text-align:center; cursor:pointer; z-index:2; }
.ar-rd-pin.is-hidden{ display:none; }
.ar-rd-pin-b{ width:38px; height:38px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); display:grid; place-items:center; box-shadow:0 3px 10px rgba(0,0,0,.5); }
.ar-rd-pin-b span{ transform:rotate(45deg); font-size:18px; line-height:1; }

/* Résultats */
.ar-rd-results{ margin:8px 16px 0; padding:16px 14px 14px; border-radius:20px; background:var(--surf); border:1px solid var(--line); }
.ar-rd-rtitle{ margin:0 2px 12px; font:800 18px/1.2 'Inter',sans-serif; color:#fff; }
.ar-rd-rtitle b{ color:var(--amber); }
.ar-rd-item{ display:flex; align-items:center; gap:13px; padding:12px 6px; border-top:1px solid rgba(255,255,255,.05); }
.ar-rd-item:first-of-type{ border-top:0; }
.ar-rd-item.is-hidden{ display:none; }
.ar-rd-item-ic{ width:46px; height:46px; flex:0 0 auto; border-radius:12px; display:grid; place-items:center; font-size:22px; border:1px solid; }
.ar-rd-item-tx{ flex:1; min-width:0; }
.ar-rd-item-h{ display:flex; align-items:baseline; gap:9px; }
.ar-rd-item-n{ font:700 16px/1.25 'Inter',sans-serif; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ar-rd-item-d{ flex:0 0 auto; font:700 14px/1 'Inter',sans-serif; color:var(--amber); }
.ar-rd-item-s{ margin-top:3px; font:400 13px/1.3 'Inter',sans-serif; color:var(--soft); }
.ar-rd-voir{ flex:0 0 auto; padding:9px 16px; border-radius:11px; border:1px solid rgba(61,169,252,.5); color:var(--blue); background:rgba(61,169,252,.06); font:700 13.5px/1 'Inter',sans-serif; }
.ar-rd-map{ display:flex; align-items:center; justify-content:center; gap:11px; margin:14px 2px 0; padding:15px; border-radius:14px; border:1px solid rgba(61,169,252,.45); color:#cfe6ff; font:700 15px/1 'Inter',sans-serif; }
.ar-rd-map svg{ width:20px; height:20px; color:var(--blue); }
.ar-rd-empty{ padding:22px 8px; text-align:center; color:var(--soft); font:500 14px/1.5 'Inter',sans-serif; }

/* ===========================================================================
   RÉCUP « vraies actions » (Julien 15/08) — blocs d'actions legacy .am-grid gardés
   sous le radar visuel ; radar interactif legacy dupliqué (.am-col-radar) masqué.
   Reskin charte sombre navy/teal. JS legacy (géoloc #amActSearch, liens) intact.
   =========================================================================== */
html.apprefonte body.page-autour .am-grid{ display:block !important; margin:2px 16px 0 !important; padding:0 !important; }
html.apprefonte body.page-autour .am-col.am-col-radar{ display:none !important; }   /* radar legacy = doublon du visuel (spécificité > .am-col) */
html.apprefonte body.page-autour .am-col{ display:block !important; }
html.apprefonte body.page-autour .am-block{ background:#0F2136 !important; border:1px solid rgba(90,150,180,.18) !important; border-radius:18px !important; padding:14px !important; margin:0 0 14px !important; box-shadow:none !important; backdrop-filter:none !important; }
html.apprefonte body.page-autour .am-block .bt{ color:#fff !important; font:800 15px/1.2 'Inter',system-ui,sans-serif !important; margin:0 0 6px !important; }
html.apprefonte body.page-autour .am-act{ display:flex !important; align-items:center !important; gap:12px !important; width:100% !important; box-sizing:border-box !important; padding:12px !important; margin:8px 0 0 !important; border-radius:14px !important; background:#0B1B2E !important; background-image:none !important; border:1px solid rgba(90,150,180,.16) !important; color:#F6F0DF !important; text-align:left !important; cursor:pointer !important; text-decoration:none !important; }
html.apprefonte body.page-autour .am-act .ic{ width:38px !important; height:38px !important; flex:0 0 auto !important; border-radius:50% !important; background:rgba(53,215,209,.12) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; }
html.apprefonte body.page-autour .am-act b{ display:block !important; font:700 14.5px/1.25 'Inter',system-ui,sans-serif !important; color:#fff !important; }
html.apprefonte body.page-autour .am-act .d{ display:block !important; font:400 12.5px/1.3 'Inter',system-ui,sans-serif !important; color:#9BB1BF !important; margin-top:2px !important; }
html.apprefonte body.page-autour .am-act.hl{ border-color:rgba(53,215,209,.5) !important; background:rgba(53,215,209,.10) !important; }
html.apprefonte body.page-autour .am-act.hl .ic{ background:rgba(53,215,209,.22) !important; }