/* Duffel Flight Search - Complete Styles */

.dfh-flight-box {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	padding: 20px;
	max-width: 1200px;
	margin: 20px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Loading Overlay */
.dfh-loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.dfh-spinner {
	width: 50px;
	height: 50px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #ff6b00;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.dfh-loading-overlay p {
	color: #fff;
	margin-top: 20px;
	font-size: 16px;
}

/* Search Form Styles */
.dfh-top-controls {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 20px;
}

.dfh-trip-type {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dfh-arrow-icon {
	font-size: 20px;
	opacity: 0.7;
}

.dfh-trip-type select {
	border: none;
	font-size: 16px;
	font-weight: 600;
	outline: none;
	background: transparent;
	cursor: pointer;
}

.dfh-travellers {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.dfh-user-icon {
	font-size: 18px;
	opacity: 0.7;
}

.dfh-traveller-toggle {
	border: none;
	background: transparent;
	font-size: 14px;
	cursor: pointer;
	padding: 4px 10px;
	border-radius: 999px;
	background: #f5f5f5;
}

.dfh-traveller-dropdown {
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 10;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.12);
	padding: 15px;
	width: 260px;
	display: none;
}

.dfh-traveller-dropdown.dfh-open {
	display: block;
}

.dfh-traveller-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.dfh-traveller-label span {
	display: block;
	font-size: 11px;
	color: #999;
}

.dfh-counter {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dfh-counter-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
}

.dfh-counter-value {
	min-width: 16px;
	text-align: center;
	font-size: 14px;
}

.dfh-traveller-apply {
	width: 100%;
	border-radius: 999px;
	border: none;
	background: #222;
	color: #fff;
	padding: 6px 0;
	font-size: 13px;
	cursor: pointer;
	margin-top: 5px;
}

/* Form rows */
.dfh-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.dfh-row-airports .dfh-field {
	flex: 1;
}

.dfh-row-dates .dfh-field {
	flex: 1;
}

.dfh-field label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #444;
}

.dfh-field input,
.dfh-field select {
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ddd;
	padding: 8px 10px;
	font-size: 14px;
}

.dfh-swap-btn {
	border: none;
	background: #f0f0f0;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	cursor: pointer;
	font-size: 18px;
}

/* Airport suggestions */
.dfh-airport-suggestions {
	position: absolute;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.12);
	margin-top: 4px;
	width: 100%;
	max-height: 220px;
	overflow: auto;
	display: none;
	z-index: 20;
}

.dfh-field-from,
.dfh-field-to {
	position: relative;
}

.dfh-airport-option {
	padding: 8px 10px;
	font-size: 13px;
	cursor: pointer;
}

.dfh-airport-option:hover {
	background: #f7f7f7;
}

/* Fare tags */
.dfh-fare-tags {
	display: flex;
	gap: 10px;
	margin: 15px 0;
}

.dfh-tag {
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid #ddd;
	cursor: pointer;
	color: #555;
}

.dfh-tag-active {
	background: #222;
	color: #fff;
	border-color: #222;
}

/* Bottom row */
.dfh-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.dfh-save-box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.dfh-save-text span {
	font-size: 12px;
	color: #777;
}

.dfh-search-btn {
	border-radius: 999px;
	border: none;
	background: #ff6b00;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	cursor: pointer;
	transition: background 0.2s;
}

.dfh-search-btn:hover {
	background: #e66100;
}

/* Error messages */
.dfh-form-errors {
	margin-top: 10px;
	color: #b00020;
	font-size: 13px;
	background: #ffeef0;
	padding: 10px;
	border-radius: 8px;
}

.dfh-form-errors ul {
	margin: 0;
	padding-left: 18px;
}

.dfh-error-box {
	background: #ffeef0;
	border: 1px solid #ffcdd2;
	color: #b00020;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 15px;
}

.dfh-error-box ul {
	margin: 0;
	padding-left: 20px;
}

/* Results Page */
.dfh-results-page {
	padding: 20px 0;
}

