.exhibit-map-wrap { max-width:1100px; margin: 0 auto; }
.exhibit-map-image { position:relative; display:block; }
#exhibit-map-img { display:block; width:100%; height:auto; }

.hotspot { cursor:pointer; pointer-events:auto; }
.hotspot-free { fill: #2ecc71; stroke:#1e874f; stroke-width:0.4; } /* سبز */
.hotspot-reserved { fill: #3498db; stroke:#1f6fa6; stroke-width:0.4; } /* آبی */
.hotspot-paid { fill: #f1c40f; stroke:#b88705; stroke-width:0.4; } /* زرد */

.hotspot-label { font-size:2.5px; fill:#000; pointer-events:none; text-anchor:middle; display: none;}

.exhibit-modal { position: fixed; z-index:2000; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.exhibit-modal-backdrop { position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.5); }
.exhibit-modal-inner { position:relative; background:#fff; z-index:2001; max-width:720px; width:95%; max-height:90vh; overflow:auto; padding:18px; border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,0.3); }
.exhibit-modal-close { position:absolute; right:85%; top:6px; border:0; background:transparent; font-size:24px; cursor:pointer; }
.exhibit-legend-item { display:inline-block; margin-right:10px; font-size:13px; vertical-align:middle; }
.exhibit-error { color:red; }

/* admin simple */
#hotspot_list .hotspot-row { border-bottom:1px dashed #eee; padding:8px 0; display:flex; gap:8px; align-items:center; }
#hotspot_list input[type="text"], #hotspot_list input[type="number"]{ width:120px; }
#hotspot_list button { margin-left:6px; }