/* Black Label Motorsports website builder overrides.
   Initial publication: 2026-09-10. Follow-up prepared: 2026-09-13. */

/* Use the proven three-truck banner on every short interior-page hero. */
.page-cars-for-sale .title.title-m1,
.page-book-your-appointment .title.title-m1,
.page-contact-us .title.title-m1,
.page-value-my-trade .title.title-m1,
.page-about-us .title.title-m1 {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),
    url("https://cdn05.carsforsale.com/044d31ef087ce7ed46a6d2fd3a3ca3d4/044d31ef087ce7ed46a6d2fd3a3ca3d4.jpg?format=original&sig=506cd4c1d747ff36") !important;
  background-position: center 15% !important;
  background-size: cover !important;
}

@media (max-width: 767px) {
  /* The center Ford is left of the source image's geometric center. */
  .page-home .blm-home-hero {
    background-position: 45% 10% !important;
    background-size: auto 170% !important;
  }

  .page-cars-for-sale .title.title-m1,
  .page-book-your-appointment .title.title-m1,
  .page-contact-us .title.title-m1,
  .page-value-my-trade .title.title-m1,
  .page-about-us .title.title-m1 {
    background-position: center 8% !important;
    background-size: auto 145% !important;
  }

  /* Give the longer appointment header room without crowding the phone. */
  .cw-header-contact .cw-phone,
  .cw-header-contact .cw-address {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    width: max-content;
  }

  .cw-header-contact .cw-phone {
    margin-bottom: 0 !important;
  }

  .cw-header-contact .cw-address {
    line-height: 1.35;
    margin-top: 0.2rem !important;
  }

  .cw-header-contact .cw-days {
    display: block;
  }

  .cw-header-contact .cw-days-separator {
    display: none;
  }
}

/* Remove low-value inventory filters and use the full page for the vehicles. */
.page-cars-for-sale .inventory.inventory-filterleft .srp-sidebar,
.page-cars-for-sale .inventory.inventory-filterleft .inventory-resultsSort .inventory-filter {
  display: none !important;
}

.page-cars-for-sale .inventory.inventory-filterleft .vehicleResults {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.page-cars-for-sale .inventory-card-view {
  justify-content: center !important;
}

/* Repair the white-on-white inventory cards with the site's charcoal theme. */
.page-cars-for-sale .p-veh-card {
  background-color: #1c1c1c !important;
  border: 1px solid #c11d24 !important;
  color: #fff !important;
}

.page-cars-for-sale .p-veh-card .inventory-trim.text-muted {
  color: #c8c8c8 !important;
}

.page-cars-for-sale .p-veh-card .financing a,
.page-cars-for-sale .popular-vehicle-link,
.breadcrumb-item a,
.page-inventory-details .vdp__awards__mod .btn-link,
.page-inventory-details .veh__features__moreless__btn.btn-link {
  color: #ff5a60 !important;
}

.page-cars-for-sale .p-veh-card .srp-ftc-breakdown-toggle {
  border: 1px solid #c11d24 !important;
}

.page-cars-for-sale .mobile-fixed-cta .termsAndCondition a {
  color: #fff !important;
}

/* Darken the active desktop navigation label against its white tab. */
@media (min-width: 992px) {
  .header .navbar .nav-item.active > .nav-link {
    color: #111 !important;
  }
}

/* Keep select placeholders legible on the appointment and trade forms. */
.page-book-your-appointment .bootstrap-select > .dropdown-toggle.bs-placeholder.form-control,
.page-book-your-appointment .bootstrap-select > .dropdown-toggle.bs-placeholder.form-control .filter-option-inner-inner,
.page-value-my-trade .bootstrap-select > .dropdown-toggle.bs-placeholder.form-control,
.page-value-my-trade .bootstrap-select > .dropdown-toggle.bs-placeholder.form-control .filter-option-inner-inner {
  color: #444 !important;
}

/* Keep the appointment calendar readable while preserving disabled states. */
.page-book-your-appointment .picker__weekday,
.page-book-your-appointment .picker__button--today {
  color: #555 !important;
}

.page-book-your-appointment .picker__day--outfocus {
  color: #777 !important;
}

/* The About Us section is text-only until there is a real family photo. */
.page-about-us .detailedlist .detailedlist-item > .row > .col-lg-5 {
  display: none !important;
}

.page-about-us .detailedlist .detailedlist-item > .row > .col-lg-7 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Keep Vehicle Info readable and consistent with the black and red theme. */
.vdp__veh__info__mod .veh__info__item {
  background-color: #1c1c1c !important;
  border: 1px solid #c11d24 !important;
  color: #fff !important;
}

.vdp__veh__info__mod .veh__info__item .info__label,
.vdp__veh__info__mod .veh__info__item .info__data,
.vdp__veh__info__mod .veh__info__item .fa-star {
  color: #fff !important;
}

/* Match the vehicle title and interactive controls to the same readable theme. */
.page-inventory-details .vdp__title__mod {
  background-color: #1c1c1c !important;
  border: 1px solid #c11d24 !important;
  color: #fff !important;
}

.page-inventory-details .vdp__title__mod * {
  color: #fff !important;
}

.page-inventory-details .vdp__loanCalc__mod .btn-outline-secondary {
  border-color: #c11d24 !important;
  color: #fff !important;
}

.page-inventory-details .vdp__loanCalc__mod .btn-outline-secondary:hover,
.page-inventory-details .vdp__loanCalc__mod .btn-outline-secondary:focus {
  background-color: #c11d24 !important;
  color: #fff !important;
}

.page-inventory-details .optFeatures__total,
.page-inventory-details .optFeatures__total sup {
  color: #fff !important;
}

/* Keep the public vehicle page appointment-only and remove its address map. */
.vdp__dealerInfo__mod .dealership__address,
.vdp__dealerInfo__mod .businessHours,
.vdp__dealerInfo__mod > .row > div:nth-child(2) {
  display: none !important;
}

.vdp__dealerInfo__mod .dealership__name::after {
  content: "Appointment Only\A Contact us to book an appointment.";
  display: block;
  margin-top: 0.35rem;
  font-weight: 400;
  white-space: pre-line;
}

.vdp__dealerInfo__mod > .row > div:first-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Replace generated open/closed labels with the actual sales policy. */
.store__hours {
  font-size: 0 !important;
}

.store__hours .hours__status {
  display: none !important;
}

.store__hours::after {
  content: "Appointment Only";
  font-size: 1rem;
}