/*Content*/

.flight-listing-page .flight-block .flight-area .flight-button .amount {
    justify-content: right;
}
/* Flight 2 Listing – Sidebar sticky & creative filters */

.flight-filter-container {
	position: sticky;
	top: 96px;
	align-self: flex-start;
	display: block;
}

.flight-filter-container .sidebar {
	position: static;
	max-height: none;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0,0,0,0.06);
	box-shadow: 0 8px 30px rgba(13, 30, 80, 0.06);
}

.flight-filter-container .sidebar-title {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

.filter-scroll-area {
	flex: 1 1 auto;
	overflow-y: auto;
	padding-right: 6px; /* keep some space for custom scrollbar */
	max-height: calc(100vh - 220px);
}

/* nicer scrollbar */
.filter-scroll-area::-webkit-scrollbar {
	width: 8px;
}
.filter-scroll-area::-webkit-scrollbar-track {
	background: #f4f6fb;
	border-radius: 8px;
}
.filter-scroll-area::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #6f8bff, #4d73fc);
	border-radius: 8px;
}

/* Creative filter cards (scoped to left sidebar only) */
.flight-filter-container .filter-block {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.04);
	border-radius: 12px;
	padding-top: 16px;
	padding-bottom: 8px;
	margin-bottom: 14px;
}
.flight-filter-container .filter-block .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flight-filter-container .filter-block .title h4,
.flight-filter-container .filter-block .title h5 {
	margin: 0;
}
.flight-filter-container .filter-block .content-block {
	padding-top: 4px;
}

/* checkboxes/radios polish */
.flight-filter-container .custom-control-input {
	accent-color: #4d73fc;
}

.flight-filter-container .radio-button label.custom-control-label {
	cursor: pointer;
	transition: color .2s ease;
}
.flight-filter-container .radio-button input[type="checkbox"]:checked + label,
.flight-filter-container .radio-button input[type="radio"]:checked + label {
	color: #233876;
}

/* submit button area sticks at bottom of sidebar */
.flight-filter-container .filter-submit-container {
	position: sticky;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255,255,255,0), #fff 40%);
	padding-top: 8px;
	margin-top: 6px;
}

/* jQuery script toggles .sticky on the column; fix inner sidebar when active */
.flight-filter-container.sticky .sidebar {
	position: fixed;
	top: 96px;
	left: var(--filter-left, 16px);
	width: var(--filter-width, 360px);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	z-index: 1000;
}

@media (max-width: 1199.98px) {
	.flight-filter-container {
		position: static;
		top: auto;
	}
	.flight-filter-container.sticky .sidebar {
		position: static;
		left: auto;
		width: auto;
		max-height: none;
		overflow: visible;
	}
	.filter-scroll-area {
		max-height: none;
	}
}


/* Fixed fallback class (if sticky fails due to overflow contexts) */
.flight-filter-container.filter-fixed {
	position: static;
}
.flight-filter-container .sticky {
	position: fixed;
	top: 96px;
	left: var(--filter-left, 16px);
	width: var(--filter-width, 360px);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	z-index: 1000;
}

/* ------------------------------------------------------
   Flight list content scoped styles
   All styles are prefixed with .flight-list-content
   to avoid leaking into other pages.
------------------------------------------------------ */

.flight-list-content .airline-name img { max-width: 21px; }
.flight-list-content .airline-name h5,
.flight-list-content .airline-name h6 { font-size: 12px; }
.flight-list-content .flight-detail { padding: 10px; }

