/* Page détail idée sortie : infos pratiques, carte + trajet, météo, agenda, à proximité */
.ix-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.ix-tile{border-radius:20px;padding:14px 16px;background:#fff;border:1px solid rgba(124,58,237,.12);box-shadow:0 10px 26px rgba(76,29,149,.06)}
.ix-tile small{display:block;color:#64748b;font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
.ix-tile b{display:block;font-weight:950;font-size:1.05rem;margin-top:2px;color:#1e1b4b}
.ix-tile.is-live b{color:#059669}.ix-tile.is-past b{color:#dc2626}
.ix-card{border-radius:26px;background:#fff;border:1px solid rgba(124,58,237,.12);box-shadow:0 14px 40px rgba(15,23,42,.07);padding:20px;margin-bottom:18px}
.ix-card h2{font-size:1.15rem;font-weight:950;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.ix-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ix-actions .btn{font-weight:800}
.ix-modes{display:inline-flex;border-radius:999px;background:rgba(124,58,237,.08);padding:3px;gap:2px}
.ix-modes button{border:0;background:transparent;border-radius:999px;padding:7px 13px;font-weight:850;font-size:.85rem;color:#5b21b6;cursor:pointer}
.ix-modes button.on{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}
.ix-map-shell{position:relative;border-radius:22px;overflow:hidden}
#ixMap{width:100%;height:400px;border-radius:22px;background:#eef2f7;z-index:1}
.ix-map-shell.is-full{position:fixed;inset:0;z-index:2000;border-radius:0;background:#fff}
.ix-map-shell.is-full #ixMap{height:100vh;border-radius:0}
.ix-chip{position:absolute;left:12px;bottom:12px;z-index:1200;max-width:calc(100% - 24px);background:#fff;color:#0f172a;border-radius:16px;padding:10px 14px;font-weight:850;font-size:.9rem;box-shadow:0 10px 30px rgba(15,23,42,.22)}
.ix-chip small{display:block;font-weight:600;color:#64748b}
.ix-fullbtn{position:absolute;right:12px;top:12px;z-index:1200}
.ix-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#7c3aed,#ec4899);border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.ix-me{width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 0 6px rgba(37,99,235,.25)}
.ix-weather{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}
.ix-weather>div{border-radius:16px;padding:12px 8px;text-align:center;background:rgba(124,58,237,.07)}
.ix-weather>div.is-event{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(236,72,153,.18));box-shadow:inset 0 0 0 2px rgba(124,58,237,.45)}
.ix-weather .wi{font-size:1.8rem;line-height:1.1}
.ix-advice{margin-top:12px;padding:12px 14px;border-radius:16px;background:#fff7ed;color:#9a3412;font-weight:750}
.ix-near{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ix-near a{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(124,58,237,.12);text-decoration:none;color:#111827;box-shadow:0 8px 22px rgba(15,23,42,.07);transition:.2s}
.ix-near a:hover{transform:translateY(-3px);color:#111827}
.ix-near img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#ede9fe}
.ix-near div{padding:10px 12px}.ix-near b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.25}
.ix-near small{color:#64748b;font-weight:700}
.ix-ai{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:26px;padding:18px 20px;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#6d28d9,#ec4899)}
.ix-ai b{font-weight:950;font-size:1.05rem}.ix-ai span{display:block;opacity:.92;font-weight:600}
.ix-ai button{border:0;border-radius:999px;padding:11px 20px;font-weight:900;background:#fff;color:#7c3aed;cursor:pointer}
@media(max-width:767.98px){#ixMap{height:320px}.ix-card{padding:16px;border-radius:22px}}

/* Carte Leaflet : neutralise les styles globaux du site qui cassent les tuiles */
#ixMap.leaflet-container{position:relative!important;display:block!important;width:100%!important;height:400px!important;overflow:hidden!important;background:#eef2f7!important;touch-action:pan-x pan-y}
#ixMap .leaflet-pane,#ixMap .leaflet-tile-pane,#ixMap .leaflet-overlay-pane,#ixMap .leaflet-shadow-pane,#ixMap .leaflet-marker-pane,#ixMap .leaflet-tooltip-pane,#ixMap .leaflet-popup-pane,#ixMap .leaflet-map-pane{position:absolute!important;left:0!important;top:0!important}
#ixMap .leaflet-tile,#ixMap .leaflet-marker-icon,#ixMap .leaflet-marker-shadow{max-width:none!important;max-height:none!important;border:0!important;padding:0!important;margin:0!important;object-fit:initial!important;box-shadow:none!important;border-radius:0!important}
#ixMap .leaflet-tile{width:256px!important;height:256px!important;visibility:inherit}
#ixMap .leaflet-container img,#ixMap img{max-width:none!important}
#ixMap .leaflet-control-container .leaflet-top,#ixMap .leaflet-control-container .leaflet-bottom{position:absolute!important;z-index:1000!important;pointer-events:none!important}
#ixMap .leaflet-control{pointer-events:auto!important}
.ix-map-shell.is-full #ixMap.leaflet-container{height:100vh!important;border-radius:0!important}
@media(max-width:767.98px){#ixMap.leaflet-container{height:320px!important}}