/* =========================================================
   CARVEOO REVIEW BOOKING SHELL
   v2.1.4.36

   Presentation-only bridge around Booking Review Snapshot V7.
   No booking state, totals, dates, terms, or checkout behavior changes.
   ========================================================= */

body.cv-booking-review-active {
	background: #faf8f3 !important;
}

/* Kill the duplicated native HivePress browse/listing card. */
body.cv-booking-review-active .cv-booking-review-native-listing,
body.cv-booking-review-active .cv-booking-review-native-column {
	display: none !important;
}

/* Collapse the old two-column HivePress shell into one centered review canvas. */
body.cv-booking-review-active .cv-booking-review-layout-row {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body.cv-booking-review-active .cv-booking-review-main-column {
	display: block !important;
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* One deliberate checkout canvas. */
body.cv-booking-review-active .cv-booking-review-heading,
body.cv-booking-review-active .carveoo-review-v7,
body.cv-booking-review-active .cv-booking-review-form {
	width: min(100%, 920px) !important;
	max-width: 920px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body.cv-booking-review-active .cv-booking-review-heading {
	margin-bottom: 18px !important;
}

/* Snapshot V7 previously capped the content at 850px. Give the review cards
   enough room now that the duplicated vehicle column is gone. */
body.cv-booking-review-active .carveoo-review-v7 {
	margin-bottom: 28px !important;
}

body.cv-booking-review-active .carveoo-review-v7__lead {
	max-width: 760px !important;
}

body.cv-booking-review-active .carveoo-review-v7__grid {
	width: 100% !important;
}

/* Keep the existing premium cards. Only refine the new full-width rhythm. */
body.cv-booking-review-active .carveoo-review-v7__card {
	min-width: 0 !important;
}

body.cv-booking-review-active .carveoo-review-v7__price-card {
	width: 100% !important;
}

/* Continue to Payment remains the clear primary action. */
body.cv-booking-review-active .cv-booking-review-primary-action {
	min-width: 220px !important;
}

body.cv-booking-review-active .cv-booking-review-edit-dates {
	color: #66717d !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.cv-booking-review-active .cv-booking-review-edit-dates:hover {
	color: #111820 !important;
}

/* Tablet: preserve the approved 2 x 2 review-card composition. */
@media (min-width: 768px) and (max-width: 1024px) {
	body.cv-booking-review-active .cv-booking-review-heading,
	body.cv-booking-review-active .carveoo-review-v7,
	body.cv-booking-review-active .cv-booking-review-form {
		width: min(calc(100% - 44px), 900px) !important;
	}

	body.cv-booking-review-active .carveoo-review-v7__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}
}

/* Mobile: V7 already stacks its cards. Keep that behavior and remove any
   leftover HivePress column geometry. */
@media (max-width: 767px) {
	body.cv-booking-review-active .cv-booking-review-heading,
	body.cv-booking-review-active .carveoo-review-v7,
	body.cv-booking-review-active .cv-booking-review-form {
		width: calc(100% - 32px) !important;
		max-width: none !important;
	}

	body.cv-booking-review-active .carveoo-review-v7__grid {
		grid-template-columns: 1fr !important;
	}

	body.cv-booking-review-active .cv-booking-review-primary-action {
		width: 100% !important;
		min-width: 0 !important;
	}
}


/* =========================================================
   v2.1.4.33 REVIEW ACTION ROW FINISHING PASS
   ========================================================= */

body.cv-booking-review-active .cv-booking-review-actions {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;

	width: min(100%, 920px) !important;
	max-width: 920px !important;

	margin: -2px auto 72px !important;
	padding: 0 !important;
}

/* Give the primary conversion action more authority. */
body.cv-booking-review-active .cv-booking-review-primary-action {
	width: 236px !important;
	min-width: 236px !important;
	min-height: 54px !important;
	margin: 0 !important;
}

/* Keep the secondary action quiet and perfectly aligned with the CTA. */
body.cv-booking-review-active .cv-booking-review-edit-dates {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 54px !important;
	margin: 0 !important;
	padding: 0 2px !important;

	line-height: 1.2 !important;
}

/* Tablet keeps the same deliberate two-action row. */
@media (min-width: 768px) and (max-width: 1024px) {
	body.cv-booking-review-active .cv-booking-review-actions {
		width: min(calc(100% - 44px), 900px) !important;
		margin-top: 2px !important;
		margin-bottom: 64px !important;
	}

	body.cv-booking-review-active .cv-booking-review-primary-action {
		width: 224px !important;
		min-width: 224px !important;
	}
}

/* Mobile: stack the secondary action beneath the full-width CTA. */
@media (max-width: 767px) {
	body.cv-booking-review-active .cv-booking-review-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;

		width: calc(100% - 32px) !important;
		max-width: none !important;

		margin-top: 0 !important;
		margin-bottom: 48px !important;
	}

	body.cv-booking-review-active .cv-booking-review-primary-action {
		width: 100% !important;
		min-width: 0 !important;
	}

	body.cv-booking-review-active .cv-booking-review-edit-dates {
		width: 100% !important;
		min-height: 44px !important;
	}
}


/* =========================================================
   v2.1.4.34 REVIEW ACTION DIRECTION
   Desktop/tablet: back action left, progression CTA right.
   Mobile: progression CTA first, edit action second.
   ========================================================= */

@media (min-width: 768px) {
	body.cv-booking-review-active .cv-booking-review-edit-dates {
		order: 1 !important;
		justify-self: flex-start !important;
	}

	body.cv-booking-review-active .cv-booking-review-primary-action {
		order: 2 !important;
		margin-left: auto !important;
	}
}

@media (max-width: 767px) {
	body.cv-booking-review-active .cv-booking-review-primary-action {
		order: 1 !important;
	}

	body.cv-booking-review-active .cv-booking-review-edit-dates {
		order: 2 !important;
	}
}


/* =========================================================
   v2.1.4.35 TABLET REVIEW GRID REFINEMENT
   2x2 info cards + full-width price summary.
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

	/* Price Summary must span the complete tablet review canvas. */
	body.cv-booking-review-active
	.carveoo-review-v7__price-card {
		grid-column: 1 / -1 !important;
		width: 100% !important;
	}

	/*
	 * Give the value side slightly more room on tablet so long
	 * pickup/return locations wrap less aggressively.
	 */
	body.cv-booking-review-active
	.carveoo-review-v7__row strong {
		max-width: 66% !important;
	}

	/*
	 * Keep the pickup card readable even when location names are long.
	 */
	body.cv-booking-review-active
	.carveoo-review-v7__card {
		min-width: 0 !important;
	}

	body.cv-booking-review-active
	.carveoo-review-v7__row {
		gap: 12px !important;
	}
}