/**
 * GO1 TRANSFER SUITE — Frontend Fixes / vehiculos.css
 * ─────────────────────────────────────────────────────────────
 * Estilo de la página /vehiculos (paso 2 del wizard Chauffeur).
 * Cards de vehículos, filtro, paginación, sidebar con resumen.
 */

/* ── OCULTAR navegación de pasos (Chauffeur navigation) ───── */
.chbs-main-navigation-default,
.chbs-main-navigation-responsive { display: none !important; }

/* ── SIDEBAR resumen del viaje ─────────────────────────────── */
.chbs-main .chbs-summary {
	background: linear-gradient(160deg, #071e3a 0%, var(--go1-bg-2) 100%) !important;
	border: 1px solid rgba(0, 196, 190, 0.2) !important;
	border-radius: 16px !important;
	padding: 22px 20px !important;
	color: var(--go1-white) !important;
	font-family: var(--go1-font) !important;
}

.chbs-main .chbs-summary > *:first-child {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--go1-teal) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid rgba(0, 196, 190, 0.2) !important;
}

.chbs-main .chbs-summary-price-element {
	margin-top: 16px !important;
	padding-top: 14px !important;
	border-top: 1px solid rgba(0, 196, 190, 0.2) !important;
}

.chbs-main .chbs-summary-price-element .chbs-price {
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	color: var(--go1-teal) !important;
	letter-spacing: -1px !important;
	font-family: var(--go1-font) !important;
}

/* ── FILTRO de vehículos ───────────────────────────────────── */
.chbs-vehicle-filter {
	background: linear-gradient(135deg, #071e3a 0%, var(--go1-bg-2) 100%) !important;
	border: 1px solid rgba(0, 196, 190, 0.15) !important;
	border-radius: 14px !important;
	padding: 16px 20px !important;
	margin-bottom: 20px !important;
}

.chbs-vehicle-filter label {
	font-size: 10px !important;
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.5) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	display: block !important;
	margin-bottom: 6px !important;
}

.chbs-selectmenu-button {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px !important;
	transition: border-color 0.15s !important;
}

.chbs-selectmenu-button:hover { border-color: rgba(0, 196, 190, 0.4) !important; }
.chbs-selectmenu-button .chbs-selectmenu-text {
	color: var(--go1-white) !important;
	font-size: 14px !important;
}