/* Mini legs and overview rows (works for one-way and round-trip) */
.flight-list-content .mini-legs { display: block; padding-top: 6px; padding-bottom: 6px; gap: 14px; }
.flight-list-content .mini-legs .from-to { text-align: center; }
.flight-list-content .mini-legs .from-to h5 { margin: 0; font-weight: 800; font-size: 14px; color: #1f2a5a; letter-spacing: .2px; }
.flight-list-content .mini-legs .from-to h6 { margin: 0; font-size: 12px; color: #64748b; font-weight: 700; letter-spacing: .2px; }
.flight-list-content .mini-legs .route-icon { width: 120px; height: auto; opacity: .9; filter: saturate(.7); }

/* Trip listing containers */
.flight-list-content .trip-flight-listing { margin-top: 20px; }
.flight-list-content .flight-section {
	border: 1px solid #e9ecef;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(13, 30, 80, 0.06);
	transition: transform .2s ease, box-shadow .2s ease;
}
.flight-list-content .flight-section:hover { box-shadow: 0 10px 28px rgba(13, 30, 80, 0.12); transform: translateY(-2px); }
.flight-list-content .flight-section-header { background: #f8f9fa; border-bottom: 1px solid #e9ecef; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.flight-list-content .flight-item { transition: background .2s ease; }
.flight-list-content .flight-item:hover { background: #f8f9fa; }
.flight-list-content .flight-main { border-bottom: 1px solid #f0f0f0; }
.flight-list-content .flight-main:last-child { border-bottom: none; }
.flight-list-content .airline-logo { border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.flight-list-content .action-buttons .btn { font-size: 12px; padding: 6px 14px; border-radius: 24px; }
.flight-list-content .flight-details { background: #f8f9fa; border-top: 1px solid #e9ecef; transition: all .3s ease; }
.flight-list-content .flight-details.show { display: block !important; opacity: 1 !important; }
.flight-list-content .flight-details.collapse { display: none !important; opacity: 0 !important; }
.flight-list-content .flight-details.collapse:not(.show) { display: none !important; }

/* Tabs */
.flight-list-content .nav-tabs { border-bottom: 1px solid #e9ecef; }
.flight-list-content .nav-tabs .nav-link {
	color: #6c757d;
	border: none;
	border-bottom: 2px solid transparent;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 600;
}
.flight-list-content .nav-tabs .nav-link.active { color: #4D73FC; border-bottom: 2px solid #4D73FC; background: transparent; }
.flight-list-content .nav-tabs .nav-link:hover { color: #4D73FC; border-bottom-color: #4D73FC; }
.flight-list-content .tab-content { border: 1px solid #dee2e6; border-top: none; padding: 15px; background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.flight-list-content .tab-pane { display: none; }
.flight-list-content .tab-pane.show.active { display: block !important; }

/* Flight detail content */
.flight-list-content .flight-detail-content { padding: 16px 0; }
.flight-list-content .airline-detail img { border-radius: 4px; }
.flight-list-content .departure-detail, .flight-list-content .arrival-detail { line-height: 1.4; }
.flight-list-content .duration-detail { position: relative; }
.flight-list-content .flight-line { border-radius: 1px; height: 3px; background: linear-gradient(90deg, #6f8bff, #4D73FC); }
.flight-list-content .seat-info { padding: 8px 0; border-top: 1px solid #f0f0f0; margin-top: 16px; }

/* Rules & Baggage */
.flight-list-content .rules-content h6, .flight-list-content .baggage-content h6 { color: #333; margin-bottom: 16px; font-weight: 600; }
.flight-list-content .rules-content ul li { padding: 4px 0; font-size: 14px; }
.flight-list-content .baggage-item { padding: 12px; background: #fff; border-radius: 10px; border: 1px solid #e9ecef; margin-bottom: 12px; }
.flight-list-content .baggage-item h6 { margin-bottom: 8px; font-size: 14px; }
.flight-list-content .baggage-item p { margin-bottom: 0; font-size: 13px; color: #666; }

/* Date navigation */
.flight-list-content .date-navigation-bar { border: 1px solid #e9ecef; border-radius: 12px; transition: box-shadow .2s ease, transform .2s ease; }
.flight-list-content .date-navigation-bar:hover { box-shadow: 0 8px 24px rgba(13, 30, 80, 0.10); transform: translateY(-1px); }
.flight-list-content .date-nav-btn { display:flex; align-items:center; justify-content:center; width: 36px; height:36px; border-radius: 50%; background: #f8f9fa; border: 1px solid #e9ecef; transition: all .2s ease; color: #6c757d; }
.flight-list-content .date-nav-btn:hover { background: #4D73FC; color: #fff; border-color: #4D73FC; transform: scale(1.06); }
.flight-list-content .date-nav-btn:active { transform: scale(0.96); }
.flight-list-content .current-date { text-align:center; min-width: 170px; }
.flight-list-content .current-date h5 { font-size: 16px; font-weight: 700; letter-spacing: .2px; margin-bottom: 2px; }
.flight-list-content .current-date small { font-size: 12px; color: #6c757d; }

/* Listing table */
.flight-list-content .flight-listing-table { border: 1px solid #e9ecef; overflow: hidden; border-radius: 12px; background: #fff; }
.flight-list-content .table-header { background: #f8f9fa; border-bottom: 2px solid #dee2e6; }
.flight-list-content .sortable-header { cursor: pointer; transition: color .2s ease; user-select: none; }
.flight-list-content .sortable-header:hover { color: #4D73FC; }
.flight-list-content .sort-icons { display: flex; flex-direction: column; font-size: 10px; }
.flight-list-content .sort-up, .flight-list-content .sort-down { opacity: .3; transition: opacity .2s ease; line-height: 1; }
.flight-list-content .sortable-header:hover .sort-up, .flight-list-content .sortable-header:hover .sort-down { opacity: .7; }
.flight-list-content .sortable-header.active .sort-up, .flight-list-content .sortable-header.active .sort-down { opacity: 1; }
.flight-list-content .airline-logo { border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
.flight-list-content .btn-primary { background: #4D73FC; border-color: #4D73FC; box-shadow: 0 6px 16px rgba(77,115,252,0.25); }
.flight-list-content .btn-primary:hover { background: #3d5fd9; border-color: #3d5fd9; }
.flight-list-content .btn-outline-primary { color: #4D73FC; border-color: #4D73FC; }
.flight-list-content .btn-outline-primary:hover { background: #4D73FC; border-color: #4D73FC; color: #fff; }

/* Price/CTA alignment & class badge */
.flight-list-content .flight-area { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; }
.flight-list-content .flight-button { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; min-width: 260px; margin-top: 30px;}
.flight-list-content .flight-button .amount { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.flight-list-content .flight-block { position: relative; overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }
.flight-list-content .flight-block:hover { box-shadow: 0 10px 26px rgba(13,30,80,.10); transform: translateY(-1px); }

/* Gradient price pill */
.flight-list-content .price-tag {display:inline-flex;align-items: baseline;gap: 6px;color:#2b3674;text-align: right; margin-bottom: 15px;}
.flight-list-content .price-tag .price-amount {font-size: 20px;font-weight: 800;letter-spacing: .2px;}
.flight-list-content .price-tag .price-currency { font-size: 12px; opacity: .9; font-weight: 700; }
.flight-list-content .flight-button .class-badge {
	display: inline-block;
	margin-top: 4px;
	padding: 4px 10px;
	border: 1px solid #e3e7ff;
	background: #f3f6ff;
	color: #2c3e9a;
	font-size: 12px;
	border-radius: 999px;
	font-weight: 600;
}

/* Corner class badge (top-right) */
.flight-list-content .class-badge.corner {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	border-radius: 0;
	padding: 4px 10px;
	background: #eef2ff;
	border: 1px solid #e3e7ff;
	color: #2c3e9a;
	font-weight: 700;
}
.flight-list-content .mini-legs .leg-label { display:inline-block; background:#eef2ff; border:1px solid #e3e7ff; color:#2c3e9a; border-radius:999px; padding:2px 8px; font-size:12px; font-weight:700; margin-right:8px; }
.flight-list-content .mini-legs .route-icon.return { transform: scaleX(-1); }
.flight-list-content .leg-row { margin-bottom: 10px; background: #ffffff; border: 1px solid #eef1ff; border-radius: 12px; padding: 12px; box-shadow: 0 2px 10px rgba(13,30,80,0.04); }
.flight-list-content .leg-row.return { border-top: none; padding-top: 12px; }
.flight-list-content .flight-button .cus-btn {padding: 10px 18px;border-radius: 10px;float: right;}

@media (max-width: 768px) {
	.flight-list-content .flight-area { grid-template-columns: 1fr; }
	.flight-list-content .flight-button { align-items: stretch; min-width: 100%; }
	.flight-list-content .flight-button .amount { text-align: left; }
	.flight-list-content .mini-legs { }
	.flight-list-content .mini-legs .route-icon { width: 90px; margin: 0 auto; }
}

/* Responsive tweaks */
@media (max-width: 768px) {
	.flight-list-content .date-navigation { justify-content: center !important; margin-top: 16px; }
	.flight-list-content .date-navigation-bar .row { text-align: center; }
	.flight-list-content .date-navigation-bar .col-md-6:first-child { margin-bottom: 16px; }
	.flight-list-content .flight-listing-table .row { margin: 0; }
	.flight-list-content .flight-main .col-md-2 { margin-bottom: 16px; text-align: center; }
	.flight-list-content .action-buttons { flex-direction: column; gap: 8px; }
	.flight-list-content .action-buttons .btn { width: 100%; }
}

/* Lazy load helper */
.flight-list-content .lazy-hidden { display: none !important; }

/* Segment details – user-friendly timeline card */
.flight-list-content .segment-card { background: #fbfcff; border: 1px solid #eef1ff; }
/* Tabs mimic */
.flight-list-content .seg-tabs { border-bottom: 0; gap: 10px; padding: 8px 8px 0; display: flex; flex-wrap: wrap; max-width: 100%; overflow-x: hidden; }
.flight-list-content .seg-tabs .nav-link { padding: 10px 16px; border: 1px solid #e7ebff; border-bottom: 2px solid transparent; border-radius: 10px; color:#64748b; font-weight: 700; background: #f5f7ff; }
.flight-list-content .seg-tabs .nav-link.active { color:#1f2a5a; background:#ffffff; border-color: #e7ebff; box-shadow: 0 4px 12px rgba(13,30,80,0.06); }
.flight-list-content .seg-content { background:#fff; border:1px solid #e7ebff; border-top: 0; border-radius: 0 10px 10px 10px; }

/* Summary bar */
/* New segment summary layout */
.flight-list-content .segment-summary { display: flex; flex-direction: column; gap: 14px; }
.flight-list-content .segment-header { display: flex; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 1px dashed #e5e7eb; }
.flight-list-content .segment-header .airline-logo { width: 44px; height: 44px; object-fit: contain; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.flight-list-content .segment-header .airline-meta { display: flex; flex-direction: column; }
.flight-list-content .segment-header .airline-name { font-weight: 800; color:#1f2a5a; line-height: 1.1; }
.flight-list-content .segment-header .airline-sub { color:#6b7280; font-size: 12px; font-weight: 700; display:flex; align-items:center; gap:6px; }
.flight-list-content .segment-header .airline-sub .dot { opacity:.6; }

.flight-list-content .segment-body { display: grid; grid-template-columns: 1fr 130px 1fr; gap: 16px; align-items: center; }
.flight-list-content .segment-body .time-chip { font-weight:800; font-size:22px; color:#1f2a5a; }
.flight-list-content .segment-body .airport-code { font-weight:700; color:#4D73FC; }
.flight-list-content .segment-body .city, .flight-list-content .segment-body .date { font-size:12px; color:#6b7280; }
.flight-list-content .segment-body .duration-big { font-weight:800; color:#000; text-align:center; }
.flight-list-content .segment-body .duration-underline { width:30px; height:4px; background:#10b981; border-radius:3px; margin: 6px auto 0; }

.flight-list-content .segment-extra { display:flex; align-items:center; gap:8px; color:#6b7280; font-size:12px; }
.flight-list-content .segment-extra .seat-count { font-weight:800; color:#1f2a5a; }

.flight-list-content .seg-list { margin: 0; padding-left: 18px; }
.flight-list-content .seg-empty { color:#6b7280; font-size: 14px; }

/* Outbound/Return separation */
.flight-list-content .segment-group { margin-bottom: 18px; background: linear-gradient(180deg, #f7f9ff 0%, #fbfdff 100%); border: 1px solid #eef1ff; border-radius: 12px; padding: 12px; box-shadow: 0 8px 20px rgba(13,30,80,0.04); }
.flight-list-content .segment-group.outbound { border-left: 3px solid #4D73FC; }
.flight-list-content .segment-group.return { border-left: 3px solid #10b981; }
.flight-list-content .segment-group-title { font-weight: 900; color:#1f2a5a; margin: 4px 0 12px; padding-left: 10px; border-left: 3px solid currentColor; letter-spacing: .2px; }
.flight-list-content .segment-card.outbound { border-left: 3px solid #4D73FC; }
.flight-list-content .segment-card.return { border-left: 3px solid #10b981; }
.flight-list-content .segment-group.return .seg-tabs .nav-link.active { border-bottom-color: #10b981; }
.flight-list-content .segment-group.return .summary-grid .airport-code { color: #059669; }
.flight-list-content .segment-group.return .summary-grid .duration-underline { background: #10b981; }

/* Better spacing for leg rows */
.flight-list-content .leg-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; }
.flight-list-content .leg-row .flight-departure h5 { margin: 0; font-weight: 800; color: #1f2a5a; }
.flight-list-content .leg-row .flight-departure h5 + h5,
.flight-list-content .leg-row .flight-departure h6 { margin: 0; color: #6b7280; font-weight: 600; font-size: 12px; }

/* Normalize return row structure: remove extra airline column and flatten inner wrapper */
.flight-list-content .leg-row.return > .airline-name { display: none; }
.flight-list-content .leg-row.return > .flight-detail { display: contents; }

/* Empty states */
.flight-list-content .alert { border-radius: 12px; }

/* Side-by-side outbound/return when details open */
.flight-list-content .accordion-collapse .segment-group { display: block; }
@media (min-width: 992px) {
  .flight-list-content .accordion-collapse > .segment-group { display: inline-block; vertical-align: top; width: 49%; }
}

/* Head dates stacked and labeled */
.flight-list-content .flight-block > hr + .d-flex h5:first-child::before { content: 'Gidiş'; display:block; font-size:12px; color:#64748b; font-weight:700; }
.flight-list-content .flight-block > hr + .d-flex h5:nth-child(2)::before { content: 'Dönüş'; display:block; font-size:12px; color:#64748b; font-weight:700; }

/* Prevent overflow when details are side-by-side (round-trip) */
.flight-list-content .segment-group,
.flight-list-content .segment-card,
.flight-list-content .seg-content,
.flight-list-content .summary-grid { max-width: 100%; overflow-x: hidden; }
.flight-list-content .summary-grid .city { word-break: break-word; }

@media (min-width: 1200px) {
	/* In round-trip view each column is ~50% width; shrink grid columns to fit */
	.flight-list-content .accordion-collapse .summary-grid { grid-template-columns: 140px 1fr 130px 1fr 100px; gap: 14px; }
	.flight-list-content .accordion-collapse .seg-tabs .nav-link { padding: 8px 12px; }
	.flight-list-content .accordion-collapse .segment-group { overflow: hidden; }
}