/* TripMap 2.7 – GPS průvodce + info panel */

#trip-map{width:100%;height:clamp(430px,62vh,680px);border-radius:18px;overflow:hidden;background:#eef0e8;margin:25px 0;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.tripmap-error{padding:18px;background:#fff3f3;border:1px solid #e5b1b1;color:#8a1f1f;border-radius:12px;font-size:15px}
.tripmap-stop-circle{width:38px!important;height:38px!important;border-radius:50%;background:#fff;border:4px solid #d40000;color:#111;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;font-weight:800;font-size:15px;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.tripmap-stop-circle span{display:block;transform:none!important}
.tripmap-stop-circle.is-active{transform:scale(1.15);z-index:9999!important}
.tripmap-stop-circle.is-visited{border-color:#178a2f;background:#f4fff5}
.tripmap-stop-circle.is-visited span:after{content:"✓";font-size:10px;margin-left:1px;color:#178a2f}
.tripmap-popup h3{margin:0 0 9px;font-size:18px;line-height:1.2}
.tripmap-popup img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 0 10px}
.tripmap-popup p{margin:0;font-size:14px;line-height:1.45}
.tripmap-popup-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
.tripmap-btn{display:inline-block;padding:8px 11px;border-radius:999px;background:#174a0f;color:#fff!important;text-decoration:none!important;font-size:13px;line-height:1}
.leaflet-popup-content{width:min(330px,76vw)!important;margin:12px}

.tripmap-panel{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.22);padding:12px;min-width:210px;max-width:275px;font:13px/1.4 Arial,sans-serif;color:#111}
.tripmap-panel strong{display:block;margin-bottom:6px;font-size:14px}
.tripmap-panel-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(0,0,0,.08);padding-top:6px;margin-top:6px}
.tripmap-panel-row:first-of-type{border-top:0;padding-top:0;margin-top:0}
.tripmap-panel b{font-weight:800}

.tripmap-location-control{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.25);overflow:hidden}
.tripmap-location-btn{display:block;border:0;background:#174a0f;color:#fff;font-weight:800;padding:11px 14px;cursor:pointer;font-size:14px;line-height:1}
.tripmap-location-btn:hover{background:#0f370a}
.tripmap-location-info{background:#fff;color:#111;padding:10px 12px;max-width:285px;font-size:13px;line-height:1.35;border-top:1px solid rgba(0,0,0,.1)}
.tripmap-user-dot{width:18px!important;height:18px!important;border-radius:50%;background:#1976ff;border:3px solid #fff;box-shadow:0 0 0 4px rgba(25,118,255,.25),0 3px 12px rgba(0,0,0,.35)}
.tripmap-user-accuracy{stroke:#1976ff;fill:#1976ff;fill-opacity:.12;stroke-opacity:.45}
.tripmap-edit-panel{position:absolute;left:12px;bottom:12px;z-index:9000;max-width:min(520px,calc(100% - 24px));background:#fff;border-radius:12px;padding:12px;font:13px/1.35 Arial,sans-serif;box-shadow:0 8px 26px rgba(0,0,0,.25)}
.tripmap-edit-panel textarea{width:100%;height:120px;font:12px/1.35 Consolas,monospace;margin-top:8px}

@media(max-width:600px){
  #trip-map{height:430px;border-radius:12px}
  .tripmap-stop-circle{width:32px!important;height:32px!important;border-width:3px;font-size:13px}
  .leaflet-popup-content{width:min(260px,78vw)!important}
  .tripmap-popup h3{font-size:16px}
  .tripmap-popup p{font-size:13px}
  .tripmap-location-btn{font-size:13px;padding:10px 12px}
  .tripmap-location-info{max-width:235px;font-size:12px}
  .tripmap-panel{display:none}
}