/* Fleet page styles (page-specific). Avoid duplicating base.css utilities. */

.fleet-hero { padding: var(--space-12) 0; position: relative; overflow: hidden; }
.fleet-hero__inner { display: grid; gap: var(--space-9); grid-template-columns: 1.25fr 1fr; align-items: center; }
.fleet-hero__content p { color: #eaf1ff; max-width: 60ch; }
.fleet-hero__actions { display: flex; gap: var(--space-5); margin-top: var(--space-5); flex-wrap: wrap; }

.fleet-quickpick { background: rgba(255,255,255,0.1); backdrop-filter: blur(6px); border-color: rgba(255,255,255,0.35); color: #fff; }
.fleet-quickpick label, .fleet-quickpick small { color: #f3f6ff; }
.fleet-quickpick__cta { display: flex; align-items: end; }

@media (max-width: 960px) {
  .fleet-hero__inner { grid-template-columns: 1fr; }
}

/* Controls */
.fleet-controls { margin-top: var(--space-10); margin-bottom: var(--space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap; }
.fleet-filters .btn { border-color: var(--gray-300); }
.fleet-filters .btn.is-active { background: var(--color-accent); color: #fff; border-color: var(--color-accent); }
.fleet-sync { display: flex; align-items: center; gap: var(--space-5); }

/* Vehicle cards */
.vehicle-card { display: grid; gap: var(--space-5); grid-template-rows: auto auto 1fr auto; }
.vehicle-card__media { border-radius: var(--radius-md); overflow: hidden; }
.vehicle-card__title { font-family: var(--font-sans); }
.vehicle-card__subtitle { color: var(--gray-600); margin-top: -4px; }
.vehicle-card__specs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-3) var(--space-6); margin: 0; padding: 0; list-style: none; }
.vehicle-card__pricing table { border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
.vehicle-card__note { color: var(--gray-600); display: block; margin-top: var(--space-3); }
.vehicle-card__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); }
.availability { border-color: var(--gray-300); }
.availability.is-available { background: rgba(27, 157, 74, 0.08); color: #136b33; border-color: rgba(27,157,74,0.2); }
.availability.is-limited { background: rgba(245,166,35,0.08); color: #7a5412; border-color: rgba(245,166,35,0.25); }
.availability.is-unavailable { background: rgba(214,69,69,0.08); color: #8f2e2e; border-color: rgba(214,69,69,0.25); }

/* Price info */
.fleet-includes .fleet-includes__list { columns: 2; column-gap: var(--space-10); }
.fleet-includes__disclaimer { color: var(--gray-600); margin-top: var(--space-4); }
@media (max-width: 720px) { .fleet-includes .fleet-includes__list { columns: 1; } }

/* Locations */
.pickup-locations .card { padding-top: var(--space-7); }
.pickup-locations__hint { display: flex; align-items: center; color: var(--gray-600); }

/* Booking */
.booking-form { margin-top: var(--space-5); }
.booking-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-6); }
.booking-extras { grid-column: 1 / -1; border: 1px dashed var(--gray-300); padding: var(--space-5); border-radius: var(--radius-md); }
.booking-summary { grid-column: 1 / -1; background: var(--gray-50); padding: var(--space-6); border-radius: var(--radius-md); }
.booking-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); margin-top: var(--space-6); flex-wrap: wrap; }
@media (max-width: 860px) { .booking-grid { grid-template-columns: 1fr; } }

/* Maintenance */
.maintenance-grid { align-items: start; }
.maintenance-item ul { margin: 0; }

/* Reviews */
.review__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); }
.review__rating { color: var(--color-accent); }
.review__meta { color: var(--gray-600); margin-top: var(--space-3); }

/* Contact & Chat */
.contact-card .contact__list { list-style: none; padding: 0; margin: var(--space-4) 0; display: grid; gap: var(--space-3); }