.dfh-results-header {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

.dfh-results-header h2 {
	margin: 0;
	font-size: 24px;
	color: #222;
}

.dfh-results-count {
	color: #777;
	font-size: 14px;
	margin: 0;
}

.dfh-back-to-search {
	padding: 8px 16px;
	background: #f5f5f5;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	transition: background 0.2s;
}

.dfh-back-to-search:hover {
	background: #e0e0e0;
}

/* Results Layout with Filters */
.dfh-results-layout {
	display: flex;
	gap: 25px;
	align-items: flex-start;
}

.dfh-filters-sidebar {
	width: 280px;
	flex-shrink: 0;
	background: #f9f9f9;
	border-radius: 12px;
	padding: 20px;
	position: sticky;
	top: 20px;
}

.dfh-filters-sidebar h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}

.dfh-filter-group {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
}

.dfh-filter-group:last-of-type {
	border-bottom: none;
}

.dfh-filter-group h4 {
	margin: 0 0 12px 0;
	font-size: 14px;
	font-weight: 600;
	color: #333;
}

.dfh-filter-label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	cursor: pointer;
	color: #555;
	transition: color 0.2s;
}

.dfh-filter-label:hover {
	color: #222;
}

.dfh-filter-label input[type="checkbox"] {
	cursor: pointer;
	width: 18px;
	height: 18px;
	margin: 0;
}

.dfh-filter-select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 13px;
	background: #fff;
	cursor: pointer;
}

.dfh-clear-filters {
	width: 100%;
	padding: 10px 0;
	border-radius: 8px;
	border: 1px solid #ddd;
	background: #fff;
	color: #555;
	font-size: 13px;
	cursor: pointer;
	margin-top: 10px;
	transition: all 0.2s;
}

.dfh-clear-filters:hover {
	background: #f5f5f5;
	border-color: #bbb;
}

.dfh-offers-list {
	flex: 1;
	min-width: 0;
}

.dfh-no-results {
	text-align: center;
	padding: 60px 20px;
	color: #777;
	font-size: 15px;
	background: #f9f9f9;
	border-radius: 12px;
}

/* Offer cards */
.dfh-offer-card {
	border-radius: 12px;
	border: 1px solid #e5e5e5;
	padding: 18px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	background: #fff;
	transition: all 0.3s;
}

.dfh-offer-card:hover {
	box-shadow: 0 6px 20px rgba(0,0,0,0.1);
	border-color: #d0d0d0;
}

.dfh-offer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.dfh-airline-logo {
	width: 48px;
	height: 48px;
	border-radius: 8px;
	object-fit: contain;
	flex-shrink: 0;
}

.dfh-airline-info {
	flex: 1;
	min-width: 0;
}

.dfh-airline-name {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin-bottom: 4px;
}

.dfh-route {
	font-size: 13px;
	color: #777;
}

.dfh-offer-price {
	font-size: 20px;
	font-weight: 700;
	color: #ff6b00;
	flex-shrink: 0;
}

.dfh-offer-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.dfh-flight-times {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
}

.dfh-time-block {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dfh-time {
	font-size: 18px;
	font-weight: 700;
	color: #222;
}

.dfh-airport-code {
	font-size: 12px;
	color: #999;
	font-weight: 500;
}

.dfh-date {
	font-size: 11px;
	color: #999;
}

.dfh-duration-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 0 15px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.dfh-duration {
	font-size: 13px;
	color: #555;
	font-weight: 500;
}

.dfh-stops {
	font-size: 11px;
	color: #999;
	text-align: center;
}

.dfh-offer-book-btn {
	border-radius: 8px;
	border: none;
	background: #0a8754;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 24px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background 0.2s;
}

.dfh-offer-book-btn:hover {
	background: #096e44;
}

/* Booking Page */
.dfh-booking-page {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}

.dfh-booking-header {
	margin-bottom: 30px;
}

.dfh-booking-header h2 {
	margin: 15px 0 0 0;
	font-size: 26px;
	color: #222;
}

/* Flight Summary */
.dfh-flight-summary {
	background: #f9f9f9;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 30px;
}

.dfh-flight-summary h3 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #333;
}

