/* Wyjazdowo - wspólne style „Ślad trasy” (ładowane na każdej stronie): zmienne, ślad trasy, pasek wyprawy, okładki i pasy podstron. Wydzielone ze strona-glowna.css 20.10.2026 (audyt). */
:root {
	--wy-sg-teal: var(--wp--preset--color--teal-dark, #0F766E);
	--wy-sg-tera: var(--wp--preset--color--terracotta, #E06D53);
	--wy-sg-graf: var(--wp--preset--color--charcoal, #0F172A);
	--wy-sg-slate: #475569;
	--wy-sg-muted: #64748B;
	--wy-sg-linia: #E2E8F0;
	--wy-sg-piasek: #FBF6F0;
	--wy-sg-tera-jasna: #FFD6C4;
	--wy-sg-mieta: #5EEAD4;
	--wy-sg-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Ślad trasy (kropka startu, kropki relacji, samolot) ---------- */
.wy-slad { display: flex; align-items: center; gap: 0; width: 100%; max-width: 30rem; position: relative; }
.wy-slad i { flex: 1 1 0; height: 2px; position: relative; display: block; }
.wy-slad i::after { content: ""; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: #CBD5E1; }
.wy-slad i.is-on { background: var(--wy-sg-teal); }
.wy-slad i.is-on::after { background: var(--wy-sg-teal); width: 8px; height: 8px; margin-top: -4px; }
.wy-slad i.is-start { flex: 0 0 12px; background: none; }
.wy-slad i.is-start::after { width: 12px; height: 12px; margin-top: -6px; background: var(--wy-sg-tera); }
.wy-slad__samolot { flex: 0 0 18px; width: 18px; height: 18px; margin-left: 8px; fill: var(--wy-sg-tera); transform: rotate(45deg); }
.wy-slad.is-ciemny i::after { background: rgba(255, 255, 255, .45); }
.wy-slad.is-ciemny i.is-on { background: var(--wy-sg-mieta); }
.wy-slad.is-ciemny i.is-on::after { background: var(--wy-sg-mieta); }
.wy-slad.is-ciemny i.is-start::after { background: var(--wy-sg-tera); }
.wy-slad.is-ciemny .wy-slad__samolot { fill: var(--wy-sg-tera-jasna); }
.wy-slad.is-maly i::after { width: 5px; height: 5px; margin-top: -2.5px; }
.wy-slad.is-maly i.is-on::after { width: 6px; height: 6px; margin-top: -3px; }
.wy-slad.is-maly i.is-start { flex-basis: 9px; }
.wy-slad.is-maly i.is-start::after { width: 9px; height: 9px; margin-top: -4.5px; }
.wy-slad.is-maly .wy-slad__samolot { flex-basis: 13px; width: 13px; height: 13px; margin-left: 5px; }

/* ---------- Pasek wyprawy na telefonie (wariant „pasek” nawigacji wyprawy) ---------- */
.wy-wnav.is-pasek { display: none; }
@media (max-width: 781px) {
	.wy-wnav.is-pasek { display: block; position: fixed; left: .6rem; right: .6rem; bottom: calc(.6rem + env(safe-area-inset-bottom, 0px)); z-index: 90; margin: 0 !important; padding: .65rem .7rem .7rem; border-radius: 1.2rem; background: rgba(15, 23, 42, .96); color: #fff; box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .55); transform: translateY(150%); transition: transform .35s var(--wy-sg-ease); backdrop-filter: blur(6px); }
	.wy-wnav.is-pasek.is-widoczny { transform: none; }
	body.ma-pasek-wyprawy .wp-site-blocks > footer { padding-bottom: 6rem; }
}
.wy-pasek__poz { display: flex; align-items: center; gap: .8rem; margin: 0 .2rem .55rem !important; font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #94A3B8; white-space: nowrap; }
.wy-pasek__poz .wy-slad { flex: 1; max-width: none; }
.wy-pasek__btny { display: grid; grid-template-columns: 1fr auto 1fr; gap: .4rem; }
.wy-pasek__btn { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0 .9rem; border-radius: 999px; background: #1E293B; color: #fff !important; font: 700 .85rem/1 var(--wp--preset--font-family--heading, inherit); text-decoration: none !important; }
.wy-pasek__btn.is-wyprawa { background: var(--wy-sg-teal); }
.wy-pasek__btn.is-brak { opacity: .35; }
.wy-pasek__btn:focus-visible { outline: 3px solid var(--wy-sg-mieta); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .wy-wnav.is-pasek { transition: none !important; } }

/* =====================================================================
 * Podstrony w stylu strony głównej (20.10.2026)
 * ===================================================================== */

/* ---------- Okładka strony: wyprawy (page.html), kraje, kontynenty, serie ---------- */
.wp-block-cover.wy-strona-hero { background-color: var(--wy-sg-graf); color: #fff; padding: clamp(2.5rem, 7vh, 4.5rem) var(--wp--style--root--padding-right, 1.5rem) clamp(2rem, 5vh, 3.25rem) var(--wp--style--root--padding-left, 1.5rem) !important; align-items: flex-end; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden; }
.wp-block-cover.wy-strona-hero::before { display: none; }
.wy-strona-hero .wp-block-cover__image-background { object-position: 50% 55%; }
.wy-strona-hero > .wp-block-cover__inner-container { width: 100%; max-width: var(--wp--style--global--wide-size, 1280px) !important; margin-inline: auto; color: #fff; }
.wy-strona-hero .wp-block-cover__inner-container > .alignwide { max-width: none !important; }
.wy-strona-hero .wp-block-cover__inner-container > * > * { max-width: 46rem; margin-left: 0 !important; }
.wy-strona-hero .wy-tl { max-width: none !important; }
/* Bez zdjęcia: niższa granatowa okładka ze śladem trasy w tle (zamiast pustego prostokąta). */
.wy-strona-hero:not(:has(.wp-block-cover__image-background)) { min-height: 0 !important; padding-top: clamp(2.5rem, 6vh, 3.5rem) !important; }
.wy-strona-hero:not(:has(.wp-block-cover__image-background)) .wp-block-cover__background { opacity: 0 !important; }
.wy-strona-hero:not(:has(.wp-block-cover__image-background))::after { content: ""; position: absolute; right: -4rem; top: 50%; width: min(38rem, 55%); height: 12rem; transform: translateY(-50%) rotate(-8deg); background: radial-gradient(circle, rgba(94, 234, 212, .35) 2.5px, transparent 3px) 0 50% / 34px 100% repeat-x; opacity: .6; pointer-events: none; }
/* Okruszki */
.wy-strona-hero .wy-okruszki-nav, .wy-strona-hero .wy-okruszki-nav a, .wy-strona-hero .rank-math-breadcrumb, .wy-strona-hero .rank-math-breadcrumb a { color: #CBD5E1 !important; }
.wy-strona-hero .wy-okruszki-nav li:last-child, .wy-strona-hero .wy-okruszki-nav li:last-child span { color: #fff !important; }
.wy-strona-hero .wy-okruszki-nav { margin-bottom: 1.4rem !important; }
/* Etykieta (np. „Azja · Indonezja”) jako plakietka jak w hero */
.wy-strona-hero .is-style-etykieta { display: inline-flex !important; align-items: center; gap: .6rem; width: auto; padding: .4rem 1rem .4rem .75rem; border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; background: rgba(15, 23, 42, .55); color: #fff !important; font-size: .72rem !important; letter-spacing: .14em !important; backdrop-filter: blur(4px); }
.wy-strona-hero .is-style-etykieta::before { content: ""; width: .6rem; height: .6rem; border-radius: 50%; background: var(--wy-sg-tera); flex: none; }
/* Tytuł i opis */
.wy-strona-hero h1, .wy-strona-hero .wp-block-post-title { color: #fff !important; font-size: clamp(2.3rem, 5.2vw, 4.2rem) !important; line-height: 1.05 !important; letter-spacing: -.025em; font-weight: 800; margin: 1.1rem 0 0 !important; text-wrap: balance; max-width: 16em; }
.wy-strona-hero h1 em { color: var(--wy-sg-tera-jasna) !important; font-style: normal; }
.wy-strona-hero .wy-band__opis, .wy-strona-hero .wp-block-post-excerpt__excerpt, .wy-strona-hero .wp-block-post-excerpt { color: #E2E8F0 !important; font-size: clamp(1.02rem, 1.4vw, 1.18rem) !important; line-height: 1.55 !important; max-width: 40rem; margin-top: 1rem !important; }
.wy-strona-hero .wp-block-post-excerpt__more-text { display: none; }
/* Liczby kraju / kontynentu na ciemnym tle */
.wy-strona-hero .wy-tl { margin-top: 2rem !important; }
.wy-strona-hero .wy-tl__liczba { color: #fff !important; }
.wy-strona-hero .wy-tl__etyk { color: #CBD5E1 !important; }
.wy-strona-hero .wy-tl__wsp { color: #94A3B8 !important; }
/* Odznaki wyprawy i przyciski */
.wy-nw.is-odznaki { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.2rem; }
.wy-nw.is-odznaki .wy-hero__etykieta { margin: 0; }
.wy-nw__ekipa { display: inline-flex; align-items: center; gap: .6rem; margin: 0 !important; font-size: .88rem; font-weight: 600; color: #E2E8F0; }
.wy-nw__avatary { display: inline-flex; }
.wy-nw__avatary .wy-avatar { width: 1.9rem; height: 1.9rem; margin-left: -.45rem; border: 2px solid var(--wy-sg-graf); border-radius: 50%; background: var(--wy-kolor, var(--wy-sg-teal)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 800; }
.wy-nw__avatary .wy-avatar:first-child { margin-left: 0; }
.wy-nw.is-akcje { margin-top: 1.8rem !important; }
.wy-nw__cta { display: flex; flex-wrap: wrap; gap: .8rem; }
.wy-nw .wy-hero__postep { margin-top: 2rem; }
@media (max-width: 781px) {
	.wp-block-cover.wy-strona-hero { min-height: min(78svh, 620px) !important; }
	.wy-strona-hero .wp-block-cover__background { background: linear-gradient(0deg, rgba(15, 23, 42, .94) 0%, rgba(15, 23, 42, .6) 55%, rgba(15, 23, 42, .25) 100%) !important; }
	.wy-nw__cta { flex-direction: column; }
	.wy-nw__cta .wy-hero__btn { width: 100%; }
	.wy-strona-hero .wy-okruszki-nav { display: none; }
}
/* Stary układ nagłówka strony wyprawy (zdjęcie pod pasem) - już nieużywany, na wypadek kopii szablonu */
.wy-strona-hero + .wy-hero-wrap { display: none; }

/* ---------- Listy wpisów (blog, archiwa kategorii, wyniki wyszukiwania): granatowy pas ---------- */
.wy-band.wy-band--ciemny { background: var(--wy-sg-graf) !important; color: #fff; }
.wy-band.wy-band--ciemny::before { opacity: .12; filter: invert(1); }
.wy-band.wy-band--ciemny h1, .wy-band.wy-band--ciemny .wp-block-query-title { color: #fff !important; }
.wy-band.wy-band--ciemny .is-style-etykieta { color: var(--wy-sg-tera) !important; }
.wy-band.wy-band--ciemny p:not(.is-style-etykieta), .wy-band.wy-band--ciemny .wp-block-term-description { color: #CBD5E1 !important; }
.wy-band.wy-band--ciemny .wy-okruszki-nav, .wy-band.wy-band--ciemny .wy-okruszki-nav a { color: #CBD5E1 !important; }

/* ---------- Karty wpisów w archiwach i „Zobacz też”: ten sam język co karty dziennika ---------- */
.wy-karta { border-radius: 1.1rem !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 10px 24px -16px rgba(15, 23, 42, .35) !important; }
.wy-karta:hover, .wy-karta:focus-within { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(15, 23, 42, .06), 0 22px 40px -20px rgba(15, 23, 42, .5) !important; }
.wy-karta .wy-karta__media img { aspect-ratio: 16/10 !important; }
.wy-karta .wp-block-post-title { font-size: 1.08rem !important; line-height: 1.28 !important; }
.wy-karta .wy-karta__wiecej a { color: var(--wy-sg-tera) !important; font-weight: 700; }
.wy-karta:focus-within { outline: 3px solid var(--wy-sg-teal); outline-offset: 2px; }
/* Strona wyprawy: rok, typ, uczestnicy i postęp są już w okładce - bez powtórki na początku treści */
.wy-main-pas:has(.wy-strona-hero .wy-nw.is-odznaki) .wp-block-post-content > .wp-block-wyjazdowo-wyprawa-info:first-child,
.wy-main-pas:has(.wy-strona-hero .wy-nw.is-akcje .wy-hero__postep) .wp-block-post-content > .wp-block-wyjazdowo-staty-wyprawy { display: none; }
.wy-main-pas:has(.wy-strona-hero) .wy-uklad { margin-top: clamp(2rem, 4vw, 3rem) !important; }

/* Bilety wypraw (20.10.2026): w jednej kolumnie (np. „O nas”) wypełniają całą szerokość kolumny,
   a kolorowy pasek u góry biegnie także nad odcinkiem „Trasa” - bilet nie urywa się przy perforacji. */
.wy-bil--waz.is-jedna-kolumna .wy-bil__kolumny { grid-template-columns: minmax(0, 1fr) !important; }
.wy-bil__odcinek { border-top: 4px solid var(--wy-bil-k); }
.wy-bil--waz.is-jedna-kolumna .wy-bil__bilet { grid-template-columns: minmax(0, 1fr) 3.6rem; }
.wy-bil--waz.is-jedna-kolumna .wy-bil__cel { max-width: none; }
@media (min-width: 900px) {
	.wy-bil--waz.is-jedna-kolumna .wy-bil__glowny { padding: 1.15rem 1.4rem 1.2rem 1.4rem; }
	.wy-bil--waz.is-jedna-kolumna .wy-bil__kod { font-size: 1.55rem; }
	.wy-bil--waz.is-jedna-kolumna .wy-bil__cel { font-size: 1.2rem; }
}

/* Granatowy pas: wyszukiwarka i przyciski (404, wyniki wyszukiwania) */
.wy-band--ciemny .wp-block-search__button { background: var(--wy-sg-tera) !important; color: var(--wy-sg-graf) !important; font-weight: 700; }
.wy-band--ciemny .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: #fff !important; color: var(--wy-sg-graf) !important; }
.wy-band--ciemny .wp-block-button.is-style-outline .wp-block-button__link { color: #fff !important; border-color: rgba(255, 255, 255, .85) !important; background: transparent !important; }
.wy-band--404 h1 { max-width: 14em; }
.wy-band.wy-band--ciemny > .wp-block-group > p.wy-band__opis, .wy-band.wy-band--ciemny .wy-band__opis, .wy-band.wy-band--ciemny > .wp-block-group > p:not(.is-style-etykieta) { color: #CBD5E1 !important; }

/* Tekst tylko dla czytników ekranu i wyszukiwarek (np. H1 strony głównej w bloku hero) */
.wy-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }