@font-face {
	font-family: FatFrank;
	src: url("../font/FatFrank_Heavy.otf");
}

.og-jumala-v2-trip-grid {
	--og-trip-accent: #da7b00;
	--og-trip-accent-bright: #f7a438;
	--og-trip-dark: #222;
	--og-trip-black: #000;
	--og-trip-panel: #111;
	--og-trip-white: #fff;
	--og-trip-muted: #d8d8d8;
	--og-trip-filter-compact-height: 3rem;
}

.og-jumala-v2-trip-grid__filters {
	background: var(--og-trip-dark);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0 auto;
	padding: 1rem 1.25rem;
	position: relative;
	z-index: 10;
}

.og-jumala-v2-trip-grid__filters-header {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.og-jumala-v2-trip-grid__filters-primary {
	align-items: stretch;
	display: grid;
	gap: 0.75rem;
	width: 100%;
}

.og-jumala-v2-trip-grid__filters-more {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	display: none;
	flex-direction: column;
	gap: 0.75rem;
	padding-bottom: 0.75rem;
	padding-top: 0.75rem;
	width: 100%;
}

.og-jumala-v2-trip-grid__filters.is-more-filters-open .og-jumala-v2-trip-grid__filters-more {
	display: flex;
}

.og-jumala-v2-trip-grid__filters-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 0.25rem;
	width: 100%;
}

.og-jumala-v2-trip-grid__text-link {
	background: transparent;
	border: 0;
	color: var(--og-trip-white);
	cursor: pointer;
	font: inherit;
	font-size: 0.8rem;
	padding: 0;
	text-align: right;
	text-decoration: none;
}

.og-jumala-v2-trip-grid__text-link:hover,
.og-jumala-v2-trip-grid__text-link:focus-visible {
	color: var(--og-trip-accent-bright);
	outline: 0;
	text-decoration: none;
}

/* Unified compact filter minimum height (row 1 + row 2); box grows when chips wrap. */
.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__multi-select--compact,
.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__timing-filter.og-jumala-v2-trip-grid__multi-select--compact,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__multi-select--compact,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__filter-dropdown--compact {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: auto;
	max-height: none;
	min-height: var(--og-trip-filter-compact-height);
	overflow: visible;
	padding: 0;
}

.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-control,
.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__timing-filter.og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-control,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-control,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__filter-dropdown--compact .og-jumala-v2-trip-grid__multi-select-control {
	align-items: center;
	box-sizing: border-box;
	flex: 1 1 auto;
	height: auto;
	line-height: 1.2;
	max-height: none;
	min-height: var(--og-trip-filter-compact-height);
	padding: 0.35rem 0.7rem;
}

.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-values,
.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__timing-filter.og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-values,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-values,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__filter-dropdown--compact .og-jumala-v2-trip-grid__multi-select-values {
	align-content: center;
	flex-wrap: wrap;
	min-height: calc(var(--og-trip-filter-compact-height) - 0.7rem);
	overflow: visible;
}

.og-jumala-v2-trip-grid__passenger-filter,
.og-jumala-v2-trip-grid__price-filter {
	margin: 0;
	min-width: 0;
}