.dfh-summary-card {
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.dfh-summary-logo {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.dfh-summary-details {
	flex: 1;
}

.dfh-summary-airline {
	font-size: 15px;
	font-weight: 600;
	color: #222;
	margin-bottom: 4px;
}

.dfh-summary-route {
	font-size: 14px;
	color: #777;
	margin-bottom: 2px;
}

.dfh-summary-date {
	font-size: 12px;
	color: #999;
}

.dfh-summary-price {
	font-size: 20px;
	font-weight: 700;
	color: #ff6b00;
}

/* Booking form */
.dfh-booking-form-wrapper h3 {
	font-size: 20px;
	margin: 0 0 8px 0;
	color: #222;
}

.dfh-booking-subtitle {
	color: #777;
	font-size: 14px;
	margin: 0 0 25px 0;
}

.dfh-booking-errors {
	margin-bottom: 20px;
}

.dfh-passenger-block {
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 20px;
	background: #fafafa;
}

.dfh-passenger-block h4 {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #222;
	font-weight: 600;
}

.dfh-passenger-row {
	display: flex;
	gap: 15px;
	margin-bottom: 12px;
}

.dfh-passenger-row:last-child {
	margin-bottom: 0;
}

.dfh-passenger-row .dfh-field {
	flex: 1;
}

/* Payment section */
.dfh-payment-section {
	margin: 30px 0;
	padding: 25px;
	background: #f9f9f9;
	border-radius: 12px;
	border: 1px solid #e5e5e5;
}

.dfh-payment-section h3 {
	margin: 0 0 18px 0;
	font-size: 18px;
	color: #222;
}

.dfh-card-element {
	background: #fff;
	padding: 14px;
	border-radius: 8px;
	border: 1px solid #ddd;
	min-height: 45px;
}

.dfh-card-errors {
	color: #b00020;
	font-size: 13px;
	margin-top: 10px;
}

/* Booking summary */
.dfh-booking-summary {
	margin: 25px 0;
	padding: 20px;
	background: #f0f8ff;
	border-radius: 12px;
	border: 1px solid #d0e8ff;
}

.dfh-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #333;
}

.dfh-summary-total {
	font-size: 24px;
	font-weight: 700;
	color: #ff6b00;
}

.dfh-booking-submit {
	border-radius: 10px;
	border: none;
	background: #0a8754;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 24px;
	cursor: pointer;
	width: 100%;
	transition: background 0.2s;
}

.dfh-booking-submit:hover {
	background: #096e44;
}

.dfh-booking-submit:disabled {
	background: #ccc;
	cursor: not-allowed;
}

/* Success Page */
.dfh-success-page {
	max-width: 600px;
	margin: 40px auto;
	padding: 40px;
	text-align: center;
	background: linear-gradient(135deg, #e7f5ee 0%, #d4ebe0 100%);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.dfh-success-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #0a8754;
	color: #fff;
	font-size: 48px;
	margin: 0 auto 20px auto;
	box-shadow: 0 4px 15px rgba(10, 135, 84, 0.3);
}

.dfh-success-page h2 {
	font-size: 28px;
	margin: 0 0 15px 0;
	color: #0a8754;
}

.dfh-success-message {
	font-size: 16px;
	color: #145c32;
	margin: 0 0 25px 0;
}

.dfh-success-details {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	margin: 25px 0;
	text-align: left;
}

.dfh-detail-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #e5e5e5;
}

.dfh-detail-row:last-child {
	border-bottom: none;
}

.dfh-detail-row span {
	color: #777;
	font-size: 14px;
}

.dfh-detail-row strong {
	color: #222;
	font-size: 15px;
}

.dfh-success-note {
	font-size: 14px;
	color: #145c32;
	margin: 20px 0;
	line-height: 1.6;
}

.dfh-new-search-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 14px 28px;
	background: #0a8754;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background 0.2s;
}

.dfh-new-search-btn:hover {
	background: #096e44;
}

/* Responsive */
@media (max-width: 992px) {
	.dfh-results-layout {
		flex-direction: column;
	}

	.dfh-filters-sidebar {
		width: 100%;
		position: static;
	}
}

