/**
 * trasa-map.css – kakac_trasa modul
 * Štýly pre interaktívnu mapu túry (trasa-map.js):
 *   – zoznam očíslovaných bodov trasy nad trasou (.tura-trasa-body)
 *     číslovaný po poradí (1..N), s vždy viditeľným názvom, oddelený „–"
 *   – zvýraznenie markera na mape pri hoveri (.tura-trasa-pin.is-active)
 * Súbor je súčasťou modulu (nezávislý od témy) – načítava sa knižnicou
 * `kakac_trasa/trasa-map` spolu s js/trasa-map.js.
 */

/* ---- ZOZNAM BODOV TRASY (nad trasou) ---------------------- */
.tura-trasa-body {
  margin-bottom: 14px;
}

/* Label – vlastný štýl modulu (nezávislý od .tura-lbl témy) */
.tura-trasa-body__lbl {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #a09c96;
  margin-bottom: 12px;
}

/* Plynulý zoznam (zalamuje sa ako text trasy) */
.tura-wp-list {
  font-family: 'Lora', serif;
  font-size: 14.5px;
  line-height: 1.95;
  color: #3a3a38;
}

/* Separátor medzi bodmi */
.tura-wp-sep {
  color: #b8b4ac;
  margin: 0 5px;
}

/* Jeden bod = číslo (farebná pilulka) + názov; drží sa pokope */
.tura-wp {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  vertical-align: baseline;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  appearance: none;
}

/* Číslo bodu – farby ladia s markermi na mape */
.tura-wp__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 22px;
  padding: 1px 6px;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  background: #ffffff;
  color: #1a1a18;
  border: 1.5px solid #c8c4bc;
  transition: transform .15s ease, box-shadow .15s ease;
  transform-origin: 50% 50%;
}

.tura-wp--edge .tura-wp__num {
  background: #c62828;
  color: #fff;
  border-color: #c62828;
}

.tura-wp--bold .tura-wp__num {
  background: #2e7d32;
  color: #fff;
  border-color: #2e7d32;
}

/* Názov bodu – vždy viditeľný */
.tura-wp__name {
  font-weight: 500;
  color: #3a3a38;
}

/* Hover / focus / aktívne (z mapy) → zvýrazni číslo + meno */
.tura-wp:hover .tura-wp__num,
.tura-wp:focus .tura-wp__num,
.tura-wp.is-active .tura-wp__num {
  transform: scale(1.18);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .07);
}

.tura-wp:hover .tura-wp__name,
.tura-wp:focus .tura-wp__name,
.tura-wp.is-active .tura-wp__name {
  color: #1a1a18;
}

.tura-wp:focus { outline: none; }

.tura-wp:focus-visible .tura-wp__num {
  box-shadow: 0 0 0 3px rgba(46, 125, 50, .35);
}

/* ---- ZVÝRAZNENÝ MARKER NA MAPE ---------------------------- */
/* Trieda .is-active sa nastavuje z trasa-map.js (hover chip/marker). */
.tura-trasa-pin {
  transition: transform .15s ease;
  transform-origin: 50% 100%;
}

.tura-trasa-pin.is-active {
  transform: scale(1.4);
}

.tura-trasa-pin.is-active .tura-trasa-pin__circle {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .55),
              0 0 14px 2px rgba(0, 0, 0, .35) !important;
}