/*
 * Najcenejše povratne karte — shortcode [ind_cheapest_flights] (brief B1, §1–§7).
 * Barve iz oblikovnega platna (LjuListDesktop / LjuListMobile): navy #1E4D6B, tinta #15181C,
 * zelena #2F6B45, rjava #B5461F, pisavi Lora (naslovi) + Figtree (besedilo), enako kot na izletih.
 *
 * Specifičnost: vsa pravila komponent so pod ".ljc .ljc-…" (0,2,0), ker deal-post-v5.css
 * nastavlja ".trip5 h1,h2,h3" (0,1,1), ".trip5 a" (0,1,1) in ".trip5 a:hover" (0,2,1).
 * Osnova je mobilna; ≥ 1200 px je namizna postavitev.
 *
 * STATUS: napisano, NE pregledano v brskalniku. Preveri pri 320, 390, 768 in 1280 px.
 */

.ljc {
	--ljc-navy: #1E4D6B;
	--ljc-navy-ink: #143851;
	--ljc-ink: #15181C;
	--ljc-ink-2: #3B424B;
	--ljc-muted: #5B6470;
	--ljc-faint: #9AA3AD;
	--ljc-green: #2F6B45;
	--ljc-green-bg: #E4F0E7;
	--ljc-green-ink: #24563A;
	--ljc-amber-bg: #FBF1DE;
	--ljc-amber-ink: #7A4F00;
	--ljc-rust: #B5461F;
	--ljc-bg: #F2F7FB;
	--ljc-line: #DCE6EE;
	--ljc-chip-line: #D3D9E0;
	--ljc-grey: #F3F5F8;
	--ljc-bar: #C9D8E4;
	--ljc-bar-null: #C3CAD2;
	--ljc-light: #BFD3E1;
	--ljc-track: #E4EBF1;
	--ljc-tier: #1E4D6B;

	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px 72px;
	color: var(--ljc-ink);
	font-family: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 14px;
	line-height: 1.45;
}

/* Pod seznamom sledita okvir avtorja in komentarji (kot na letalskih ponudbah): razmik naredi
   .trip-deal-page .ind-author { margin-top: 40px } v deal-post-v5.css, zato tu brez spodnjega odmika. */
.trip-deal-page .ljc,
.trip-deal-page .ljc.trip5 {
	padding-bottom: 0;
}

.ljc *,
.ljc *::before,
.ljc *::after {
	box-sizing: border-box;
}

/* Tema (Gridlove) ima globalno pravilo button { width:200px; height:40px }; gumbi naj merijo po vsebini.
   Višine in širine posameznih gumbov so določene z razredi (višja specifičnost). */
.ljc button {
	width: auto;
	min-width: 0;
	margin: 0;
}

/* Povezave: deal-post-v5 jih barva modro; tu so privzeto podedovane. */
.ljc a,
.ljc a:hover {
	color: inherit;
	text-decoration: none;
}

.ljc .ljc-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Brez JS: filtri in zemljevid nista uporabna — skrijemo ju; seznam ostane (SEO, povezave delujejo). */
.ljc:not(.is-js) .ljc-filters,
.ljc:not(.is-js) .ljc-map,
.ljc:not(.is-js) .ljc-sort {
	display: none;
}

/* ---------- Glava (§4.1) ---------- */

.ljc .ljc-head {
	display: grid;
	gap: 14px;
	padding-top: 24px;
}

.ljc .ljc-head-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.ljc .ljc-label {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 11px;
	border-radius: 999px;
	background: var(--ljc-track);
	color: var(--ljc-navy);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
}

.ljc .ljc-label-note {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--ljc-muted);
}

.ljc .ljc-title {
	margin: 0;
	font-family: 'Lora', Georgia, serif;
	font-size: 40px;
	font-weight: 600;
	line-height: .96;
	letter-spacing: -1.2px;
	color: var(--ljc-ink);
}

.ljc .ljc-intro {
	margin: 0;
	font-size: 15px;
	color: var(--ljc-muted);
}

.ljc .ljc-head-side {
	display: grid;
	gap: 8px;
}

.ljc .ljc-stats {
	margin: 0;
	font-size: 13px;
	color: var(--ljc-muted);
}

/* Pill osveženosti: osnovni videz je iz deal-post-v5.css (.t5-fresh-pill, zelena).
   Stanja so zapisana z višjo specifičnostjo od ".trip5.is-stale .t5-fresh-pill" (0,3,0). */
.ljc .ljc-fresh {
	justify-self: start;
}

.trip5.ljc.is-stale .ljc-fresh.ljc-fresh--stale {
	background: var(--ljc-amber-bg);
	border: 1px solid #F0DCB0;
	color: var(--ljc-amber-ink);
}

.trip5.ljc.is-stale .ljc-fresh.ljc-fresh--old {
	background: var(--ljc-grey);
	border: 0;
	color: var(--ljc-muted);
}

.trip5.ljc.is-stale .ljc-fresh--old .t5-pill-dot {
	background: var(--ljc-faint);
}

/* ---------- Naslovi odsekov ---------- */

.ljc .ljc-h2 {
	margin: 0;
	font-family: 'Lora', Georgia, serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	color: var(--ljc-ink);
}

.ljc .ljc-h3 {
	margin: 0 0 8px;
	font-family: 'Figtree', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: var(--ljc-ink);
}

.ljc .ljc-kicker {
	margin: 0;
	font-family: 'Figtree', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: var(--ljc-navy);
}

.ljc .ljc-note {
	font-size: 13px;
	color: var(--ljc-muted);
}

/* ---------- Zemljevid (§6) ---------- */

.ljc .ljc-map {
	margin-top: 28px;
}

.ljc .ljc-map-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 12px;
}

.ljc .ljc-map-count {
	font-size: 13px;
	color: var(--ljc-muted);
}

.ljc .ljc-map-hint {
	display: none;
}

.ljc .ljc-map-box {
	position: relative;
	width: 100%;
	aspect-ratio: 350 / 310; /* mobilno platno (enako v JS buildStatic); tablet se skalira */
	margin-top: 12px;
	overflow: hidden;
	border: 1px solid var(--ljc-line);
	border-radius: 18px;
	background: var(--ljc-bg);
}

.ljc .ljc-map-box svg {
	display: block;
	width: 100%;
	height: 100%;
}

.ljc .ljc-dot {
	position: absolute;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: none;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.ljc .ljc-dot::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 11px;
	height: 11px;
	margin: -5.5px 0 0 -5.5px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: var(--ljc-tier);
	transition: width .15s, height .15s, margin .15s;
}

.ljc .ljc-dot.is-sel::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border-width: 3px;
	box-shadow: 0 0 0 5px var(--ljc-tier);
}

.ljc .ljc-dot:focus-visible {
	outline: 2px solid var(--ljc-navy);
	outline-offset: 2px;
	border-radius: 50%;
}

.ljc .ljc-map-label {
	position: absolute;
	padding: 2px 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
	pointer-events: none;
}

/* Oznaka destinacije ali gruče se klikne kot njena pika (ime izhodišča ostane neklikljivo). */
.ljc .ljc-map-label[data-ljc-label],
.ljc .ljc-map-label[data-ljc-cluster-label] {
	pointer-events: auto;
	cursor: pointer;
}

.ljc .ljc-map-label[data-ljc-label]:hover,
.ljc .ljc-map-label[data-ljc-cluster-label]:hover {
	box-shadow: 0 0 0 1.5px var(--ljc-navy), 0 1px 3px rgba(0, 0, 0, .12);
}

.ljc .ljc-map-label.is-sel {
	background: var(--ljc-ink);
	color: #fff;
}

.ljc .ljc-map-origin {
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--ljc-ink);
	box-shadow: 0 0 0 3px #fff, 0 0 0 7px rgba(21, 24, 28, .15);
	transform: translate(-50%, -50%);
}

.ljc .ljc-map-strip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-top: 10px;
	font-size: 13px;
	color: var(--ljc-muted);
}

.ljc .ljc-map-legend {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	font-size: 12px;
	color: var(--ljc-muted);
}

.ljc .ljc-map-overlay {
	position: absolute;
	z-index: 1;
}

.ljc .ljc-seg {
	display: inline-flex;
	padding: 2px;
	border-radius: 999px;
	background: var(--ljc-track);
}

.ljc .ljc-seg button {
	height: 28px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	font-size: 12px;
	font-weight: 700;
	color: var(--ljc-ink-2);
	cursor: pointer;
}

.ljc .ljc-seg button[aria-pressed="true"] {
	background: #fff;
	color: var(--ljc-ink);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}


/* ---------- Gumbi in čipi ---------- */

.ljc .ljc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 14px;
	border-radius: 11px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-btn--outline {
	border: 1.5px solid var(--ljc-navy);
	background: #fff;
	color: var(--ljc-navy);
}

.ljc .ljc-btn--outline:hover {
	background: var(--ljc-navy);
	color: #fff;
}

.ljc .ljc-btn--navy {
	width: 100%;
	height: 48px;
	border-radius: 14px;
	background: var(--ljc-navy);
	color: #fff;
	font-size: 15px;
}

.ljc .ljc-btn--navy:hover {
	background: var(--ljc-navy-ink);
	color: #fff;
}

.ljc .ljc-chips-label {
	flex: none;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--ljc-muted);
}

.ljc .ljc-chips {
	display: flex;
	gap: 8px;
	flex-wrap: nowrap;
}

.ljc .ljc-chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--ljc-chip-line);
	border-radius: 999px;
	background: #fff;
	color: var(--ljc-ink);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-chip[aria-pressed="true"],
.ljc .ljc-chip.is-on {
	background: var(--ljc-navy);
	border-color: var(--ljc-navy);
	color: #fff;
}

.ljc .ljc-chip:focus-visible,
.ljc .ljc-btn:focus-visible,
.ljc .ljc-dd-btn:focus-visible,
.ljc .ljc-dd-opt:focus-visible,
.ljc .ljc-direct:focus-visible {
	outline: 2px solid var(--ljc-navy);
	outline-offset: 2px;
}

/* ---------- Filtri (možnost C): ena vrstica pod zemljevidom, na telefonu največ dve ---------- */

.ljc .ljc-filters {
	position: relative;
	z-index: 5; /* meni nad seznamom */
	display: flex;
	flex-wrap: wrap; /* ozko namizje / 7 izhodišč: Kdaj, Kam, Direktno v drugo vrstico; nikoli vodoravni drsnik */
	align-items: center;
	gap: 10px;
	margin: 14px 0 22px;
}

.ljc .ljc-filters[hidden],
.ljc .ljc-dd-menu[hidden] {
	display: none;
}

/* Oglas med zemljevidom in filtri ([trip5_ad] → .t5-ad iz deal-post-v5.css, brez njegovega odmika ob straneh). */
.ljc .ljc-ad {
	margin-top: 18px;
}

.ljc .ljc-ad .t5-ad {
	padding: 0;
}

.ljc .ljc-ad + .ljc-filters {
	margin-top: 18px;
}

.ljc .ljc-filters + .ljc-list {
	margin-top: 0;
}

.ljc .ljc-frow2-wrap,
.ljc .ljc-frow2 {
	display: contents; /* namizje: Kdaj, Kam in Direktno so v isti vrstici kot stikalo */
}

.ljc .ljc-filters-spacer {
	flex: 1 1 auto;
}

/* Odhodno letališče: zavihki s podčrtom (možnost E). Namizje: ime 16 px + cena (Lora 18 px) v isti vrstici, zavihki
   sedijo na sivi črti pod celo vrstico filtrov (podčrt izbranega jo prekrije, margin-bottom: -1px).
   Telefon (spodaj): enako široki stolpci, ime nad ceno. */
.ljc .ljc-tabs {
	display: flex;
	gap: 28px;
}

.ljc .ljc-tab,
.ljc .ljc-tab:hover,
.ljc .ljc-tab:focus,
.ljc .ljc-tab:active {
	display: flex;
	align-items: center;
	gap: 9px;
	height: 50px;
	padding: 0 2px;
	margin: 0 0 -1px;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font-family: inherit;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-tab-name {
	font-size: 16px;
	font-weight: 600;
	color: var(--ljc-muted);
}

.ljc .ljc-tab[aria-selected="true"] {
	border-bottom-color: var(--ljc-navy);
}

.ljc .ljc-tab[aria-selected="true"] .ljc-tab-name {
	font-weight: 800;
	color: var(--ljc-ink);
}

.ljc .ljc-tab:hover:not([aria-selected="true"]):not([aria-disabled="true"]) {
	border-bottom-color: #C9D4DE;
}

.ljc .ljc-tab:hover:not([aria-disabled="true"]) .ljc-tab-name {
	color: var(--ljc-ink);
}

.ljc .ljc-tab-price {
	font-family: 'Lora', Georgia, serif;
	font-size: 18px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--ljc-muted);
}

/* Vse cene enake: brez cen (prazna vrstica cene na namizju ne zavzame prostora). */
.ljc .ljc-tab-price:empty {
	display: none;
}

.ljc .ljc-tab.is-cheap .ljc-tab-price {
	color: var(--ljc-green);
}

.ljc .ljc-tab[aria-disabled="true"] {
	opacity: .45;
	cursor: default;
}

.ljc .ljc-tab:focus-visible {
	outline: 3px solid var(--ljc-navy);
	outline-offset: 2px;
	border-radius: 4px;
}

/* »letališča« pod »Vsa« samo na telefonu; na namizju je del imena (.ljc-tab-d). */
.ljc .ljc-tab-sub {
	display: none;
}

/* Kdaj / Kam (/ Od): spustni gumbi */
.ljc .ljc-dd {
	flex: none;
}

.ljc .ljc-dd-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 12px 0 14px;
	border: 1px solid var(--ljc-chip-line);
	border-radius: 10px;
	background: #fff;
	color: var(--ljc-ink);
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-dd-lbl {
	font-weight: 500;
	opacity: .75;
}

.ljc .ljc-dd-chev {
	flex: none;
	transition: transform .15s;
}

.ljc .ljc-dd-btn.is-active {
	background: var(--ljc-navy);
	border-color: var(--ljc-navy);
	color: #fff;
}

.ljc .ljc-dd-btn[aria-expanded="true"] {
	border-color: var(--ljc-navy);
}

.ljc .ljc-dd-btn[aria-expanded="true"] .ljc-dd-chev {
	transform: rotate(180deg);
}

.ljc .ljc-dd-menu {
	position: absolute; /* glede na .ljc-filters; left/top nastavi JS (placeMenu) */
	z-index: 30;
	min-width: 250px;
	max-height: min(60vh, 420px);
	overflow-y: auto;
	padding: 6px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(16, 24, 40, .18);
}

.ljc .ljc-dd-opt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 0;
	border-radius: 10px;
	background: none;
	box-shadow: none;
	color: var(--ljc-ink);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-dd-opt:hover:not(:disabled) {
	background: var(--ljc-grey);
}

.ljc .ljc-dd-opt[aria-selected="true"] {
	background: #F2F7FB;
	font-weight: 700;
}

.ljc .ljc-dd-opt:disabled {
	opacity: .45;
	cursor: default;
}

.ljc .ljc-dd-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ljc .ljc-dd-price {
	font-size: 12px;
	font-weight: 700;
	color: var(--ljc-muted);
}

.ljc .ljc-dd-price.is-cheap {
	color: var(--ljc-green);
}

.ljc .ljc-dd-check {
	font-weight: 700;
	color: var(--ljc-navy);
}

/* Direktno: preklopni čip */
.ljc .ljc-direct {
	flex: none;
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 14px;
	border: 1px solid var(--ljc-chip-line);
	border-radius: 999px;
	background: #fff;
	color: var(--ljc-ink);
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}

.ljc .ljc-direct[aria-pressed="true"] {
	background: var(--ljc-green);
	border-color: var(--ljc-green);
	color: #fff;
}

.ljc .ljc-direct-check {
	font-size: 12px;
}

/* Slog kontrolnikov je enak na namizju in telefonu (namizni je privzeti): tihi Kdaj ⌄ / Kam ⌄ / Družba ⌄ brez okvirja,
   vklopljen filter = navy vrednost + navy pika, ločilna črta in stikalo »Samo direktni«. Velikosti in postavitev so spodaj
   po širini (namizje 50 px / 16 px, telefon 44 px / 15 px). */
@media all {
	/* Tihi spustni gumb: brez okvirja in ozadja; oznaka muted 500, vrednost ink 700, puščica muted. */
	.ljc .ljc-dd-btn,
	.ljc .ljc-dd-btn.is-active,
	.ljc .ljc-dd-btn[aria-expanded="true"] {
		height: 50px;
		padding: 0 8px;
		gap: 6px;
		border: 0;
		border-radius: 8px;
		background: none;
		color: var(--ljc-ink);
		font-size: 16px;
	}

	.ljc .ljc-dd-lbl {
		font-weight: 500;
		color: var(--ljc-muted);
		opacity: 1;
	}

	.ljc .ljc-dd-val {
		font-weight: 700;
		color: var(--ljc-ink);
	}

	.ljc .ljc-dd-chev {
		color: var(--ljc-muted);
	}

	/* Vklopljen filter: vrednost navy in navy pika pred puščico (»Kam Evropa • ⌄«). */
	.ljc .ljc-dd-btn.is-active .ljc-dd-val {
		color: var(--ljc-navy);
	}

	.ljc .ljc-dd-dot {
		display: block;
		flex: none;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--ljc-navy);
	}

	.ljc .ljc-dd-btn:hover,
	.ljc .ljc-dd-btn[aria-expanded="true"] {
		background: #F3F5F8;
	}

	.ljc .ljc-dd-btn:focus-visible {
		outline: 3px solid var(--ljc-navy);
		outline-offset: 2px;
		border-radius: 8px;
	}

	.ljc .ljc-filters-divider {
		display: block;
		flex: none;
		width: 1px;
		height: 22px;
		margin: 0 4px;
		background: #E4E8EC;
	}

	/* »Samo direktni«: stikalo z besedilom (role="switch"), isto stanje kot čip na telefonu. */
	.ljc .ljc-switch,
	.ljc .ljc-switch:hover,
	.ljc .ljc-switch:focus,
	.ljc .ljc-switch:active {
		flex: none;
		display: flex;
		align-items: center;
		gap: 9px;
		height: 50px;
		padding: 0 0 0 6px;
		border: 0;
		border-radius: 8px;
		background: none;
		box-shadow: none;
		color: var(--ljc-ink);
		font-family: inherit;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0;
		text-transform: none;
		white-space: nowrap;
		cursor: pointer;
	}

	.ljc .ljc-switch:focus-visible {
		outline: 3px solid var(--ljc-navy);
		outline-offset: 2px;
	}

	.ljc .ljc-switch-track {
		position: relative;
		flex: none;
		width: 36px;
		height: 22px;
		border-radius: 999px;
		background: var(--ljc-bar-null);
		transition: background .15s;
	}

	.ljc .ljc-switch-knob {
		position: absolute;
		top: 3px;
		left: 3px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #fff;
		transition: left .15s;
	}

	.ljc .ljc-switch[aria-checked="true"] .ljc-switch-track {
		background: var(--ljc-green);
	}

	.ljc .ljc-switch[aria-checked="true"] .ljc-switch-knob {
		left: 17px;
	}

	/* Stari čip »Direktno« (ni več v oznaki; varovalo za predpomnjen JS). */
	.ljc .ljc-direct {
		display: none;
	}
}

/* Namizje (> 760 px): ena vrstica, vse 50 px in navpično na sredini, siva črta pod celo vrstico.
   Levo zavihki, nato prostor, desno Kdaj ⌄ / Kam ⌄ (/ Družba ⌄), ločilna črta in stikalo »Samo direktni«.
   Brez zavihkov (eno izhodišče) so kontrolniki levo. Če vrstica ne gre v eno (veliko izhodišč), JS doda .is-wrapped:
   zavihki s svojo črto, kontrolniki v drugi vrstici desno. */
@media (min-width: 761px) {
	.ljc .ljc-filters {
		align-items: center;
		gap: 4px;
		border-bottom: 1px solid #E4E8EC;
	}

	.ljc .ljc-filters:not(.has-from) .ljc-filters-spacer {
		display: none;
	}

	.ljc .ljc-filters.is-wrapped {
		border-bottom: 0;
	}

	.ljc .ljc-filters.is-wrapped .ljc-tabs-wrap {
		flex: 1 0 100%;
		border-bottom: 1px solid #E4E8EC;
	}

	.ljc .ljc-filters.is-wrapped .ljc-filters-spacer {
		display: none;
	}

	.ljc .ljc-filters.is-wrapped .ljc-dd--month {
		margin-left: auto;
	}
}

@media (max-width: 760px) {
	.ljc .ljc-filters {
		gap: 8px;
	}

	.ljc .ljc-filters-spacer {
		display: none;
	}

	/* Telefon: zavihki čez celo širino, enako široki, ime nad ceno (12 px / 700) ali nad »letališča«. */
	.ljc .ljc-tabs-wrap {
		position: relative;
		flex: 1 0 100%;
		min-width: 0;
	}

	.ljc .ljc-tabs {
		gap: 0;
		border-bottom: 1px solid #E4E8EC;
	}

	.ljc .ljc-tab,
	.ljc .ljc-tab:hover,
	.ljc .ljc-tab:focus,
	.ljc .ljc-tab:active {
		flex: 1 1 0;
		min-width: 0;
		flex-direction: column;
		justify-content: center;
		gap: 2px;
		padding: 0;
	}

	.ljc .ljc-tab-name {
		max-width: 100%;
		overflow: hidden;
		font-size: 14px;
		color: var(--ljc-ink-2);
		text-overflow: ellipsis;
	}

	.ljc .ljc-tab-d {
		display: none;
	}

	/* Druga vrstica ostane tudi, ko je prazna (vse cene enake): vsi zavihki so enako visoki. */
	.ljc .ljc-tab-price,
	.ljc .ljc-tab-price:empty {
		display: block;
		min-height: 15px;
		font-family: inherit;
		font-size: 12px;
		font-weight: 700;
		line-height: 15px;
	}

	.ljc .ljc-tab-sub {
		display: block;
		font-size: 12px;
		font-weight: 600;
		line-height: 15px;
		color: var(--ljc-muted);
	}

	/* 5–7 izhodišč: drsna vrstica s senco desno; izbrani zavihek JS pomakne v vidno polje. */
	.ljc .ljc-tabs--scroll {
		overflow-x: auto;
		scrollbar-width: none;
	}

	.ljc .ljc-tabs--scroll::-webkit-scrollbar {
		display: none;
	}

	.ljc .ljc-tabs--scroll .ljc-tab,
	.ljc .ljc-tabs--scroll .ljc-tab:hover,
	.ljc .ljc-tabs--scroll .ljc-tab:focus,
	.ljc .ljc-tabs--scroll .ljc-tab:active {
		flex: 0 0 auto;
		min-width: 76px;
		padding: 0 8px;
	}

	.ljc .ljc-tabs-wrap.is-fade::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 28px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
		pointer-events: none;
	}

	/* Druga vrstica: ena vrstica brez prelamljanja; če ne gre (320 px), drsi do roba zaslona s senco desno. */
	.ljc .ljc-frow2-wrap {
		display: block;
		position: relative;
		flex: 0 0 auto;
		width: calc(100% + 32px);
		margin: 0 -16px;
	}

	.ljc .ljc-frow2 {
		display: flex;
		gap: 6px;
		padding: 0 16px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.ljc .ljc-frow2::-webkit-scrollbar {
		display: none;
	}

	.ljc .ljc-frow2-wrap.is-fade::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 28px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
		pointer-events: none;
	}

	/* Telefon: isti tihi slog kot namizje, manjši (44 px / 15 px). Stikalo je prvo (en dotik, nikoli izven zaslona),
	   nato ločilna črta in spustni gumbi; vrstica drsi s senco desno, ko ne gre v eno. */
	.ljc .ljc-frow2 {
		align-items: center;
		gap: 2px;
	}

	.ljc .ljc-dd-btn,
	.ljc .ljc-dd-btn.is-active,
	.ljc .ljc-dd-btn[aria-expanded="true"] {
		height: 44px;
		padding: 0 7px;
		gap: 5px;
		font-size: 15px;
	}

	.ljc .ljc-switch,
	.ljc .ljc-switch:hover,
	.ljc .ljc-switch:focus,
	.ljc .ljc-switch:active {
		order: -2;
		height: 44px;
		gap: 8px;
		padding: 0 4px 0 0;
		font-size: 15px;
	}

	.ljc .ljc-switch-samo {
		display: none; /* »Direktni« namesto »Samo direktni« */
	}

	.ljc .ljc-filters-divider {
		order: -1;
		margin: 0 4px;
	}

	/* Nespremenjen filter = samo oznaka (»Kdaj ⌄«, ink 600); spremenjen = samo kratka vrednost (»Dec 2026 • ⌄«, navy). */
	.ljc .ljc-dd-val {
		display: none;
	}

	.ljc .ljc-dd-lbl {
		font-weight: 600;
		color: var(--ljc-ink);
	}

	.ljc .ljc-dd-btn.is-active .ljc-dd-lbl {
		display: none;
	}

	.ljc .ljc-dd-mval {
		font-weight: 700;
		color: var(--ljc-navy);
	}

	.ljc .ljc-dd-menu {
		min-width: 210px;
	}
}

/* Kratka vrednost spremenjenega filtra in kratko besedilo stikala (»Direktni«) sta samo na telefonu. */
@media (min-width: 761px) {
	.ljc .ljc-dd-mval,
	.ljc .ljc-switch-d {
		display: none;
	}
}

/* ---------- Seznam (§4.4) ---------- */

.ljc .ljc-list {
	margin-top: 20px;
}

.ljc .ljc-list-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 12px;
}

.ljc .ljc-list-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
}

.ljc .ljc-list-note {
	display: none;
	font-size: 13px;
	color: var(--ljc-muted);
}

.ljc .ljc-sort {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.ljc .ljc-sort .ljc-chip {
	height: 32px;
	font-size: 12px;
}

.ljc .ljc-legend {
	margin: 10px 0 12px;
	font-size: 12px;
	color: var(--ljc-muted);
}

.ljc .ljc-bar-legend {
	display: inline-block;
	width: 12px;
	height: 4px;
	margin: 0 6px 1px 0;
	border-radius: 2px;
	vertical-align: middle;
}

.ljc .ljc-table-head {
	display: none;
}

.ljc .ljc-rows {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ljc .ljc-row {
	display: grid;
	grid-template-columns: 22px 1fr auto;
	column-gap: 10px;
	row-gap: 8px;
	align-items: start;
	padding: 14px 0;
	border-top: 1px solid var(--ljc-line);
	background: #fff;
}

.ljc .ljc-rank {
	font-size: 12px;
	font-weight: 700;
	color: var(--ljc-faint);
	padding-top: 4px;
}

.ljc .ljc-dest-city {
	display: block;
	font-family: 'Lora', Georgia, serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.15;
	color: var(--ljc-ink);
}

.ljc .ljc-dest-sub {
	display: block;
	font-size: 12px;
	color: var(--ljc-muted);
}

.ljc .ljc-dest-sub--d {
	display: none;
}

.ljc .ljc-airline {
	grid-column: 2 / 4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.ljc .ljc-airline-code {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 22px;
	padding: 0 6px;
	border-radius: 6px;
	background: #EEF1F4;
	font-size: 11px;
	font-weight: 800;
	color: var(--ljc-ink-2);
}

.ljc .ljc-airline-name {
	font-size: 13px;
	font-weight: 600;
	color: var(--ljc-ink-2);
}

.ljc .ljc-stops {
	display: inline-flex;
	align-items: center;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.ljc .ljc-stops--direct {
	background: var(--ljc-green-bg);
	color: var(--ljc-green-ink);
}

.ljc .ljc-stops--indirect {
	background: var(--ljc-amber-bg);
	color: var(--ljc-amber-ink);
}

.ljc .ljc-when {
	grid-column: 2 / 4;
	display: flex;
	flex-wrap: wrap;
	gap: 2px 10px;
	align-items: baseline;
}

.ljc .ljc-when-dates {
	font-size: 13px;
	font-weight: 600;
}

.ljc .ljc-when-nights {
	font-size: 12px;
	color: var(--ljc-muted);
}

/* Stolpci: 24 px sledi (px iz PHP-ja). Desktop: kontejner 36 px (stolpec + 2 px + začetnica 9 px). */
.ljc .ljc-bars {
	grid-column: 2 / 4;
	display: flex;
	gap: 3px;
	align-items: flex-end;
	height: 36px;
}

.ljc .ljc-bar-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 7px;
	gap: 2px;
}

.ljc .ljc-bar-col .ljc-bar {
	display: block;
	width: 7px;
	border-radius: 2px;
	background: var(--ljc-bar);
}

.ljc .ljc-bar--best {
	background: var(--ljc-green) !important;
}

.ljc .ljc-bar--shown {
	background: var(--ljc-navy) !important;
}

.ljc .ljc-bar--null {
	background: var(--ljc-bar-null) !important;
	height: 3px !important;
}

.ljc .ljc-bar-initial {
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	color: var(--ljc-faint);
}

.ljc .ljc-bar-col:has(.ljc-bar--shown) .ljc-bar-initial {
	color: var(--ljc-navy);
}

/* Gumb je samo cena, enako kot v letalskih ponudbah (.t5f-go v deal-flights.css): navy, 40 px, cena Lora 20 px / 600
   s številkami enake širine. Najmanj 92 px = širina trimestne cene v Lori (»999 €«), zato so vsi gumbi do 999 € enako
   široki in se stolpec cen ne zamika (dvomestne so na sredini). Opis je v aria-label.
   Padec cene (samo namizje) je pod gumbom. */
.ljc .ljc-buy {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}

.ljc .ljc-go,
.ljc .ljc-go:hover,
.ljc .ljc-go:focus,
.ljc .ljc-go:active {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 92px;
	height: 40px;
	padding: 0 14px;
	border: 1.5px solid var(--ljc-navy);
	border-radius: 10px;
	background: var(--ljc-navy);
	color: #fff;
	font-family: 'Lora', Georgia, serif;
	font-size: 20px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
}

.ljc .ljc-go:hover {
	background: var(--ljc-navy-ink);
	border-color: var(--ljc-navy-ink);
}

.ljc .ljc-go:focus-visible {
	outline: 2px solid var(--ljc-navy);
	outline-offset: 2px;
}

.ljc .ljc-drop {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--ljc-green-bg);
	color: var(--ljc-green-ink);
	font-size: 11px;
	font-weight: 800;
	white-space: nowrap;
}

.ljc .ljc-info {
	margin-top: 24px;
	padding: 18px;
	border-radius: 18px;
	background: var(--ljc-grey);
}

.ljc .ljc-info p {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ljc-muted);
}

/* WIZ kartici pod »Kako nastane seznam?« (.t5-wiz iz deal-post-v5.css): telefon ena pod drugo, od 761 px dve v vrsti.
   .t5-sec ima v ponudbah odmik 32px 20px; tu ga da .ljc-wiz. */
.ljc .ljc-wiz {
	display: grid;
	gap: 16px;
	margin-top: 24px;
}

.ljc .ljc-wiz > .t5-sec {
	padding: 0;
	margin: 0;
}

@media (min-width: 761px) {
	.ljc .ljc-wiz {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
		margin-top: 28px;
	}

	/* Enako visoki kartici, gumba v isti vrstici. */
	.ljc .ljc-wiz > .t5-sec > .t5-wiz {
		flex: 1 1 auto;
	}

	.ljc .ljc-wiz .t5-wiz-cta {
		margin-top: auto;
	}
}

.ljc .ljc-empty,
.ljc .ljc-empty-note {
	margin: 20px 0 0;
	padding: 18px;
	border: 1px dashed var(--ljc-chip-line);
	border-radius: 16px;
	font-size: 14px;
	color: var(--ljc-muted);
	text-align: center;
}

/* Zemljevid: sloji SVG (kopno, loki) in prekrivni elementi (JS jih gradi). */
.ljc .ljc-map-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.ljc .ljc-land {
	fill: #DCE6EE;
	stroke: #fff;
	stroke-width: .6;
	vector-effect: non-scaling-stroke;
}

.ljc .ljc-arcs {
	fill: none;
	stroke: var(--ljc-navy);
	stroke-opacity: .25;
	stroke-width: 1.2;
	vector-effect: non-scaling-stroke;
}

.ljc .ljc-arc-sel {
	fill: none;
	stroke: var(--ljc-tier);
	stroke-width: 2.5;
	stroke-dasharray: 5 4;
	vector-effect: non-scaling-stroke;
}

/* Pomik in povečava: en prst pomika stran, dva prsta in miška zemljevid (JS). */
.ljc .ljc-map-box {
	touch-action: pan-y;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none;
}

.ljc .ljc-map-box.is-dragging {
	cursor: grabbing;
}

/* Pike, gruče, izhodišče in oznake JS premika vsak okvir (left/top). Prehod iz teme (npr. button { transition: all })
   bi jih zamaknil za zemljevidom, zato ga tu vedno izklopimo. Pika ::after ima svoj prehod za velikost ob izbiri. */
.ljc .ljc-map-box .ljc-dot,
.ljc .ljc-map-box .ljc-cluster,
.ljc .ljc-map-box .ljc-map-origin,
.ljc .ljc-map-box .ljc-map-label {
	transition: none !important;
}

/* Fokus na izbrano destinacijo: ostale pike skrije JS, tu še loki do ostalih (ostane izbrani lok .ljc-arc-sel). */
.ljc .ljc-map-box.is-focus .ljc-arcs {
	display: none;
}

.ljc .ljc-map-all {
	left: 50%;
	bottom: 12px;
	width: auto;
	height: 36px;
	border: 0;
	padding: 0 14px;
	border-radius: 999px;
	font-size: 13px;
	white-space: nowrap;
	transform: translateX(-50%);
	box-shadow: 0 4px 14px rgba(21, 24, 28, .18);
}

/* Vrstico v seznamu se da klikniti (pokaže jo na zemljevidu). */
.ljc.is-js .ljc-row {
	cursor: pointer;
}

/* Med kretnjo oznake čakajo na novo postavitev. */
.ljc .ljc-map-box.is-moving .ljc-map-label:not(.ljc-map-label--origin) {
	visibility: hidden;
}

.ljc .ljc-cluster {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 5px;
	border: 2px solid #fff;
	border-radius: 12px;
	background: var(--ljc-tier);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .5), 0 1px 4px rgba(21, 24, 28, .25);
	color: #fff;
	font: inherit;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

/* Izhodišče nad pikami in gručami, a klik gre skozi (gruča pod njim ostane dosegljiva). */
.ljc .ljc-map-origin,
.ljc .ljc-map-label--origin {
	z-index: 1;
	pointer-events: none;
}

.ljc .ljc-map-label--cluster {
	font-weight: 500;
}

.ljc .ljc-cluster:focus-visible {
	outline: 2px solid var(--ljc-navy);
	outline-offset: 2px;
}

.ljc .ljc-zoom {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ljc-line);
	border-radius: 10px;
	background: rgba(255, 255, 255, .95);
}

