/* bringazas.hu tour (single) view: tura.html. Loaded after styles.css + lista.css + cikk.css (shared: .art-cover, .art-title, .art-meta, .art-share, .art-text, .list-side). */
.tura h2{font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:800;margin:0 0 clamp(14px,1.6vw,20px)}
.art-meta .lcat.pill .ic{width:1.1em;height:1.1em;margin-right:6px;vertical-align:-.15em}

/* ROUTE DATA: the key block of the page, big numbers on a tinted panel */
.t-data{margin-top:clamp(22px,2.4vw,32px);padding:clamp(18px,2vw,28px);border-radius:22px;background:var(--blue-tint);border:1px solid #d9ccff}
.t-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* vertical card at every width (icon, label, big value): the narrow main column of 900-1100 px and 320 px phones need the room */
.t-stat{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#fff;border-radius:16px;padding:14px 14px 15px;box-shadow:var(--shadow);min-width:0}
.t-stat:last-child{grid-column:1 / -1}
.t-ic{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;margin-bottom:3px}
.t-ic .ic{width:22px;height:22px}
.t-stat .t-lab{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.t-val{font-size:15px;color:var(--ink);line-height:1.05;white-space:nowrap;max-width:100%}
.t-val b{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--blue-dark)}
.t-val small{font-size:15px;font-weight:700;color:var(--ink-soft)}
@media(min-width:620px){.t-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.t-stat{grid-column:span 2}.t-stat:nth-child(n+4),.t-stat:last-child{grid-column:span 3}}
@media(max-width:359px){.t-val b{font-size:25px}}
@media(min-width:860px){.t-val b{font-size:clamp(26px,2.3vw,40px)}.t-stats{grid-template-columns:repeat(10,minmax(0,1fr))}.t-stat,.t-stat:nth-child(n+4),.t-stat:last-child{grid-column:span 2}}

/* GPX download button: the primary action */
.t-gpx{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;min-height:68px;padding:12px 24px;border-radius:16px;background:var(--accent);color:var(--on-accent);box-shadow:0 6px 18px rgba(var(--accent-rgb),.45);text-align:left;transition:background .15s,transform .15s}
.t-gpx:hover{background:var(--accent-dark);transform:translateY(-1px);text-decoration:none!important}
.t-gpx:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.t-gpx .ic{width:30px;height:30px;flex:none}
.t-gpx span{display:flex;flex-direction:column;line-height:1.2}
.t-gpx b{font-size:clamp(19px,1.6vw,22px);font-weight:800}
.t-gpx small{font-size:13.5px;font-weight:600;opacity:.8;margin-top:2px}

/* MAP + PROFILE (inline SVG built from the GPX) */
.t-map{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;line-height:0}
.t-map-svg{display:block;width:100%;height:auto}
.t-bg{fill:#edf3ee}
.t-grid line{stroke:#d5e0d7;stroke-width:1}
.t-line-case{fill:none;stroke:#fff;stroke-width:11;stroke-linejoin:round;stroke-linecap:round}
.t-line{fill:none;stroke:var(--blue);stroke-width:5.5;stroke-linejoin:round;stroke-linecap:round}
.t-km circle{fill:#fff;stroke:var(--blue-dark);stroke-width:2}
.t-km text{font:700 11px Poppins,Inter,sans-serif;fill:var(--blue-dark)}
.t-pin circle{stroke:#fff;stroke-width:4}
.t-start circle{fill:#1f9d55}.t-finish circle{fill:#e23b4a}
.t-pin text.t-lab{font:700 17px Poppins,Inter,sans-serif;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:5;stroke-linejoin:round}
.t-scale path{fill:none;stroke:var(--ink);stroke-width:2.5}
.t-sm{font:700 14px Poppins,Inter,sans-serif;fill:var(--ink)}
.t-north path{fill:var(--ink)}
.t-note{margin:10px 2px 0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.tura-sec .wrap{max-width:1480px;margin-inline:auto}
.t-title{margin-top:0}
.tura .art-text{margin-top:clamp(28px,3.2vw,44px)}
.tura .art-text .art-lead{margin:0 0 1em}

/* phones: the SVGs are scaled down to ~0.45, so their text and markers are enlarged in user units */
@media(max-width:599px){
  .t-km circle{r:15px}.t-km text{font-size:19px}
  .t-pin text.t-lab{font-size:28px;stroke-width:7}
  .t-pin circle{r:15px}
  .t-start text.t-lab{font-size:24px}
  .t-sm{font-size:24px}
  .t-line{stroke-width:8}.t-line-case{stroke-width:15}
  .t-gpx{padding:12px 16px;gap:12px}
}

/* HERO: cover photo (clickable, opens the gallery) + route map side by side on desktop, stacked on phones */
.t-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:clamp(18px,2vw,26px)}
@media(min-width:900px){.t-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2vw,30px);align-items:stretch}}
.t-photos,.t-mapbox{display:flex;flex-direction:column;gap:10px;min-width:0}
.t-cover{position:relative;display:block;flex:none;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:18px;overflow:hidden;background:var(--blue-tint);cursor:zoom-in}
@media(min-width:900px){.t-cover{flex:1 1 auto;aspect-ratio:auto;min-height:240px}}
.t-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.t-cover:hover img{transform:scale(1.03)}
.t-cover:focus-visible,.lb button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.t-badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 11px;border-radius:999px;background:rgba(13,31,58,.82);color:#fff;font-weight:700;font-size:14px;backdrop-filter:blur(4px)}
.t-badge .ic{width:18px;height:18px}
.t-zoom{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:.95}
.t-zoom .ic{width:20px;height:20px}
.t-note{margin:0 2px;font-size:13px;line-height:1.5;color:var(--ink-soft)}
.t-map{flex:none}

/* LIGHTBOX (built by the inline script on first open) */
.lb-lock{overflow:hidden}
.lb{position:fixed;inset:0;z-index:300;background:rgba(8,12,24,.98);display:flex;color:#fff;line-height:1.4}
.lb[hidden]{display:none}
.lb.lb-abs{position:absolute;inset:auto;left:0;top:0;width:100%}
.lb-panel{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;padding:12px clamp(12px,3vw,40px) 16px}
.lb.lb-abs .lb-panel{position:absolute;left:0;right:0;flex:none}
.lb-bar{display:flex;align-items:center;gap:12px;flex:none;min-height:48px}
.lb-count{font-weight:700;font-size:15px;letter-spacing:.02em}
.lb-sample{background:var(--accent);color:var(--on-accent);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 11px}
.lb-sample[hidden]{display:none}
.lb-x{margin-left:auto}
.lb-x,.lb-nav{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.lb-x:hover,.lb-nav:hover{background:rgba(255,255,255,.3)}
.lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,20px)}
.lb-fig{margin:0;flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.lb-fig img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block;touch-action:pan-y;user-select:none;-webkit-user-drag:none}
.lb-nav[hidden],.lb-thumbs[hidden]{display:none}
.lb-cap{margin:12px 0 10px;text-align:center;font-size:15px;color:#e7ecf7;min-height:1.4em;flex:none}
.lb-thumbs{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:3px;flex:none}
.lb-th{flex:0 0 clamp(64px,8vw,104px);aspect-ratio:16/9;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#000;opacity:.55;cursor:pointer}
.lb-th img{width:100%;height:100%;object-fit:cover;display:block}
.lb-th:hover{opacity:.9}
.lb-th.is-on{border-color:var(--accent);opacity:1}
@media(max-width:599px){.lb-stage{position:relative}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;background:rgba(8,12,24,.6)}.lb-prev{left:4px}.lb-next{right:4px}.lb-panel{padding-inline:10px}}

/* "Szállások" row: 4 columns from 1100 px (like the tour cards), 2 on tablets, 1 on phones */
.cards.cards-4.t-stays{grid-template-columns:minmax(0,1fr)}
@media(min-width:600px){.cards.cards-4.t-stays{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.cards.cards-4.t-stays{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* SAMPLE difficulty value ("Közepes") in the normal stat-card style, marked with a small "minta" tag */
.t-sample{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px;cursor:help}
.t-val.t-txt b{font-size:clamp(22px,2.2vw,30px)}
@media(min-width:860px){.t-val.t-txt b{font-size:clamp(20px,1.7vw,28px)}}