.chbs-selectmenu-menu {
	background: var(--go1-bg-2) !important;
	border: 1px solid rgba(0, 196, 190, 0.2) !important;
	border-radius: 10px !important;
	margin-top: 4px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

.chbs-selectmenu-menu .chbs-selectmenu-item {
	color: rgba(255, 255, 255, 0.7) !important;
	padding: 9px 14px !important;
	font-size: 13px !important;
}

.chbs-selectmenu-menu .chbs-selectmenu-item:hover,
.chbs-selectmenu-menu .chbs-selectmenu-item-selected {
	background: rgba(0, 196, 190, 0.12) !important;
	color: var(--go1-teal) !important;
}

/* ── CARDS de vehículos ────────────────────────────────────── */
.chbs-vehicle-list .chbs-vehicle {
	background: linear-gradient(160deg, #071e3a 0%, var(--go1-bg-2) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	margin-bottom: 20px !important;
	transition: border-color 0.2s, box-shadow 0.2s !important;
	font-family: var(--go1-font) !important;
}

.chbs-vehicle-list .chbs-vehicle:hover {
	border-color: rgba(0, 196, 190, 0.3) !important;
	box-shadow: 0 4px 24px rgba(0, 196, 190, 0.08) !important;
}

.chbs-vehicle-list .chbs-vehicle-image {
	min-height: 200px !important;
	max-height: 260px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.chbs-vehicle-list .chbs-vehicle-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center 60% !important;
	min-height: 200px !important;
}

.chbs-vehicle-list .chbs-vehicle .chbs-vehicle-content {
	padding: 22px 22px 18px !important;
}

.chbs-vehicle-list .chbs-vehicle-content-title,
.chbs-vehicle-list .chbs-vehicle-content-title a {
	font-size: 19px !important;
	font-weight: 700 !important;
	color: var(--go1-white) !important;
	text-decoration: none !important;
	display: block !important;
	margin-bottom: 12px !important;
	font-family: var(--go1-font) !important;
}

.chbs-vehicle-list .chbs-vehicle-content-price { margin-bottom: 12px !important; }
.chbs-vehicle-list .chbs-vehicle-content-price > span > span {
	font-size: 28px !important;
	font-weight: 800 !important;
	color: var(--go1-white) !important;
	letter-spacing: -1px !important;
}

/* Precios membresía (inyectados por JS) */
.go1-price-no-member {
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	margin-bottom: 4px !important;
	line-height: 1.3 !important;
}

.go1-price-old {
	color: rgba(255, 255, 255, 0.45) !important;
	text-decoration: line-through !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	font-family: var(--go1-font) !important;
}

.go1-price-label-old {
	color: rgba(255, 255, 255, 0.3) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.07em !important;
	font-family: var(--go1-font) !important;
}

/* Issue 1 (v2.3.24): precio miembro grande y destacado (numero hero) */
.go1-price-member-label {
	color: var(--go1-teal) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	margin-top: 4px !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 6px !important;
	font-family: var(--go1-font) !important;
}
.go1-price-member-label .go1-member-val {
	font-size: 30px !important;
	font-weight: 800 !important;
	color: var(--go1-teal) !important;
	letter-spacing: -0.5px !important;
	line-height: 1.05 !important;
}

/* Meta pasajeros / maletas */
.chbs-vehicle-content-meta {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 12px !important;
	padding: 10px 16px !important;
	margin-top: 14px !important;
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
}

.chbs-vehicle-content-meta-info .chbs-circle {
	color: var(--go1-white) !important;
	font-weight: 600 !important;
}

.chbs-vehicle-content-description,
.chbs-vehicle-content-description p,
.chbs-vehicle-content-description span,
.chbs-vehicle-content-description div,
.chbs-vehicle-content-description-attribute div {
	color: rgba(255, 255, 255, 0.6) !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

.chbs-vehicle-content-description-attribute {
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 10px !important;
	padding: 12px !important;
	margin-top: 12px !important;
}

/* ── Paginación ────────────────────────────────────────────── */
.chbs-pagination {
	margin: 20px 0 28px !important;
	display: flex !important;
	justify-content: center !important;
	gap: 8px !important;
}

.chbs-pagination a, .chbs-pagination span {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	width: 36px !important;
	height: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 13px !important;
	transition: all 0.15s !important;
	font-family: var(--go1-font) !important;
	margin: 0 !important;
}

.chbs-pagination a:hover,
.chbs-pagination .chbs-pagination-current {
	background: rgba(0, 196, 190, 0.15) !important;
	border-color: var(--go1-teal) !important;
	color: var(--go1-teal) !important;
}

/* ── BOTÓN ELEGIR ──────────────────────────────────────────── */
body .chbs-main .chbs-vehicle .chbs-button-select,
body .chbs-main .chbs-vehicle a.chbs-button-select,
body .chbs-booking-extra .chbs-button-select,
body .chbs-booking-extra a.chbs-button-select,
body .chbs-main a.chbs-button-select {
	background: linear-gradient(135deg, var(--go1-teal-2) 0%, var(--go1-teal) 100%) !important;
	color: #010B28 !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 11px 22px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	font-family: var(--go1-font) !important;
	box-shadow: 0 4px 14px rgba(0, 196, 190, 0.3) !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
}

body .chbs-main a.chbs-button-select:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 20px rgba(0, 196, 190, 0.45) !important;
	color: #010B28 !important;
}

/* ── BOTONES NAVEGACIÓN (volver / siguiente) ──────────────── */
.chbs-button-back {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	padding: 13px 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	font-family: var(--go1-font) !important;
	cursor: pointer !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.chbs-button-back:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: var(--go1-white) !important;
}

.chbs-button-next, .chbs-button-submit {
	background: linear-gradient(135deg, var(--go1-teal-2) 0%, var(--go1-teal) 100%) !important;
	color: #010B28 !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 13px 32px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	font-family: var(--go1-font) !important;
	cursor: pointer !important;
	box-shadow: 0 6px 20px rgba(0, 196, 190, 0.35) !important;
	transition: all 0.2s !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.chbs-button-next:hover, .chbs-button-submit:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 28px rgba(0, 196, 190, 0.5) !important;
	color: #010B28 !important;
}

/* ── RESUMEN final del paso 5 ──────────────────────────────── */
.chbs-booking-form-summary-information {
	background: linear-gradient(160deg, #071e3a 0%, var(--go1-bg-2) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 16px !important;
	padding: 22px !important;
	overflow: hidden !important;
	font-family: var(--go1-font) !important;
}

.chbs-booking-form-summary-information * {
	color: var(--go1-white) !important;
}

.chbs-booking-form-summary-information a.chbs-button-edit {
	font-size: 11px !important;
	color: var(--go1-teal) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	background: rgba(0, 196, 190, 0.1) !important;
	border: 1px solid rgba(0, 196, 190, 0.2) !important;
	border-radius: 6px !important;
	padding: 3px 10px !important;
}

.chbs-booking-form-summary-information img {
	border-radius: 10px !important;
	width: 100% !important;
	object-fit: cover !important;
}

@media (max-width: 768px) {
	.chbs-vehicle-list .chbs-vehicle-content-price > span > span { font-size: 22px !important; }
	.go1-price-old { font-size: 15px !important; }
	.chbs-button-next, .chbs-button-submit, .chbs-button-back {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* ── Precio miembro en tarjetas — actualizado para nueva lógica ─────────── */
.go1-price-old { text-decoration: line-through; opacity: .55; font-size: .88em; }
.go1-price-label-old { font-size: .75em; color: rgba(255,255,255,.5); margin-left: 4px; }
.go1-member-val { font-size: 1.05em; font-weight: 700; color: #00C4BE; margin-right: 5px; }
.go1-price-member-label { color: #00C4BE; font-size: .82em; margin-top: 2px; }