@media (max-width: 768px) {
	.dfh-top-controls {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.dfh-row {
		flex-direction: column;
	}

	.dfh-bottom-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.dfh-flight-times {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.dfh-duration-block {
		border: none;
		padding: 0;
		align-items: flex-start;
	}

	.dfh-offer-body {
		flex-direction: column;
		align-items: stretch;
	}

	.dfh-offer-book-btn {
		width: 100%;
	}

	.dfh-passenger-row {
		flex-direction: column;
	}

	.dfh-results-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.dfh-summary-card {
		flex-direction: column;
		text-align: center;
	}

	.dfh-booking-page {
		padding: 10px;
	}

	.dfh-success-page {
		padding: 30px 20px;
	}
}

/**
 * Add this CSS to your dfh-public.css or in the style section
 * Styles for the enhanced booking form
 */

/* Passenger Block Styling */
.dfh-passenger-block {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.dfh-passenger-block h4 {
    margin: 0 0 15px 0;
    color: #495057;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 2px solid #007bff;
    padding-bottom: 8px;
}

.dfh-passenger-block h4 small {
    font-size: 14px;
    font-weight: 400;
    color: #6c757d;
}

/* Identity Document Section */
.dfh-identity-section {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
}

.dfh-identity-section h5 {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
}

/* Passenger Rows */
.dfh-passenger-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

/* Form Fields */
.dfh-field {
    display: flex;
    flex-direction: column;
}

.dfh-field label {
    font-size: 14px;
    font-weight: 500;
    color: #495057;
    margin-bottom: 6px;
}

.dfh-field label small {
    font-weight: 400;
    color: #6c757d;
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

.dfh-field input,
.dfh-field select {
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dfh-field input:focus,
.dfh-field select:focus {
    border-color: #007bff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.dfh-field input[type="date"] {
    font-family: inherit;
}

.dfh-field small {
    font-size: 12px;
    color: #6c757d;
    margin-top: 4px;
    display: block;
}

/* Payment Section */
.dfh-payment-section {
    background: #ffffff;
    border: 2px solid #007bff;
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0 20px 0;
}

.dfh-payment-section h3 {
    margin: 0 0 15px 0;
    color: #007bff;
}

.dfh-card-element {
    padding: 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #ffffff;
}

.dfh-card-errors {
    color: #dc3545;
    font-size: 14px;
    margin-top: 10px;
}

.dfh-test-card-info {
    background: #e7f3ff;
    padding: 10px;
    border-radius: 4px;
    border-left: 3px solid #007bff;
}

/* Booking Summary */
.dfh-booking-summary {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.dfh-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.dfh-summary-total {
    color: #007bff;
    font-size: 24px;
}

/* Submit Button */
.dfh-booking-submit {
    width: 100%;
    padding: 15px;
    background: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.dfh-booking-submit:hover:not(:disabled) {
    background: #0056b3;
}

.dfh-booking-submit:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Offer Warning */
.dfh-offer-warning {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        background-color: #fff3cd;
    }
    50% {
        background-color: #ffe69c;
    }
}

/* Error Box */
.dfh-error-box {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.dfh-error-box strong {
    display: block;
    margin-bottom: 8px;
}

.dfh-error-box ul {
    margin: 10px 0 0 0;
    padding-left: 20px;
}

.dfh-error-box ul li {
    margin-bottom: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .dfh-passenger-row {
        grid-template-columns: 1fr;
    }
    
    .dfh-summary-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}
 /**
 * COPY-PASTE READY: Round Trip Flight CSS Styles
 * 
 * INSTRUCTIONS:
 * 1. Open: assets/css/frontend-flight-search.css (or your main CSS file)
 * 2. Scroll to the bottom
 * 3. Paste this entire CSS block
 * 4. Save and hard refresh browser (Ctrl + Shift + R)
 */
 /* ========================================
   IMPROVED ROUND TRIP STYLES
   Add this to the END of: assets/css/frontend-flight-search.css
   This will override existing styles and make round trips look professional
   ======================================== */

/* Round trip card - Enhanced styling */
.dfh-offer-roundtrip {
    border: 2px solid #0066cc !important;
    background: linear-gradient(to bottom, #f8fbff 0%, #ffffff 100%) !important;
    padding: 20px !important;
}

.dfh-offer-roundtrip:hover {
    box-shadow: 0 8px 25px rgba(0, 102, 204, 0.15) !important;
    border-color: #0052a3 !important;
}

/* Slice label for outbound/return */
.dfh-slice-label {
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    color: white;
    padding: 10px 20px;
    margin: -10px -20px 20px -20px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dfh-slice-label:first-of-type {
    border-radius: 8px 8px 0 0;
    margin-top: -20px;
}

/* Make offer body stack vertically for round trips */
.dfh-offer-roundtrip .dfh-offer-body {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

/* Each flight section in round trip */
.dfh-offer-roundtrip .dfh-flight-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
}

.dfh-offer-roundtrip .dfh-flight-section:not(:last-child) {
    border-bottom: 2px dashed #e0e7ff;
    margin-bottom: 0;
}

/* Flight times container in round trip */
.dfh-offer-roundtrip .dfh-flight-times {
    flex: 1;
    gap: 25px;
}

/* Time blocks - larger for round trips */
.dfh-offer-roundtrip .dfh-time-block {
    gap: 6px;
}

.dfh-offer-roundtrip .dfh-time {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.dfh-offer-roundtrip .dfh-airport-code {
    font-size: 13px;
    color: #666;
    font-weight: 600;
}

.dfh-offer-roundtrip .dfh-date {
    font-size: 12px;
    color: #999;
}

/* Duration block in round trip */
.dfh-offer-roundtrip .dfh-duration-block {
    padding: 0 20px;
    gap: 6px;
    border-left: 2px solid #e0e7ff;
    border-right: 2px solid #e0e7ff;
}

.dfh-offer-roundtrip .dfh-duration {
    font-size: 14px;
    font-weight: 600;
    color: #0066cc;
}

.dfh-offer-roundtrip .dfh-duration-block .dfh-route {
    font-size: 13px;
    color: #666;
    font-weight: 500;
    margin: 4px 0;
}

.dfh-offer-roundtrip .dfh-stops {
    font-size: 12px;
    color: #999;
}

/* Price in round trip header */
.dfh-offer-roundtrip .dfh-offer-price {
    font-size: 26px;
    font-weight: 700;
    color: #0066cc !important;
    padding: 8px 16px;
    background: #e6f2ff;
    border-radius: 8px;
}

/* Select button in round trip */
.dfh-offer-roundtrip .dfh-offer-book-btn {
    width: 100%;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    border-radius: 8px;
    margin-top: 15px;
    transition: all 0.3s;
}

.dfh-offer-roundtrip .dfh-offer-book-btn:hover {
    background: linear-gradient(135deg, #0052a3 0%, #003d7a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .dfh-offer-roundtrip .dfh-flight-times {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .dfh-offer-roundtrip .dfh-duration-block {
        border-left: none;
        border-right: none;
        border-top: 1px solid #e0e7ff;
        border-bottom: 1px solid #e0e7ff;
        padding: 10px 0;
        width: 100%;
    }
    
    .dfh-slice-label {
        font-size: 12px;
        padding: 8px 15px;
    }
    
    .dfh-offer-roundtrip .dfh-offer-price {
        font-size: 22px;
    }
}

/* ========================================
   EXPIRATION NOTICES & WARNINGS CSS
   Add to the end of: assets/css/frontend-flight-search.css
   ======================================== */

/* Expiration warning (yellow - when < 5 minutes left) */
.dfh-expiration-warning {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 12px 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #856404;
    animation: pulse 2s infinite;
}

.dfh-expiration-warning strong {
    font-size: 16px;
}

/* Expiration notice (red - when already expired) */
.dfh-expiration-notice {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    border: 2px solid #dc3545;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.dfh-expiration-notice p {
    margin: 8px 0;
    color: #721c24;
    font-size: 15px;
}

.dfh-expiration-notice strong {
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
    color: #721c24;
}

.dfh-search-again-btn {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    transition: all 0.3s;
}

.dfh-search-again-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
    background: linear-gradient(135deg, #c82333 0%, #bd2130 100%);
}

/* Pulse animation for warnings */
@keyframes pulse {
    0%, 100% { 
        opacity: 1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.85;
        transform: scale(0.98);
    }
}

/* Disabled expired buttons */
.dfh-offer-book-btn:disabled {
    background: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    transform: none !important;
}

.dfh-offer-book-btn:disabled:hover {
    background: #6c757d !important;
    transform: none !important;
    box-shadow: none !important;
}