/* VeoBooker site polish — visual only (no layout changes to forms or booking steps).
   Brings the look of the PPC landing to the rest of the site. */

/* Vehicle cards (search results, featured cars, similar vehicles) */
body .vehicle-card{background:#0b1020;box-shadow:none;transition:border-color .2s,transform .2s}
body .vehicle-card:hover{border-color:#db6734;transform:translateY(-3px)}
body .vehicle-card .vehicle-card__image{overflow:hidden;background:#11172a}
body .vehicle-card .vehicle-card__image img{object-fit:cover;transition:transform .5s}
body .vehicle-card:hover .vehicle-card__image img{transform:scale(1.04)}
body .vehicle-card .vehicle-card__body{padding:20px 22px 22px}
body .vehicle-card .vehicle-card__title{font-size:21px;line-height:1.25}
body .vehicle-card .vehicle-card__specs{border-top:1px solid #2f3749;border-bottom:1px solid #2f3749;padding:12px 0;margin:4px 0}
body .vehicle-card .vehicle-card__specs-item + .vehicle-card__specs-item{padding-left:14px;border-left:1px solid #2f3749}
body .vehicle-card .vehicle-card__specs-label{font-size:13px;color:rgba(255,255,255,.6)}
body .vehicle-card .vehicle-card__specs-value{font-size:15px;font-variant-numeric:tabular-nums}
body .vehicle-card .vehicle-card__price-label{font-size:13px;color:rgba(255,255,255,.6)}
body .vehicle-card .vehicle-card__price-value{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
body .vehicle-card .vehicle-card__btn{transition:background .2s}
body .vehicle-card .vehicle-card__btn:hover{background:#c45528}

/* Orange italic accents in headings: same treatment as the landing */
body .hero__title-accent{text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.45)}
body .hero h1{text-shadow:0 1px 3px rgba(0,0,0,.4),0 4px 28px rgba(0,0,0,.45)}

@media (prefers-reduced-motion:reduce){
  .vehicle-card,.vehicle-card__image img{transition:none}
  .vehicle-card:hover,.vehicle-card:hover .vehicle-card__image img{transform:none}
}

/* Header logo: same wide wordmark as the footer, in the header's bronze/silver colours.
   The <img> (link, alt text) stays; only the picture is swapped via its background. */
body .site-header .navbar-brand img{
  width:398px;height:auto;aspect-ratio:398/73;max-width:calc(100vw - 110px);
  object-position:-99999px 0;
  background:url("logo-header.svg") left center/contain no-repeat;
}