/* Daytona Motor Co - polished vehicle info styling */

/* Keep the section dark and clean */
[vehicleinfowidgetcssscope],
[vehicleinfowidgetcssscope] * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Vehicle info labels */
.info__label,
.info__label[vehicleinfowidgetcssscope],
[vehicleinfowidgetcssscope].info__label {
  color: #9da8b3 !important;
  -webkit-text-fill-color: #9da8b3 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

/* Vehicle info values */
.info__data,
.info__data[vehicleinfowidgetcssscope],
[vehicleinfowidgetcssscope].info__data {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

/* Add row/card feel without bringing back white boxes */
.info__item,
.info__row,
[vehicleinfowidgetcssscope].info__item,
[vehicleinfowidgetcssscope].info__row {
  background: #151515 !important;
  border: 1px solid #262626 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
}

/* If the widget uses generic rows/columns, give them spacing */
[vehicleinfowidgetcssscope] .row {
  row-gap: 10px !important;
}

/* Section title divider accent */
.vehicle-info h2,
.vehicleInfo h2,
.vehicledetails h2,
.inventory-details h2 {
  color: #ffffff !important;
  border-bottom: 3px solid #0072ff !important;
  padding-bottom: 12px !important;
}

/* Stars */
[vehicleinfowidgetcssscope] .fa-star,
[vehicleinfowidgetcssscope] i.fa-star,
.info__data .fa-star,
.info__data i {
  color: #ffc107 !important;
  -webkit-text-fill-color: #ffc107 !important;
}

/* Mobile readability */
@media (max-width: 768px) {
  .info__label,
  .info__data {
    text-align: left !important;
  }
}