.ljc .ljc-zoom button {
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ljc-ink);
	font: inherit;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.ljc .ljc-zoom button + button {
	border-top: 1px solid var(--ljc-line);
}

.ljc .ljc-zoom button:disabled {
	color: var(--ljc-muted);
	opacity: .45;
	cursor: default;
}

.ljc .ljc-zoom button:focus-visible {
	outline: 2px solid var(--ljc-navy);
	outline-offset: -2px;
}

.ljc .ljc-map-gesture {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	max-width: calc(100% - 32px);
	padding: 8px 12px;
	border-radius: 10px;
	background: rgba(21, 24, 28, .78);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity .2s;
	pointer-events: none;
}

.ljc .ljc-map-gesture.is-on {
	opacity: 1;
}

/* Izhodišče (§6.2, točka 5): črna pilula z imenom in belo letalo v markerju. */
.ljc .ljc-map-label--origin {
	background: var(--ljc-ink);
	color: #fff;
	font-weight: 800;
	font-size: 11px;
}

.ljc .ljc-map-origin {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.ljc .ljc-map-origin::after {
	content: '✈';
	font-size: 11px;
	line-height: 1;
	color: #fff;
}

.ljc .ljc-map-overlay--tl { top: 10px; left: 10px; }
.ljc .ljc-map-overlay--tr { top: 10px; right: 10px; }
.ljc .ljc-map-overlay--bl { left: 10px; bottom: 10px; }
.ljc .ljc-map-overlay--br { right: 10px; bottom: 10px; }

.ljc .ljc-map-note {
	padding: 4px 8px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .92);
	font-size: 12px;
	color: var(--ljc-muted);
}

.ljc .ljc-map-legend span {
	font-size: 12px;
	font-weight: 600;
}

.ljc .ljc-map-legend {
	padding: 4px 8px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .92);
}

/* Telefon: legenda na zemljevidu je manjša; ob izbrani destinaciji se umakne gumbu »Pokaži vse destinacije«. */
@media (max-width: 1199px) {
	.ljc .ljc-map-overlay--bl.ljc-map-legend {
		left: 8px;
		bottom: 8px;
		gap: 8px;
		padding: 3px 7px;
	}

	.ljc .ljc-map-overlay--bl.ljc-map-legend span {
		font-size: 11px;
	}

	.ljc .ljc-map-box.is-focus .ljc-map-legend {
		display: none;
	}
}

.ljc .ljc-map-box .ljc-btn--outline {
	height: 32px;
	padding: 0 10px;
	background: rgba(255, 255, 255, .95);
	font-size: 12px;
}

.ljc .ljc-map-box .ljc-btn--outline:hover {
	background: var(--ljc-navy);
}

/* Letalske strani: brez stolpca po mesecih (povezava ima en termin). */
.ljc[data-ljc-mode="airline"] .ljc-bars {
	display: none;
}

.ljc .ljc-map-strip-wrap {
	display: block;
}

/* Vrstica destinacije, izbrane na zemljevidu (JS: markSelectedRows). */
.ljc .ljc-row.is-sel {
	background: #F1F6FA;
	box-shadow: inset 4px 0 0 var(--ljc-navy);
}

