/**
 * Flight checkout and confirmation ([ny_checkout] with a flight in the cart).
 *
 * The checkout layout, cards, steps, prices and confirmation come from package-checkout.css (scoped to the shared
 * .ny-checkout); this file adds the flight summary card header: airline logo and route.
 *
 * @package NYIsraelines
 */

[dir="rtl"] .ny-checkout .ny-flip-rtl {
	transform: scaleX(-1);
}

.ny-checkout .ny-summary-card__route {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-block-end: 1px solid var(--ny-border);
}

.ny-checkout .ny-checkout-card .ny-summary-card__route {
	padding-inline: 0;
	padding-block-start: 0;
}

.ny-checkout .ny-summary-card__logo {
	position: relative;
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	overflow: hidden;
	background: var(--ny-surface);
	border: 1px solid var(--ny-border);
	border-radius: 12px;
	color: var(--ny-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.ny-checkout .ny-summary-card__logo img {
	position: absolute;
	inset: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	object-fit: contain;
	background: var(--ny-surface);
}

.ny-checkout .ny-summary-card__route-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	line-height: 1.3;
}

.ny-checkout .ny-summary-card__route-text strong {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-size: 15px;
}

.ny-checkout .ny-summary-card__route-text strong svg {
	flex: none;
	color: var(--ny-primary);
}

.ny-checkout .ny-summary-card__route-text small {
	color: var(--ny-muted);
	font-size: 12px;
}