﻿routes-widget{--rw-bg:#8A8E77;--rw-card:#F3F1E8;--rw-text:#39402F;--rw-muted:#6C715D;--rw-accent:#474A36;--rw-accent-soft:#E3E0D2;--rw-border:#B5B8A6;--rw-button-bg:#474A36;--rw-button-text:#FFFFFF;--rw-hike:#FF5A00;--rw-bus:#3766AD;--rw-lift:#734B97;--rw-easy:#7EA06F;--rw-medium:#D1A64B;--rw-hard:#D87843;--rw-expert:#A34E43;display:block;color:var(--rw-text);font-family:var(--rw-font-family,inherit);font-size:var(--rw-font-size,inherit);font-weight:var(--rw-font-weight,inherit);line-height:var(--rw-line-height,normal)}
routes-widget *{box-sizing:border-box}
routes-widget button,routes-widget input,routes-widget select{font:inherit}
routes-widget .rw-hikes{/* background:var(--rw-bg); */padding:0 max(10px,calc((100% - 1180px)/2)) 20px}
routes-widget .rw-panel{background:var(--rw-card);border:1px solid var(--rw-border);border-radius:20px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:24px;box-shadow:0 16px 40px rgba(25,40,32,.09)}
routes-widget .rw-search{position:relative;display:block}
routes-widget .rw-search input{width:100%;height:54px;border:1px solid var(--rw-border);border-radius:12px;background:var(--rw-card);color:var(--rw-text);padding:0 48px 0 16px}
routes-widget .rw-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;box-sizing:border-box;margin:0;padding:0;border:0;background:transparent;color:var(--rw-muted);cursor:pointer;font-size:22px;line-height:1;text-align:center;box-shadow:none}
routes-widget .rw-sort{height:54px;border:1px solid var(--rw-border);border-radius:12px;background:var(--rw-card);color:var(--rw-text);padding:0 36px 0 14px}
routes-widget .rw-segments{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
routes-widget .rw-segment{--rw-segment-color:var(--rw-hike);min-width:96px;height:44px;border:1.5px solid var(--rw-segment-color);border-radius:999px;background:var(--rw-card);color:var(--rw-segment-color);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px 4px 14px;cursor:pointer;transition:opacity .18s ease,filter .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}
routes-widget .rw-segment[hidden]{display:none!important}
routes-widget .rw-segment:hover{transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--rw-segment-color) 18%,transparent)}
routes-widget .rw-segment[aria-pressed="false"]{opacity:.38;filter:saturate(.35);background:var(--rw-card);box-shadow:none}
routes-widget .rw-segment[aria-pressed="false"]:hover{opacity:.68;filter:saturate(.75)}
routes-widget .rw-segment.is-active{opacity:1;filter:none;background:var(--rw-accent-soft)}
routes-widget .rw-segment-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent}routes-widget .rw-segment-icon img{display:block;width:20px;height:20px;object-fit:contain}
routes-widget .rw-segment-count{min-width:36px;border-radius:999px;background:#FFFFFF;color:var(--rw-segment-color);padding:5px 8px;font-size:13px;font-weight:700;text-align:center}
routes-widget .rw-bus{--rw-segment-color:var(--rw-bus)}routes-widget .rw-lift{--rw-segment-color:var(--rw-lift)}
routes-widget .rw-difficulty{grid-column:1/-1;border-top:1px solid var(--rw-border);padding-top:15px}
routes-widget .rw-difficulty-head{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
routes-widget .rw-difficulty-head output{display:inline-block;min-width:42px;border-radius:999px;background:var(--rw-accent-soft);padding:5px 8px;color:var(--rw-accent);font-weight:700;text-align:center}
routes-widget .rw-bands,routes-widget .rw-band-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 10px 0}
routes-widget .rw-bands i{height:8px;border-radius:999px;opacity:.18;transition:opacity .18s,transform .18s}
routes-widget .rw-bands i.is-active{opacity:1;transform:scaleY(1.12)}
routes-widget .rw-bands i:nth-child(1){background:var(--rw-easy)}routes-widget .rw-bands i:nth-child(2){background:var(--rw-medium)}routes-widget .rw-bands i:nth-child(3){background:var(--rw-hard)}routes-widget .rw-bands i:nth-child(4){background:var(--rw-expert)}
routes-widget .rw-band-labels{margin-top:6px;color:var(--rw-muted);font-size:10px;text-align:center}
routes-widget .rw-range{position:relative;height:40px;margin:4px 10px 0}
routes-widget .rw-range-base,routes-widget .rw-range-selected{position:absolute;top:18px;left:0;right:0;height:5px;border-radius:999px}
routes-widget .rw-range-base{background:var(--rw-border)}routes-widget .rw-range-selected{left:var(--rw-left);right:calc(100% - var(--rw-right));background:var(--rw-accent)}
routes-widget .rw-range input{position:absolute;inset:0;width:100%;margin:0;appearance:none;background:transparent;pointer-events:none}
routes-widget .rw-range input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;border:3px solid var(--rw-card);background:var(--rw-accent);box-shadow:0 0 0 1px var(--rw-accent);pointer-events:auto;cursor:grab}
routes-widget .rw-range input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:3px solid var(--rw-card);background:var(--rw-accent);box-shadow:0 0 0 1px var(--rw-accent);pointer-events:auto;cursor:grab}
routes-widget .rw-range input::-moz-range-track{background:transparent;border:0}
routes-widget .rw-list{display:grid;gap:12px}
routes-widget .rw-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px}
routes-widget .rw-pagination[hidden]{display:none!important}
routes-widget .rw-page{min-width:38px;height:38px;border:1px solid var(--rw-border);border-radius:999px;background:var(--rw-card);color:var(--rw-text);padding:0 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
routes-widget .rw-page:hover:not(:disabled){border-color:var(--rw-accent);color:var(--rw-accent)}
routes-widget .rw-page.is-current{border-color:var(--rw-accent);background:var(--rw-accent);color:var(--rw-button-text)}
routes-widget .rw-page:disabled{opacity:.35;cursor:default}
routes-widget .rw-page-ellipsis{min-width:20px;text-align:center;color:var(--rw-muted)}
routes-widget .rw-page-status{width:100%;margin-top:2px;text-align:center;color:var(--rw-muted);font-size:12px}
routes-widget .rw-route{background:var(--rw-card);border:1px solid transparent;border-radius:17px;padding:20px 22px;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:20px;transition:transform .18s,border-color .18s,box-shadow .18s}
routes-widget .rw-route:hover{transform:translateY(-2px);border-color:var(--rw-border);box-shadow:0 10px 24px rgba(25,40,32,.08)}
routes-widget .rw-route-id{color:var(--rw-accent);font-family:var(--rw-heading-font-family,var(--rw-font-family,inherit));font-size:23px;font-weight:var(--rw-heading-font-weight,400);line-height:normal}
routes-widget .rw-route h3{font-family:var(--rw-heading-font-family,var(--rw-font-family,inherit));font-size:16px;font-weight:var(--rw-heading-font-weight,700);line-height:1.35;margin:0 0 9px}
routes-widget .rw-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;color:var(--rw-muted);font-size:12px}
routes-widget .rw-metrics span{display:inline-flex;align-items:center;gap:5px}
routes-widget .rw-dot{display:inline-block;width:9px;height:9px;border-radius:50%}routes-widget .rw-dot-hike{background:var(--rw-segment-hike,var(--rw-hike))}routes-widget .rw-dot-bus{background:var(--rw-segment-bus,var(--rw-bus))}routes-widget .rw-dot-lift{background:var(--rw-segment-cable-car,var(--rw-lift))}
routes-widget .rw-pill{background:var(--rw-accent-soft);border-radius:999px;padding:5px 8px}
routes-widget .rw-detail,routes-widget .rw-button{border:1px solid var(--rw-button-bg);border-radius:999px;background:transparent;color:var(--rw-button-bg);padding:11px 16px;font-size:11px;font-weight:700;letter-spacing:.07em;text-decoration:none;cursor:pointer}
routes-widget .rw-detail:hover,routes-widget .rw-button:hover{background:var(--rw-button-bg);color:var(--rw-button-text)}
routes-widget .rw-empty,routes-widget .rw-status{background:var(--rw-card);border-radius:17px;padding:42px;text-align:center;color:var(--rw-muted)}
routes-widget .rw-error p{margin-top:0}
routes-widget .rw-dialog{width:min(680px,calc(100% - 28px));border:0;border-radius:22px;padding:30px;color:var(--rw-text);background:var(--rw-card);box-shadow:0 28px 80px rgba(0,0,0,.3)}
routes-widget .rw-dialog::backdrop{background:rgba(18,35,27,.7);backdrop-filter:blur(4px)}
routes-widget .rw-dialog-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid var(--rw-border);border-radius:50%;background:var(--rw-card);color:var(--rw-text);cursor:pointer;font-size:20px}
routes-widget .rw-dialog-id{color:var(--rw-accent);font-family:var(--rw-heading-font-family,var(--rw-font-family,inherit));font-size:22px;font-weight:var(--rw-heading-font-weight,400);line-height:normal}
routes-widget .rw-dialog h2{font-family:var(--rw-heading-font-family,var(--rw-font-family,inherit));font-size:31px;font-weight:var(--rw-heading-font-weight,400);line-height:1.15;margin:10px 45px 18px 0}
routes-widget .rw-dialog p{color:var(--rw-muted);line-height:1.6}
routes-widget .rw-dialog dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}
routes-widget .rw-dialog dl div{background:var(--rw-accent-soft);border-radius:12px;padding:12px}
routes-widget .rw-dialog dt{color:var(--rw-muted);font-size:11px;margin-bottom:4px}routes-widget .rw-dialog dd{margin:0;font-weight:700}
routes-widget .rw-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){routes-widget .rw-panel{grid-template-columns:1fr}routes-widget .rw-sort{width:100%}routes-widget .rw-route{grid-template-columns:72px 1fr}routes-widget .rw-detail{grid-column:1/-1;width:100%}}
@media(max-width:520px){routes-widget .rw-route{grid-template-columns:1fr}routes-widget .rw-dialog dl{grid-template-columns:1fr}}