/* Skok z zemljevida na vrstico: kratek blisk (brez gibanja ga ustavi pravilo prefers-reduced-motion). */
@keyframes ljc-flash {
	0%, 35% { background: #DCEBF7; }
	100% { background: #F1F6FA; }
}

.ljc .ljc-row.is-flash {
	animation: ljc-flash 1.5s ease-out;
}

/* »Pokaži vseh N«: samo mobilno in z JS (brez JS je seznam cel). */
.ljc .ljc-more {
	display: none;
}

/* ---------- Mobilni seznam (< 1200 px): mesto + termin · družba, velika cena, kvadraten gumb ---------- */

@media (max-width: 1199px) {
	.ljc .ljc-rows {
		overflow: hidden;
		border: 1px solid var(--ljc-line);
		border-radius: 16px;
		background: #fff;
	}

	.ljc .ljc-row {
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 14px;
		row-gap: 0;
		align-items: center;
		padding: 14px 16px;
	}

	.ljc .ljc-row:first-child {
		border-top: 0;
	}

	.ljc .ljc-rank,
	.ljc .ljc-airline,
	.ljc .ljc-when,
	.ljc .ljc-bars,
	.ljc .ljc-drop {
		display: none;
	}

	.ljc .ljc-dest {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
	}

	.ljc .ljc-dest-city {
		font-size: 24px;
		line-height: 1.2;
	}

	.ljc .ljc-dest-sub--m {
		margin-top: 2px;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ljc .ljc-buy {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
	}

	.ljc.is-js .ljc-rows.is-collapsed .ljc-row:nth-child(n+9) {
		display: none;
	}

	.ljc.is-js .ljc-more {
		display: block;
		width: 100%;
		height: 60px;
		margin-top: 14px;
		border: 1px solid var(--ljc-line);
		border-radius: 16px;
		background: #fff;
		color: var(--ljc-navy);
		font: inherit;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}

	.ljc.is-js .ljc-more[hidden] {
		display: none;
	}

	.ljc .ljc-more:focus-visible {
		outline: 2px solid var(--ljc-navy);
		outline-offset: 2px;
	}
}

/* Telefon (≤ 760 px): brez okvirja okoli seznama, manjša pisava in gumb, da drugi vrstici ostane ~240 px. */
@media (max-width: 760px) {
	.ljc .ljc-rows {
		overflow: visible;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid var(--ljc-line);
	}

	.ljc .ljc-row {
		column-gap: 10px;
		padding: 11px 10px;
	}

	.ljc .ljc-row:first-child {
		border-top: 1px solid var(--ljc-line);
	}

	.ljc .ljc-dest-city {
		font-size: 18px;
		line-height: 1.25;
	}

	.ljc .ljc-dest-sub--m {
		margin-top: 1px;
		font-size: 12px;
	}

	.ljc.is-js .ljc-more {
		height: 48px;
		border-radius: 12px;
		font-size: 15px;
	}
}

/* Samo pri >72 h (siva). Amber (30–72 h) seznama NE zatemni. */
.trip5.ljc.is-old .ljc-rows {
	opacity: .55;
}

/* Gibanje: pike, stikalo in kartice brez prehodov, če uporabnik to zahteva (§6.7). */
@media (prefers-reduced-motion: reduce) {
	.ljc *,
	.ljc *::after {
		transition: none !important;
		animation: none !important;
	}
}

/* ---------- Namizje (≥ 1200 px) ---------- */

@media (min-width: 1200px) {
	.ljc {
		padding: 0 0 72px;
	}

	.ljc .ljc-head {
		grid-template-columns: 1fr auto;
		align-items: end;
		gap: 40px;
		padding-top: 32px;
	}

	.ljc .ljc-head-main {
		display: grid;
		gap: 12px;
	}

	.ljc .ljc-title {
		font-size: 76px;
		line-height: .98;
		letter-spacing: -2.4px;
	}

	.ljc .ljc-intro {
		font-size: 19px;
		max-width: 620px;
	}

	.ljc .ljc-head-side {
		justify-items: end;
		text-align: right;
	}

	.ljc .ljc-fresh {
		justify-self: end;
	}

	.ljc .ljc-map-count {
		display: none;
	}

	.ljc .ljc-map-hint {
		display: inline;
		font-size: 13px;
		color: var(--ljc-muted);
	}

	.ljc .ljc-map-box {
		aspect-ratio: 1200 / 440;
		margin-top: 14px;
	}

	/* Letalske strani: brez stolpca »Cena po mesecih« (povezava ima en termin). */
	.ljc[data-ljc-mode="airline"] .ljc-table-head,
	.ljc[data-ljc-mode="airline"] .ljc-row {
		grid-template-columns: 34px 1.7fr 1.4fr 1.4fr 112px;
	}

	.ljc[data-ljc-mode="airline"] .ljc-table-head span:nth-child(5) {
		display: none;
	}

	.ljc .ljc-list-note {
		display: inline;
	}

	.ljc .ljc-list-head {
		margin-top: 4px;
	}

	/* Stolpci: # · destinacija · prevoznik · termin · cena po mesecih · povratno (gumb cena + Preveri). */
	.ljc .ljc-table-head {
		display: grid;
		grid-template-columns: 34px 1.6fr 1.4fr 1.3fr 120px 112px;
		column-gap: 16px;
		align-items: center;
		padding: 10px 18px;
		border: 1px solid var(--ljc-line);
		border-bottom: 0;
		border-radius: 20px 20px 0 0;
		background: var(--ljc-grey);
		font-size: 11px;
		font-weight: 800;
		letter-spacing: .6px;
		text-transform: uppercase;
		color: var(--ljc-muted);
	}

	.ljc .ljc-rows {
		overflow: hidden;
		border: 1px solid var(--ljc-line);
		border-radius: 20px;
		box-shadow: 0 6px 20px rgba(21, 24, 28, .05);
		border-top: 0;
		border-radius: 0 0 20px 20px;
	}

	.ljc .ljc-row {
		display: grid;
		grid-template-columns: 34px 1.6fr 1.4fr 1.3fr 120px 112px;
		column-gap: 16px;
		align-items: center;
		padding: 14px 18px;
		border-top: 1px solid var(--ljc-line);
	}

	.ljc .ljc-row:first-child {
		border-top: 0;
	}

	.ljc .ljc-rank {
		padding-top: 0;
	}

	.ljc .ljc-dest-city {
		font-size: 22px;
	}

	.ljc .ljc-dest-sub--m {
		display: none;
	}

	.ljc .ljc-dest-sub--d {
		display: block;
	}

	.ljc .ljc-airline,
	.ljc .ljc-when,
	.ljc .ljc-bars {
		grid-column: auto;
	}

	.ljc .ljc-buy {
		grid-column: auto;
		grid-row: auto;
	}

	/* »Povratno« desno poravnan nad gumbom. */
	.ljc .ljc-table-head span:last-child {
		text-align: right;
	}

	.ljc .ljc-info {
		max-width: 760px;
		margin-top: 28px;
	}
}