/*
 * Casavespa Location — styles front
 * Hummingbird = Bootstrap 5 + Inter + primary orange #E84E0F (override via casavespa-theme.css)
 * On utilise --cv-orange pour rester cohérent avec la palette de marque.
 */

/* Widget principal */
.casavespa-booking-widget {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.06);
}

.casavespa-booking-widget .card-title {
  color: var(--bs-body-color);
  font-size: 0.95rem;
}

/* Inputs date — on garde le style BS5 natif, on ajuste juste le focus */
.casavespa-booking-widget .form-control:focus {
  border-color: var(--cv-orange, #E84E0F);
  box-shadow: 0 0 0 0.2rem rgba(232, 78, 15, 0.15);
}

/* Résumé prix */
.cv-summary {
  background-color: var(--bs-tertiary-bg, #f8f9fa);
  border: 1px solid var(--bs-border-color-translucent);
}

/* Messages disponibilité */
#cv-availability-msg.available {
  color: #188251; /* --bs-green Hummingbird */
}

#cv-availability-msg.unavailable {
  color: #ff4657; /* --bs-red Hummingbird */
}

/* Animation légère sur le résumé */
#cv-booking-summary {
  transition: opacity 0.2s ease;
}

/* Panier — ligne produit location : cache le stepper +/- de quantité et le bloc "Personnalisé" PS */
.product-line:has(.cv-cart-rental-info) .product-line__quantity-button,
.product-line:has(.cv-cart-rental-info) .product-customization-modal__content {
  display: none !important;
}

/* Remplace le stepper par un label "jours" aligné à droite */
.product-line:has(.cv-cart-rental-info) .product-line__content-right {
  align-items: center;
}

/* Zoom thumbnail accessoires au hover */
.cv-addon-thumb {
  position: relative;
  flex-shrink: 0;
  cursor: zoom-in;
  z-index: 0;
}
.cv-addon-thumb img {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
  transform-origin: left center;
}
.cv-addon-thumb:hover {
  z-index: 100;
}
.cv-addon-thumb:hover img {
  transform: scale(3.5);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

/* Infos location dans la ligne de panier */
.cv-cart-rental-info {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
}