.og-jumala-v2-trip-grid__passenger-filter-label {
	color: var(--og-trip-accent-bright);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.og-jumala-v2-trip-grid__passenger-filter-control {
	align-items: center;
	display: flex;
	gap: 0.75rem;
	min-height: 2rem;
}

.og-jumala-v2-trip-grid__passenger-filter-range {
	accent-color: var(--og-trip-accent);
	cursor: pointer;
	flex: 1;
	min-width: 0;
}

.og-jumala-v2-trip-grid__passenger-filter-value {
	color: var(--og-trip-white);
	font-size: 0.95rem;
	font-weight: 700;
	min-width: 6.5rem;
	white-space: nowrap;
}

.og-jumala-v2-trip-grid__price-filter {
	margin: 0;
	min-width: 0;
	width: 100%;
}

.og-jumala-v2-trip-grid__price-filter-label {
	color: var(--og-trip-accent-bright);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.og-jumala-v2-trip-grid__price-filter-empty {
	font-size: 0.95rem;
	margin: 0;
	opacity: 0.85;
}

.og-jumala-v2-trip-grid__price-filter-dual-range {
	height: 2.25rem;
	margin: 0.35rem 0 0.15rem;
	position: relative;
	width: 100%;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-track {
	background: #333;
	border-radius: 4px;
	height: 6px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.og-jumala-v2-trip-grid__price-filter-dual-range-fill {
	background: var(--og-trip-accent);
	border-radius: 4px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input {
	appearance: none;
	background: transparent;
	height: 6px;
	margin: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input::-webkit-slider-runnable-track {
	appearance: none;
	background: transparent;
	border: 0;
	height: 6px;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input::-moz-range-track {
	background: transparent;
	border: 0;
	height: 6px;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input::-webkit-slider-thumb {
	appearance: none;
	background: var(--og-trip-accent-bright);
	border: 2px solid var(--og-trip-black);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--og-trip-accent);
	cursor: pointer;
	height: 18px;
	margin-top: -6px;
	pointer-events: all;
	width: 18px;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input::-moz-range-thumb {
	background: var(--og-trip-accent-bright);
	border: 2px solid var(--og-trip-black);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--og-trip-accent);
	cursor: pointer;
	height: 18px;
	pointer-events: all;
	width: 18px;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input--min {
	z-index: 3;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input--max {
	z-index: 4;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input:focus-visible::-webkit-slider-thumb {
	outline: 2px solid var(--og-trip-white);
	outline-offset: 2px;
}

.og-jumala-v2-trip-grid__price-filter-dual-range-input:focus-visible::-moz-range-thumb {
	outline: 2px solid var(--og-trip-white);
	outline-offset: 2px;
}

.og-jumala-v2-trip-grid__price-filter-values {
	color: var(--og-trip-white);
	display: block;
	font-size: 0.95rem;
	font-weight: 700;
	margin-top: 0.15rem;
	text-align: center;
	white-space: nowrap;
}

.og-jumala-v2-trip-grid__filter-group {
	background: var(--og-trip-dark);
	border: 1px solid var(--og-trip-accent);
	box-sizing: border-box;
	color: var(--og-trip-white);
	display: grid;
	gap: 0;
	margin: 0;
	min-inline-size: 0;
	min-width: 0;
	padding: 0;
	position: relative;
}

.og-jumala-v2-trip-grid__multi-select--compact,
.og-jumala-v2-trip-grid__filter-dropdown--compact {
	display: flex;
	flex-direction: column;
}

.og-jumala-v2-trip-grid__filter-group legend {
	color: var(--og-trip-accent-bright);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-bottom: 0.35rem;
	text-transform: uppercase;
	width: 100%;
}

.og-jumala-v2-trip-grid__multi-select legend {
	padding: 0.8rem 0.7rem 0;
}

.og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-control,
.og-jumala-v2-trip-grid__filter-dropdown--compact .og-jumala-v2-trip-grid__multi-select-control {
	height: auto;
	max-height: none;
	min-height: var(--og-trip-filter-compact-height);
	padding: 0.35rem 0.7rem;
}

.og-jumala-v2-trip-grid__filter-heading,
.og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-placeholder,
.og-jumala-v2-trip-grid__filter-dropdown--compact .og-jumala-v2-trip-grid__multi-select-placeholder {
	color: var(--og-trip-accent-bright);
	display: block;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	opacity: 1;
	text-transform: uppercase;
	width: 100%;
}

.og-jumala-v2-trip-grid__filter-dropdown-value {
	color: var(--og-trip-white);
	font-size: 0.95rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-jumala-v2-trip-grid__filter-dropdown-menu {
	background: var(--og-trip-dark);
	border: 1px solid var(--og-trip-accent);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.35);
	color: var(--og-trip-white);
	left: -1px;
	min-width: min(100%, 280px);
	position: absolute;
	right: -1px;
	top: calc(100% + 1px);
	z-index: 100;
}

.og-jumala-v2-trip-grid__filter-dropdown-panel {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 0.85rem 0.7rem 1rem;
}

.og-jumala-v2-trip-grid__passenger-filter-panel .og-jumala-v2-trip-grid__passenger-filter-range {
	width: 100%;
}

.og-jumala-v2-trip-grid__passenger-filter-panel .og-jumala-v2-trip-grid__passenger-filter-value {
	font-size: 0.95rem;
	margin: 0;
	min-width: 0;
	text-align: center;
}

.og-jumala-v2-trip-grid__price-filter-panel .og-jumala-v2-trip-grid__price-filter-dual-range {
	height: 2.25rem;
	margin: 0;
	width: 100%;
}

.og-jumala-v2-trip-grid__price-filter-panel .og-jumala-v2-trip-grid__price-filter-values {
	margin-top: 0;
}

.og-jumala-v2-trip-grid__price-filter-empty {
	font-size: 0.95rem;
	margin: 0;
	opacity: 0.85;
	padding: 0.85rem 0.7rem 1rem;
}

.og-jumala-v2-trip-grid__filter-dropdown.is-open .og-jumala-v2-trip-grid__multi-select-arrow {
	transform: rotate(225deg);
}

.og-jumala-v2-trip-grid__sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Second filter row: equal-width columns on desktop. */
.og-jumala-v2-trip-grid__filters-more > .og-jumala-v2-trip-grid__filter-dropdown--compact,
.og-jumala-v2-trip-grid__filters-more > .og-jumala-v2-trip-grid__multi-select--compact {
	align-self: stretch;
}

.og-jumala-v2-trip-grid__filters-primary .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-chip,
.og-jumala-v2-trip-grid__filters-more .og-jumala-v2-trip-grid__multi-select--compact .og-jumala-v2-trip-grid__multi-select-chip {
	max-width: min(100%, 9rem);
}

.og-jumala-v2-trip-grid__multi-select-control {
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	gap: 0.6rem;
	min-height: 48px;
	padding: 0.35rem 0.7rem 0.75rem;
}

.og-jumala-v2-trip-grid__multi-select-values {
	align-items: center;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 0.35rem;
	min-width: 0;
}

.og-jumala-v2-trip-grid__multi-select-placeholder {
	color: var(--og-trip-white);
	font-size: 16px;
	opacity: 0.9;
}

.og-jumala-v2-trip-grid__multi-select-chip {
	align-items: center;
	background: var(--og-trip-accent);
	border: 0;
	color: var(--og-trip-black);
	display: inline-flex;
	font: inherit;
	font-size: 0.85rem;
	font-weight: 700;
	gap: 0.4rem;
	line-height: 1.1;
	max-width: 100%;
	padding: 0.35rem 0.45rem 0.35rem 0.6rem;
}

.og-jumala-v2-trip-grid__multi-select-chip span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-jumala-v2-trip-grid__multi-select-chip:hover,
.og-jumala-v2-trip-grid__multi-select-chip:focus-visible {
	background: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid__multi-select-arrow {
	border-bottom: 1px solid var(--og-trip-accent);
	border-right: 1px solid var(--og-trip-accent);
	display: inline-block;
	height: 8px;
	margin-right: 0.2rem;
	transform: rotate(45deg);
	transition: transform 0.2s;
	width: 8px;
}

.og-jumala-v2-trip-grid__multi-select.is-open .og-jumala-v2-trip-grid__multi-select-arrow {
	transform: rotate(225deg);
}

.og-jumala-v2-trip-grid__multi-select-menu {
	background: var(--og-trip-dark);
	border: 1px solid var(--og-trip-accent);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.35);
	color: var(--og-trip-white);
	display: grid;
	left: -1px;
	max-height: min(360px, 70vh);
	overflow: auto;
	position: absolute;
	right: -1px;
	top: calc(100% + 1px);
	z-index: 100;
}

.og-jumala-v2-trip-grid__multi-select-option {
	background: transparent;
	border: 0;
	color: var(--og-trip-white);
	cursor: pointer;
	display: block;
	font: inherit;
	line-height: 1.2;
	margin: 0;
	padding: 0.75rem 0.7rem;
	text-align: left;
	width: 100%;
}

.og-jumala-v2-trip-grid__multi-select-option:hover,
.og-jumala-v2-trip-grid__multi-select-option:focus-visible {
	background: #111;
}

.og-jumala-v2-trip-grid__multi-select-option.is-selected {
	background: var(--og-trip-accent);
	color: var(--og-trip-black);
	font-weight: 700;
}

.og-jumala-v2-trip-grid__multi-select-option.is-selected:hover,
.og-jumala-v2-trip-grid__multi-select-option.is-selected:focus-visible {
	background: var(--og-trip-accent-bright);
	color: var(--og-trip-black);
}

.og-jumala-v2-trip-grid__multi-select-clear {
	background: #111;
	border: 0;
	border-top: 1px solid #333;
	color: var(--og-trip-accent-bright);
	cursor: pointer;
	font: inherit;
	padding: 0.75rem 0.7rem;
	text-align: left;
}

.og-jumala-v2-trip-grid__multi-select-clear:hover,
.og-jumala-v2-trip-grid__multi-select-clear:focus-visible {
	color: var(--og-trip-white);
	text-decoration: underline;
}

.og-jumala-v2-trip-grid__timing-filter-menu {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-top: 0;
}

.og-jumala-v2-trip-grid__timing-mode {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	display: grid;
	gap: 0;
	grid-template-columns: 1fr 1fr;
	padding: 0.35rem;
}

.og-jumala-v2-trip-grid__timing-mode-option {
	background: transparent;
	border: 1px solid transparent;
	color: var(--og-trip-white);
	cursor: pointer;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.55rem 0.45rem;
	text-transform: uppercase;
}

.og-jumala-v2-trip-grid__timing-mode-option.is-active {
	background: rgba(255, 255, 255, 0.06);
	border-color: var(--og-trip-accent);
	color: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid__timing-mode-option:hover,
.og-jumala-v2-trip-grid__timing-mode-option:focus-visible {
	color: var(--og-trip-accent-bright);
	outline: 0;
}

.og-jumala-v2-trip-grid__timing-date-panel {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
}

.og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter--inline {
	border: 0;
	padding: 0;
	width: 100%;
}

.og-jumala-v2-trip-grid__date-filter-inline {
	width: 100%;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker {
	box-shadow: none;
	width: 100%;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker.ui-widget-content,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker table,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker thead,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker tbody,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td {
	background: var(--og-trip-panel);
	border: 0;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-header,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-header.ui-widget-header {
	background: var(--og-trip-black);
	border: 0;
	color: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker th {
	background: var(--og-trip-black);
	border: 0;
	color: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td span,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td a,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-state-default {
	background: var(--og-trip-dark);
	border: 0;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td a.ui-state-default:hover,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td a.ui-state-default:focus {
	background: var(--og-trip-accent);
	color: var(--og-trip-black);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-state-active,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-state-active.ui-state-hover {
	background: var(--og-trip-accent);
	color: var(--og-trip-black);
	font-weight: 700;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-state-highlight {
	background: #333;
	color: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-state-disabled span,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-unselectable .ui-state-default,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-priority-secondary,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-other-month .ui-state-default {
	background: var(--og-trip-black);
	color: #666;
	opacity: 1;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker select.ui-datepicker-month,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker select.ui-datepicker-year {
	background: var(--og-trip-dark);
	border: 1px solid var(--og-trip-accent);
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td.og-trip-has-departure a.ui-state-default {
	box-shadow: inset 0 0 0 2px var(--og-trip-accent);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td.og-trip-has-departure a.ui-state-default:hover,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td.og-trip-has-departure a.ui-state-default:focus {
	box-shadow: inset 0 0 0 2px var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td.og-trip-has-departure a.ui-state-active {
	box-shadow: inset 0 0 0 2px var(--og-trip-black);
}

.og-jumala-v2-trip-grid__timing-filter-menu:has(.og-jumala-v2-trip-grid__timing-date-panel) {
	min-width: min(100%, 300px);
	max-height: none;
	overflow: visible;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker {
	border: 0;
	padding: 0.2rem 0 0;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-header {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0.2rem;
	height: auto;
	justify-content: space-between;
	margin-bottom: 0.25rem;
	padding: 0.15rem 0;
	position: relative;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-title {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 0.25rem;
	justify-content: center;
	margin: 0;
	min-width: 0;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-prev,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker .ui-datepicker-next {
	align-items: center;
	display: inline-flex;
	flex: 0 0 1.5rem;
	float: none;
	height: 1.5rem;
	justify-content: center;
	left: auto;
	position: static;
	right: auto;
	top: auto;
	width: 1.5rem;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker select.ui-datepicker-month,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker select.ui-datepicker-year {
	flex: 1 1 0;
	font-size: 0.75rem;
	line-height: 1.2;
	margin: 0;
	max-width: none;
	min-width: 0;
	padding: 0.25rem 1.4rem 0.25rem 0.35rem;
	width: auto;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker table {
	font-size: 12px;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker th {
	background: var(--og-trip-black);
	border: 0;
	color: var(--og-trip-accent-bright);
	font-size: 0.68rem;
	padding: 0.15rem 0.05rem;
}

.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td a,
.og-jumala-v2-trip-grid .og-jumala-v2-trip-grid__timing-date-panel .og-jumala-v2-trip-grid__date-filter-inline .ui-datepicker td span {
	padding: 0.28rem 0.1rem;
}

.og-jumala-v2-trip-grid__results-toolbar {
	display: flex;
	justify-content: flex-end;
	margin: 0 20px 0.35rem;
	min-height: 2.25rem;
	position: relative;
	z-index: 5;
}

.og-jumala-v2-trip-grid__sort-control {
	position: relative;
}

.og-jumala-v2-trip-grid__sort-trigger {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	color: var(--og-trip-accent);
	cursor: pointer;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	padding: 0;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
	width: 44px;
}

.og-jumala-v2-trip-grid__sort-trigger:hover,
.og-jumala-v2-trip-grid__sort-trigger:focus-visible {
	background: rgba(218, 123, 0, 0.12);
	border-color: var(--og-trip-accent);
	color: var(--og-trip-accent-bright);
	outline: 0;
}

.og-jumala-v2-trip-grid__sort-control.is-active .og-jumala-v2-trip-grid__sort-trigger {
	border-color: var(--og-trip-accent);
	color: var(--og-trip-accent-bright);
}

.og-jumala-v2-trip-grid__sort-icon {
	display: block;
	height: 24px;
	width: 24px;
}

.og-jumala-v2-trip-grid__sort-menu {
	background: var(--og-trip-dark);
	border: 1px solid var(--og-trip-accent);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
	color: var(--og-trip-white);
	display: grid;
	min-width: 220px;
	position: absolute;
	right: 0;
	top: calc(100% + 4px);
	z-index: 20;
}

.og-jumala-v2-trip-grid__sort-option {
	background: transparent;
	border: 0;
	color: var(--og-trip-white);
	cursor: pointer;
	display: block;
	font: inherit;
	line-height: 1.2;
	margin: 0;
	padding: 0.75rem 0.85rem;
	text-align: left;
	width: 100%;
}

.og-jumala-v2-trip-grid__sort-option:hover,
.og-jumala-v2-trip-grid__sort-option:focus-visible {
	background: #111;
}

.og-jumala-v2-trip-grid__sort-option.is-selected {
	background: var(--og-trip-accent);
	color: var(--og-trip-black);
	font-weight: 700;
}

.og-jumala-v2-trip-grid__sort-option.is-selected:hover,
.og-jumala-v2-trip-grid__sort-option.is-selected:focus-visible {
	background: var(--og-trip-accent-bright);
	color: var(--og-trip-black);
}

.og-jumala-v2-trip-grid__sort-clear {
	background: #111;
	border: 0;
	border-top: 1px solid #333;
	color: var(--og-trip-accent-bright);
	cursor: pointer;
	font: inherit;
	padding: 0.75rem 0.85rem;
	text-align: left;
}

.og-jumala-v2-trip-grid__sort-clear:hover,
.og-jumala-v2-trip-grid__sort-clear:focus-visible {
	color: var(--og-trip-white);
	text-decoration: underline;
}

.og-jumala-v2-trip-grid__text-link,
.og-jumala-v2-trip-grid .kohdelista_nayta,
.og-jumala-v2-trip-grid .kohdelista_booking {
	cursor: pointer;
}

.og-jumala-v2-trip-grid__results {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px;
}

.og-jumala-v2-trip-grid .matka_container {
	box-sizing: border-box;
	flex: 1 0 30%;
	min-width: 425px;
}

.og-jumala-v2-trip-grid .korostus {
	flex: 1 0 100%;
	min-width: 0;
}

.og-jumala-v2-trip-grid__featured-swiper {
	flex: 1 0 100%;
	min-width: 0;
	width: 100%;
}

.og-jumala-v2-trip-grid__featured-swiper .matka_container.korostus {
	flex: none;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.og-jumala-v2-trip-grid__featured-swiper .matka_wrap,
.og-jumala-v2-trip-grid__featured-swiper .matka_url,
.og-jumala-v2-trip-grid__featured-swiper .matka_img,
.og-jumala-v2-trip-grid__featured-swiper .matka_row {
	width: 100%;
}

.og-jumala-v2-trip-grid__featured-swiper .swiper-slide {
	align-items: stretch;
	display: flex;
	height: auto;
	width: 100%;
}

.og-jumala-v2-trip-grid__featured-swiper .swiper-pagination-bullet {
	background: #ddd;
}

.og-jumala-v2-trip-grid__featured-swiper .swiper-pagination-bullet-active {
	background: var(--og-trip-accent);
}

.og-jumala-v2-trip-grid__featured-swiper .swiper-button-next,
.og-jumala-v2-trip-grid__featured-swiper .swiper-button-prev {
	border-radius: 50%;
	color: var(--og-trip-accent);
	height: 20px;
	padding: 20px;
	top: var(--swiper-navigation-top-offset, 30%);
	width: 20px;
}

@media (max-width: 500px) {
	.og-jumala-v2-trip-grid__featured-swiper .swiper-button-next,
	.og-jumala-v2-trip-grid__featured-swiper .swiper-button-prev {
		padding: 10px;
	}

	.og-jumala-v2-trip-grid__featured-swiper .swiper-button-next:after,
	.og-jumala-v2-trip-grid__featured-swiper .swiper-button-prev:after {
		font-size: 25px;
	}
}

.og-jumala-v2-trip-grid .matka_wrap {
	background: var(--og-trip-black);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.og-jumala-v2-trip-grid .matka_url {
	color: inherit;
	display: block;
	text-decoration: none;
}

.og-jumala-v2-trip-grid .matka_img {
	background-color: #333;
	background-position: center;
	background-size: cover;
	min-height: clamp(330px, 55vh, 620px);
	position: relative;
}

.og-jumala-v2-trip-grid .matka_row {
	align-content: flex-end;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.82) 100%);
	bottom: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	height: 100%;
	left: 0;
	padding: 0;
	position: absolute;
	right: 0;
}

.og-jumala-v2-trip-grid .matka_lippu {
	height: 70px;
	left: 20px;
	object-fit: cover;
	position: absolute;
	top: 20px;
	width: 70px;
}

.og-jumala-v2-trip-grid .matka_info h3,
.og-jumala-v2-trip-grid .matka_info h4 {
	color: inherit;
	margin: 0;
}

.og-jumala-v2-trip-grid .matka_info {
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	padding: 0 20px;
	position: relative;
}

.og-jumala-v2-trip-grid .matka_info h3 {
	font-family: FatFrank, Impact, sans-serif;
	font-size: clamp(25px, 2.6vw, 35px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin: 5px 0 !important;
	text-transform: uppercase;
}

.og-jumala-v2-trip-grid .matka_info h4 {
	font-family: FatFrank, Impact, sans-serif;
	font-size: clamp(20px, 2vw, 25px);
	font-weight: 400;
	line-height: 1.1;
}

.og-jumala-v2-trip-grid .tyyppi,
.og-jumala-v2-trip-grid .matka_extrat,
.og-jumala-v2-trip-grid .matka_intro,
.og-jumala-v2-trip-grid .kohdelista_title {
	margin: 1rem;
}

.og-jumala-v2-trip-grid .matka_row .tyyppi {
	display: flex;
	flex: 1 1 100%;
	margin: 30px 0 0;
}

.og-jumala-v2-trip-grid .matka_row .matkatyyppi {
	color: var(--og-trip-black);
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	margin: 0;
	padding: 5px 20px;
	width: 100%;
}

.og-jumala-v2-trip-grid .matka_row .pelimatka {
	background-color: #fba20a;
}

.og-jumala-v2-trip-grid .matka_row .opetusmatka {
	background-color: #1ab708;
}

.og-jumala-v2-trip-grid .matka_row .teemamatka {
	background-color: #61035b;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .matka_row .ryhmamatka {
	background-color: #04356d;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .matka_row .seniorimatka {
	background-color: #053668;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .matka_row .omatoimimatka {
	background-color: #ddd;
	color: var(--og-trip-black);
}

.og-jumala-v2-trip-grid .matka_extrat {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	list-style: none;
	margin: 20px 10px;
	padding: 0;
}

.og-jumala-v2-trip-grid .matka_extrat li {
	list-style: none;
	margin: 0;
}

.og-jumala-v2-trip-grid .matka_extrat span {
	background-color: transparent !important;
	color: var(--og-trip-accent-bright);
	display: inline-block;
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 10px;
	white-space: nowrap;
}

.og-jumala-v2-trip-grid .matka_intro {
	background: transparent;
	color: var(--og-trip-white);
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	margin: 0 0 10px;
	padding: 0 20px;
}

.og-jumala-v2-trip-grid .kohdelista_wrap {
	background: var(--og-trip-panel);
	border-top: 1px solid #333;
	color: var(--og-trip-white);
	display: grid;
	gap: 0;
	margin-top: 20px;
	width: 100%;
}

.og-jumala-v2-trip-grid .kohdelista_status {
	align-items: center;
	background: var(--og-trip-black);
	color: var(--og-trip-accent-bright);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.95rem;
	gap: 0.35rem 0.5rem;
	padding: 10px;
}

.og-jumala-v2-trip-grid .kohdelista_status_icon {
	display: inline-flex;
	font-size: 1.15rem;
	line-height: 1;
}

.og-jumala-v2-trip-grid .kohdelista_status--checked {
	color: #95cc33;
}

.og-jumala-v2-trip-grid .kohdelista_status--error {
	color: #eca34c;
}

.og-jumala-v2-trip-grid .kohdelista_status_text {
	align-items: baseline;
	display: flex;
	flex: 1 1 12rem;
	flex-wrap: wrap;
	gap: 0.15rem 0.35rem;
	line-height: 1.4;
	min-width: 0;
}

@media (max-width: 450px) {
	.og-jumala-v2-trip-grid .kohdelista_status_text {
		align-items: flex-start;
		flex-direction: column;
	}
}

.og-jumala-v2-trip-grid .kohdelista_status_timestamp {
	font-size: 0.88em;
	font-weight: 400;
	opacity: 0.62;
}

.og-jumala-v2-trip-grid .kohdelista_refresh {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 6px;
	color: inherit;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	margin-left: auto;
	padding: 4px 6px;
	transition:
		background 0.15s ease,
		border-color 0.15s ease,
		opacity 0.15s ease;
}

.og-jumala-v2-trip-grid .kohdelista_status--checked .kohdelista_refresh {
	border-color: rgba(0, 0, 0, 0.18);
}

.og-jumala-v2-trip-grid .kohdelista_refresh:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.35);
}

.og-jumala-v2-trip-grid .kohdelista_status--checked .kohdelista_refresh:hover:not(:disabled) {
	background: rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.28);
}

.og-jumala-v2-trip-grid .kohdelista_refresh:disabled {
	cursor: default;
	opacity: 0.45;
}

.og-jumala-v2-trip-grid .kohdelista_refresh--spinning:disabled {
	opacity: 1;
}

.og-jumala-v2-trip-grid .kohdelista_refresh--spinning .kohdelista_refresh_svg {
	animation: og-trip-refresh-spin 0.85s linear infinite;
}

.og-jumala-v2-trip-grid .kohdelista_refresh_svg {
	display: block;
	vertical-align: middle;
}

.og-jumala-v2-trip-grid .kohdelista_row {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
	gap: 0;
	padding: 0;
}

.og-jumala-v2-trip-grid .kohdelista_row:nth-child(odd) {
	background: var(--og-trip-dark);
}

.og-jumala-v2-trip-grid .kohdelista_row--sold-out {
	color: var(--og-trip-muted);
}

.og-jumala-v2-trip-grid .kohdelista_row--insufficient-seats {
	color: var(--og-trip-muted);
}

.og-jumala-v2-trip-grid .kohdelista_row--selected-date {
	box-shadow: inset 0 0 0 2px var(--og-trip-accent);
	position: relative;
	z-index: 1;
}

.og-jumala-v2-trip-grid .kohdelista_row--selected-date:nth-child(odd) {
	background: #2a2118;
}

.og-jumala-v2-trip-grid .kohdelista_row--selected-date:nth-child(even) {
	background: #1f1812;
}

/* Restore with availability column:
.og-jumala-v2-trip-grid .kohdelista_row--sold-out .kohdelista_availability {
	color: #eca34c;
	font-weight: 700;
}
*/

.og-jumala-v2-trip-grid .kohdelista_dates {
	box-sizing: border-box;
	flex: 1.2 1 108px;
	min-width: 0;
	padding: 8px 10px;
	text-align: left;
}

.og-jumala-v2-trip-grid .kohdelista_duration {
	box-sizing: border-box;
	flex: 0.55 1 52px;
	min-width: 0;
	padding: 8px 10px;
	text-align: center;
}

.og-jumala-v2-trip-grid .kohdelista_price {
	box-sizing: border-box;
	flex: 0.75 1 80px;
	min-width: 0;
	padding: 8px 10px;
	text-align: center;
}

/* Restore with availability column:
.og-jumala-v2-trip-grid .kohdelista_availability {
	box-sizing: border-box;
	flex: 1 1 72px;
	line-height: 1.3;
	min-width: 0;
	padding: 8px 10px;
	text-align: center;
	white-space: normal;
}
*/

.og-jumala-v2-trip-grid .kohdelista_booking {
	align-self: center;
	background: linear-gradient(125deg, #57ad35, #95cc33);
	color: var(--og-trip-white);
	flex: 0 0 auto;
	font-size: 16px;
	margin-left: auto;
	margin-right: 10px;
	padding: 0 24px;
	text-decoration: none;
	min-width: 100px;
}

.og-jumala-v2-trip-grid .kohdelista_booking:hover,
.og-jumala-v2-trip-grid .kohdelista_booking:focus-visible {
	background: #57ad35;
	color: var(--og-trip-white);
}

.og-jumala-v2-trip-grid .kohdelista_booking--few {
	background: linear-gradient(125deg, #f7941d, #eca34c);
}

.og-jumala-v2-trip-grid .kohdelista_booking--few:hover,
.og-jumala-v2-trip-grid .kohdelista_booking--few:focus-visible {
	background: #f7941d;
}

.og-jumala-v2-trip-grid .kohdelista_booking--insufficient {
	align-self: center;
	background: #333;
	color: var(--og-trip-muted);
	cursor: not-allowed;
	display: inline-block;
	flex: 0 0 auto;
	font-size: 14px;
	margin-left: auto;
	margin-right: 10px;
	padding: 8px 12px;
	text-align: center;
}

.og-jumala-v2-trip-grid .kohdelista_booking--sold-out {
	background: linear-gradient(125deg, #c00000, #cc2626);
}

.og-jumala-v2-trip-grid .kohdelista_booking--sold-out:hover,
.og-jumala-v2-trip-grid .kohdelista_booking--sold-out:focus-visible {
	background: #c00000;
}

@media (max-width: 450px) {
	.og-jumala-v2-trip-grid .kohdelista_dates,
	.og-jumala-v2-trip-grid .kohdelista_duration,
	.og-jumala-v2-trip-grid .kohdelista_price {
		flex: 1 1 0;
	}

	.og-jumala-v2-trip-grid .kohdelista_dates {
		text-align: left;
		min-width: 110px;
	}

	.og-jumala-v2-trip-grid .kohdelista_duration {
		text-align: center;
		min-width: 0;
	}

	.og-jumala-v2-trip-grid .kohdelista_price {
		text-align: right;
		min-width: 90px;
	}

	/* Restore with availability column: add .kohdelista_availability to flex rule above; give it flex: 1 1 0; text-align: center; */

	/* Same idea as legacy .kohdelista_col (flex-basis + wrap): button moves to its own row and spans full width. */
	.og-jumala-v2-trip-grid .kohdelista_booking {
		box-sizing: border-box;
		display: block;
		flex: 1 1 100%;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 2px 16px;
		text-align: center;
		width: calc(100% - 20px);
	}
}

.og-jumala-v2-trip-grid .kohdelista_title {
	background: transparent !important;
	display: flex;
	flex-direction: column;
	font-size: inherit !important;
	gap: 0;
	margin: 1em 20px 20px;
	padding: 0;
}

.og-jumala-v2-trip-grid .kohdelista_actions {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	width: 100%;
}

.og-jumala-v2-trip-grid .kohdelista_nayta,
.og-jumala-v2-trip-grid .kohdelista_tutustu {
	align-items: center;
	appearance: none;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex !important;
	flex: 1 1 0;
	font-family: Roboto, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	justify-content: center;
	line-height: 1.3 !important;
	margin: 0 !important;
	min-height: 36px;
	min-width: 0;
	padding: 7px 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	white-space: normal;
	width: auto;
	gap: 8px;
}

.og-jumala-v2-trip-grid .og-jv2-trip-action-chevron {
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	display: inline-block;
	flex-shrink: 0;
	height: 0.45em;
	width: 0.45em;
}

.og-jumala-v2-trip-grid .og-jv2-trip-action-chevron--down {
	margin-top: -0.12em;
	transform: rotate(45deg);
}

.og-jumala-v2-trip-grid .og-jv2-trip-action-chevron--up {
	margin-bottom: -0.12em;
	transform: rotate(-135deg);
}

.og-jumala-v2-trip-grid .og-jv2-trip-action-chevron--right {
	margin-left: 0.05em;
	transform: rotate(-45deg);
}

.og-jumala-v2-trip-grid .kohdelista_nayta {
	background: var(--og-trip-accent) !important;
	border: 1px solid var(--og-trip-accent);
	color: var(--og-trip-white) !important;
}

.og-jumala-v2-trip-grid .kohdelista_nayta:hover,
.og-jumala-v2-trip-grid .kohdelista_nayta:focus-visible {
	background: var(--og-trip-accent-bright) !important;
	border-color: var(--og-trip-accent-bright);
	color: var(--og-trip-black) !important;
	text-decoration: none !important;
}

.og-jumala-v2-trip-grid .kohdelista_tutustu {
	background: var(--og-trip-black) !important;
	border: 1px solid var(--og-trip-white);
	color: var(--og-trip-white) !important;
}

.og-jumala-v2-trip-grid .kohdelista_tutustu:hover,
.og-jumala-v2-trip-grid .kohdelista_tutustu:focus-visible {
	background: var(--og-trip-white) !important;
	border-color: var(--og-trip-white);
	color: var(--og-trip-black) !important;
	text-decoration: none !important;
}

.og-jumala-v2-trip-grid .kohdelista_nayta::before,
.og-jumala-v2-trip-grid .kohdelista_tutustu::before {
	border: 0 !important;
	content: none !important;
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	width: 0 !important;
}

.og-jumala-v2-trip-grid__empty {
	color: var(--og-trip-accent);
	font-family: Roboto, Arial, sans-serif;
	font-size: 20px;
	margin: 2rem auto;
	min-height: 240px;
	text-align: center;
}

@keyframes og-trip-refresh-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.og-jumala-v2-trip-grid .kohdelista_refresh--spinning .kohdelista_refresh_svg {
		animation: none;
	}
}

@media (min-width: 782px) {
	.og-jumala-v2-trip-grid__filters-primary {
		align-items: stretch;
		grid-template-columns: repeat(4, minmax(170px, 1fr));
	}

	.og-jumala-v2-trip-grid__filters-more {
		align-items: stretch;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.og-jumala-v2-trip-grid__filters.is-more-filters-collapsed .og-jumala-v2-trip-grid__filters-more {
		display: none;
	}

	.og-jumala-v2-trip-grid__filters-more > .og-jumala-v2-trip-grid__filter-dropdown,
	.og-jumala-v2-trip-grid__filters-more > .og-jumala-v2-trip-grid__multi-select {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
	}
}

@media (min-width: 1000px) {
	.og-jumala-v2-trip-grid__filters {
		position: sticky;
		top: 0;
	}
}

@media (max-width: 1100px) {
	.og-jumala-v2-trip-grid__filters {

	}
}

@media (max-width: 700px) {
	.og-jumala-v2-trip-grid__results {
		margin: 20px 0;
	}

	.og-jumala-v2-trip-grid .matka_container {
		flex-basis: 100%;
		min-width: 100%;
	}

	.og-jumala-v2-trip-grid .matka_lippu {
		height: 50px;
		width: 50px;
	}

	.og-jumala-v2-trip-grid .kohdelista_actions {
		flex-direction: column-reverse;
		flex-wrap: wrap;
		gap: 8px;
	}

	.og-jumala-v2-trip-grid .kohdelista_nayta,
	.og-jumala-v2-trip-grid .kohdelista_tutustu {
		flex: 1 1 100%;
		font-size: 16px !important;
		line-height: 1.3 !important;
		max-width: 100%;
		min-height: 38px;
		padding: 8px 12px !important;
		width: 100%;
	}
}