/* ============================================================
   FICHIER : assets/css/pages/richiesta-noleggio.css
   Styles du formulaire de demande de noleggio
   Réutilise les classes .wizard-* et .form-control-ocean
   définies dans richiesta-patente.css — n'ajoute que le
   nécessaire pour ce formulaire spécifique
   ============================================================ */

.selected-vehicle-box { display: flex; align-items: center; gap: 18px; background: var(--bg-light); border-radius: var(--radius-md); padding: 18px; margin-bottom: 20px; }
.selected-vehicle-box img, .selected-vehicle-box .img-placeholder { width: 90px; height: 70px; object-fit: cover; border-radius: 10px; }
.selected-vehicle-cat { font-size: .72rem; text-transform: uppercase; color: var(--ocean-teal); font-weight: 700; }
.selected-vehicle-box h5 { font-size: .98rem; margin: 4px 0; }
.selected-vehicle-box p { font-size: .84rem; color: var(--text-muted); margin: 0; }
.btn-change-vehicle { margin-left: auto; background: var(--white); border: 1.5px solid var(--border-light); padding: 8px 16px; border-radius: 30px; font-size: .8rem; font-weight: 600; color: var(--ocean-dark); }
.btn-change-vehicle:hover { border-color: var(--ocean-teal); color: var(--ocean-teal); }

.rental-type-choice { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
.rental-type-card { position: relative; flex: 1; min-width: 140px; display: flex; flex-direction: column; align-items: center; gap: 8px; background: var(--bg-light); border-radius: var(--radius-md); padding: 20px; cursor: pointer; border: 2px solid transparent; transition: var(--transition-base); }
.rental-type-card input { position: absolute; opacity: 0; }
.rental-type-card i { font-size: 1.4rem; color: var(--ocean-teal); }
.rental-type-card span { font-weight: 600; font-size: .9rem; }
.rental-type-card:hover { border-color: var(--ocean-teal); }
.rental-type-card:has(input:checked) { border-color: var(--ocean-teal); background: var(--white); box-shadow: var(--shadow-soft); }

.rental-price-preview { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, var(--ocean-navy), var(--ocean-teal)); color: var(--white); border-radius: var(--radius-md); padding: 22px 26px; margin-top: 26px; }
.rental-price-preview span { font-size: .82rem; opacity: .85; }
.rental-price-preview strong { font-size: 1.5rem; }