/* Interaktivní mapa trasy – Běh okolo přehrady Křetínky (viz mapa-trasy.js) */
.mt-blok { font-family: sans-serif; color: #222; width: 100%; box-sizing: border-box; }
.mt-blok * { box-sizing: border-box; }

.mt-prepinac { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px 0; }
.mt-var { flex: 1 1 220px; text-align: left; padding: 8px 12px; border: 2px solid #c9ced4; border-radius: 6px; background: #fff; color: #333; cursor: pointer; font-family: sans-serif; }
.mt-var b { display: block; font-size: 15px; }
.mt-var small { display: block; font-size: 12px; color: #666; margin-top: 2px; }
.mt-var:hover { border-color: #e4572e; }
.mt-var.mt-aktivni { border-color: #e4572e; background: #fff3ef; box-shadow: inset 4px 0 0 #e4572e; }
.mt-popis-varianty { font-size: 13px; color: #333; margin: 0 2px 10px 2px; }
.mt-popis-varianty:empty { display: none; }
.mt-leg { display: inline-block; width: 22px; height: 0; vertical-align: middle; }
.mt-leg-akt { height: 4px; border-radius: 2px; }
.mt-leg-jina { border-top: 3px dashed #5c6b7a; }

.mt-staty { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px 0; font-size: 14px; }
.mt-staty span { flex: 1 1 140px; background: #fff; border: 1px solid #ddd; border-left: 4px solid #e4572e; border-radius: 6px; padding: 6px 10px; }
.mt-staty small { display: block; color: #666; font-size: 12px; }
.mt-staty b { display: block; font-size: 17px; margin-top: 2px; }

.mt-mapa { width: 100%; border: 1px solid #bbb; border-radius: 6px; background: #eef; }
.mt-mapa.leaflet-container { font: 13px/1.4 sans-serif; }
.mt-napoveda { font-size: 12px; color: #666; margin: 4px 2px 8px 2px; }

.mt-profil { position: relative; width: 100%; height: 170px; background: #fff; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.mt-profil svg { display: block; cursor: crosshair; touch-action: pan-y; }
.mt-profil text { font: 11px sans-serif; fill: #777; }
.mt-profil text.mt-osa { fill: #999; font-style: italic; }
.mt-tip { display: none; position: absolute; top: 4px; width: 130px; text-align: center; background: #1d3557; color: #fff; font-size: 12px; padding: 3px 6px; border-radius: 4px; pointer-events: none; }

.mt-km span { display: block; width: 22px; height: 22px; line-height: 18px; border-radius: 50%; background: #fff; border: 2px solid #e4572e; text-align: center; font: bold 11px sans-serif; color: #222; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.mt-start span { display: block; background: #1d3557; color: #fff; font: bold 12px sans-serif; text-align: center; line-height: 26px; height: 26px; border-radius: 13px; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,.4); white-space: nowrap; }
.mt-bod span { position: absolute; transform: translate(-50%, -30px); padding: 0 9px; cursor: pointer; background: #fff; color: #555; font: bold 11px sans-serif; text-align: center; line-height: 20px; height: 22px; border-radius: 11px; border: 1px solid #999; box-shadow: 0 1px 3px rgba(0,0,0,.3); white-space: nowrap; }
.mt-rozdeleni span { position: absolute; transform: translate(-75%, 14px); padding: 0 8px; background: #fff8d6; color: #5a4a00; font: bold 11px sans-serif; line-height: 20px; height: 22px; border-radius: 11px; border: 1px solid #c9a800; box-shadow: 0 1px 3px rgba(0,0,0,.3); white-space: nowrap; cursor: pointer; }
.mt-sipka, .mt-km, .mt-start, .mt-bod, .mt-rozdeleni { background: none; border: none; }

.mt-cela { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; background: #fff; color: #222; text-decoration: none; }
.mt-cela:hover { background: #f4f4f4; }
.mt-mapa:fullscreen { border-radius: 0; }

.mt-popup-akce { margin-top: 6px; font-size: 12px; }

.mt-akce { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.mt-tlacitko { display: inline-block; padding: 8px 14px; border-radius: 6px; background: #e4572e; color: #fff !important; font: bold 14px sans-serif; text-decoration: none; }
.mt-tlacitko:hover { background: #c94420; }
.mt-tlacitko.mt-sekundarni { background: #1d3557; }
.mt-tlacitko.mt-sekundarni:hover { background: #142640; }