/* RADARCESKA_TOURIST_MAP_V134
   High-zoom tourist detail is drawn inside MapLibre. This CSS only styles the
   compact opt-in/out control; the map itself remains a single WebGL canvas. */
.tourist-map-action{overflow:visible}
.tourist-map-action svg{width:21px;height:21px}
.tourist-map-action.is-enabled{border-color:rgba(45,118,86,.22)}
.tourist-map-action.is-active{background:rgba(242,250,245,.98)!important;border-color:rgba(37,128,88,.38)!important;color:#267c58;box-shadow:0 7px 20px rgba(34,106,74,.12)!important}
.tourist-map-state{position:absolute;right:53px;top:50%;transform:translateY(-50%) translateX(4px);height:28px;padding:0 10px;border:1px solid rgba(42,103,78,.16);border-radius:10px;background:rgba(250,253,251,.97);box-shadow:0 5px 16px rgba(31,69,54,.08);display:flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.01em;color:#416d5b;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}
.tourist-map-action.is-active .tourist-map-state{opacity:1;transform:translateY(-50%) translateX(0)}
@media (max-width:700px){.tourist-map-state{display:none}.tourist-map-action{border-radius:12px!important}}
/* RADARCESKA_TOURIST_ROUTES_V2_V136 */
.tourist-map-action.has-routes::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:999px;background:#2c9b65;box-shadow:0 0 0 2px rgba(255,255,255,.92)}
/* RADARCESKA_TOURIST_TERRAIN_V138
   Route-ready stays green. When terrain is also ready the dot becomes a tiny
   two-tone terrain indicator without adding another permanent UI control. */
.tourist-map-action.has-routes.has-terrain::after{
  width:8px;height:8px;right:4px;top:4px;
  background:linear-gradient(135deg,#2c9b65 0 48%,#927a59 52% 100%);
  box-shadow:0 0 0 2px rgba(255,255,255,.94),0 1px 4px rgba(54,71,60,.18)
}