/* Szlak Helbichów · visual coherence, generated 2026-11-06 */
:root{--ui-paper:#f7f3ea;--ui-ink:#30362d;--ui-border:#c9bdac;--ui-radius:10px}
.home-discovery-card{border-radius:var(--ui-radius)!important;overflow:hidden}
.home-discovery-card img{object-fit:contain!important;object-position:center center!important;background:var(--ui-paper)!important;transform:none!important}
.story-tile{border-radius:var(--ui-radius)!important;overflow:hidden!important}
.story-tile .story-cover{display:flex!important;flex-direction:column!important;min-height:205px!important;aspect-ratio:16/9!important;border-radius:var(--ui-radius) var(--ui-radius) 0 0!important;overflow:hidden!important;background:#efe9dd!important}
.story-tile .story-cover .cover-visual{display:flex!important;position:relative!important;min-height:160px!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;background:#efe9dd!important}
.story-tile .story-cover .cover-visual img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:0!important;min-width:0!important;padding:3px!important;object-fit:contain!important;object-position:center center!important;transform:none!important}
.story-tile .story-cover figcaption{position:relative!important;flex:0 0 auto!important;background:#f7f3ea!important}
.stop-row img,.optional-row img,#map-preview .preview-photo{box-sizing:border-box!important;object-fit:contain!important;object-position:center center!important;border:1px solid #d7cdbd!important;border-radius:var(--ui-radius)!important;padding:3px!important;background:#f9f5ec!important;box-shadow:none!important;transform:none!important}
.optional-row img{filter:grayscale(1) sepia(.16) contrast(1.2)!important}
#map-preview{box-sizing:border-box!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:6px 11px!important;align-items:center!important;justify-items:stretch!important;padding:12px!important;overflow:hidden!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:#f7f0e5!important}
#map-preview>.preview-photo{grid-column:1!important;grid-row:1/span 2!important;width:70px!important;height:70px!important;max-width:70px!important;align-self:center!important;margin:0!important}
#map-preview>.preview-index{grid-column:2!important;grid-row:1!important;position:static!important;margin:0!important;min-width:0!important;display:flex!important;gap:5px 8px!important;align-items:center!important}
#map-preview>h2{grid-column:2!important;grid-row:2!important;min-width:0!important;margin:0!important;font-size:clamp(18px,2.8vw,26px)!important;line-height:1.15!important;overflow-wrap:anywhere!important}
#map-preview .preview-actions{grid-column:1/-1!important;grid-row:auto!important;position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;gap:8px!important;margin:5px 0 0!important}
#map-preview .preview-actions>a,#map-preview .preview-actions>button{position:static!important;inset:auto!important;float:none!important;transform:none!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:auto!important;width:100%!important;min-width:0!important;padding:10px!important;font-size:13px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
#map-preview .preview-actions>a{border:1px solid #a99a85!important;color:var(--ui-ink)!important;background:#fffaf2!important}
#map-preview .preview-actions>button{border:1px solid var(--ui-ink)!important;color:#fffaf2!important;background:var(--ui-ink)!important}
.map-header button,.map-header a,#menu-toggle,#ride-auto-toggle,.unified-cta,.button,.button-outline,.text-button,.main-nav a,#map-preview button,#map-preview a,.home-discovery-card,.story-tile,.stop-row{border-radius:var(--ui-radius)!important}
#main-menu[hidden]{display:none!important}
#main-menu:not([hidden]){position:fixed!important;right:12px!important;left:auto!important;z-index:999999!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;width:min(380px,calc(100vw - 24px))!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:#fffaf2!important;box-shadow:0 12px 40px #25201738!important}
#main-menu:not([hidden]) ul{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:10px!important}
#main-menu:not([hidden]) a{display:flex!important;min-height:44px!important;align-items:center!important;padding:8px 11px!important;border-radius:8px!important}
#menu-toggle{min-height:48px!important;min-width:52px!important}
#menu-toggle:focus-visible,#main-menu a:focus-visible,.unified-cta:focus-visible{outline:3px solid #a88450!important;outline-offset:3px!important}
@media(max-width:600px){
#map-preview{grid-template-columns:64px minmax(0,1fr)!important;padding:11px!important;gap:5px 9px!important}
#map-preview>.preview-photo{width:62px!important;height:62px!important}
#map-preview>h2{font-size:18px!important}
#map-preview .preview-actions{gap:8px!important}
.story-tile .story-cover{min-height:190px!important}
.story-tile .story-cover .cover-visual{min-height:150px!important}
}

/* Final map navigation, seek and sharing polish */
.map-header{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-height:56px!important;padding:7px 12px!important;flex-wrap:nowrap!important}
.map-header #map-title{display:none!important}
.map-header .locus-inline-link{margin-right:auto!important;display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:7px 10px!important;font-size:13px!important;white-space:nowrap!important}
.map-header #map-tools-toggle,.map-header #map-fullscreen{min-height:42px!important;min-width:44px!important;flex:0 0 auto!important;padding:7px 11px!important;font-size:13px!important;box-shadow:none!important}
.map-header #map-fullscreen{max-width:50px!important}.map-header .fullscreen-label{display:none!important}
.map-location-control{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:flex-start!important;gap:6px!important;max-width:min(100%,360px)!important}
.map-location-control #map-locate{width:auto!important;min-height:42px!important;min-width:0!important;padding:8px 10px!important;font-size:12px!important;border-radius:10px!important}
.map-location-control .ride-auto-box{margin:0!important;max-width:195px!important;min-width:0!important;flex:1 1 175px!important}
.map-location-control #ride-auto-toggle{min-height:42px!important;padding:8px 10px!important;font-size:12px!important;border-radius:10px!important}
.map-location-control #ride-auto-note{max-width:100%!important;line-height:1.3!important}
#map-preview .preview-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;grid-column:1/-1!important;width:100%!important}
#map-preview .preview-actions>a,#map-preview .preview-actions>button{margin:0!important;min-width:0!important;max-width:100%!important;min-height:44px!important;border-radius:10px!important}
#inline-audio-dock{z-index:1000005!important}
.inline-audio-seek-wrap{position:relative!important;z-index:2!important;width:100%!important;min-width:0!important;pointer-events:auto!important}
#inline-audio-seek{position:relative!important;z-index:3!important;display:block!important;width:100%!important;height:44px!important;margin:0!important;touch-action:none!important;pointer-events:auto!important;cursor:pointer!important;-webkit-user-select:none;user-select:none}
#inline-audio-seek::-webkit-slider-runnable-track{height:9px!important}
#inline-audio-seek::-webkit-slider-thumb{width:24px!important;height:24px!important;margin-top:-8px!important}
#inline-audio-share{min-width:44px!important;width:auto!important;padding:5px 9px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;color:#f6e6ca!important}
#inline-audio-share:focus-visible,#inline-audio-seek:focus-visible{outline:2px solid #f1c68e!important;outline-offset:3px!important}
@media(max-width:600px){.map-header{min-height:52px!important;padding:6px 10px!important;gap:5px!important}.map-header .locus-inline-link{font-size:12px!important;padding:7px 8px!important}.map-header #map-tools-toggle{padding:7px 10px!important}.map-location-control .ride-auto-box{max-width:180px!important}#inline-audio-share{min-width:40px!important;padding:4px 6px!important;font-size:11px!important}}