/**
 * Gruppo Bonifacio – pagina dettaglio auto (/auto/{slug})
 * Override palette Yoyomove (giallo/nero) con rosso #d20000, navy #0b1334, card bianche.
 */

body[data-page-type="vehicle"],
body[data-page-type^="vehicle"] {
  font-family: "Montserrat", Arial, sans-serif;
}

body[data-page-type="vehicle"] .main,
body[data-page-type^="vehicle"] .main {
  background: #fff;
}

body[data-page-type="vehicle"] .article__title,
body[data-page-type="vehicle"] .section__content > .h1,
body[data-page-type="vehicle"] .section__content > h1,
body[data-page-type="vehicle"] .section__content > h2,
body[data-page-type^="vehicle"] .article__title,
body[data-page-type^="vehicle"] .section__content > h2 {
  color: #0b1334;
  font-family: "Montserrat", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   Configura offerta – titolo, toggle, CTA, prezzo
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .h2--underlined:after,
body[data-page-type^="vehicle"] .h2--underlined:after {
  background-image: url("../../images/svg/sottolineatura-red.svg") !important;
}

body[data-page-type="vehicle"] .form-offer-configuration .cta--bordered,
body[data-page-type="vehicle"] .form-offer-configuration a.cta--bordered,
body[data-page-type^="vehicle"] .form-offer-configuration .cta--bordered,
body[data-page-type^="vehicle"] .form-offer-configuration a.cta--bordered {
  background-color: #0b1334 !important;
  border-color: #0b1334 !important;
  color: #fff !important;
}

body[data-page-type="vehicle"] .form-offer-configuration .cta--bordered.cta--active,
body[data-page-type="vehicle"] .form-offer-configuration a.cta--bordered.cta--active,
body[data-page-type="vehicle"] .form-offer-configuration div.cta--bordered.cta--active,
body[data-page-type^="vehicle"] .form-offer-configuration .cta--bordered.cta--active,
body[data-page-type^="vehicle"] .form-offer-configuration a.cta--bordered.cta--active,
body[data-page-type^="vehicle"] .form-offer-configuration div.cta--bordered.cta--active {
  background-color: #d20000 !important;
  border-color: #d20000 !important;
  color: #fff !important;
}

body[data-page-type="vehicle"] .cta-form,
body[data-page-type^="vehicle"] .cta-form {
  background-color: #d20000 !important;
  color: #fff !important;
  font-weight: 400;
  border-radius: 24px;
  font-family: "Montserrat", Arial, sans-serif;
}

@media (hover: hover) {
  body[data-page-type="vehicle"] .cta-form:hover,
  body[data-page-type^="vehicle"] .cta-form:hover {
    background-color: #b80000 !important;
    color: #fff !important;
  }
}

body[data-page-type="vehicle"] .form-offer-configuration__price > span:first-child,
body[data-page-type="vehicle"] .form-offer-configuration__price > span:first-child > strong,
body[data-page-type^="vehicle"] .form-offer-configuration__price > span:first-child,
body[data-page-type^="vehicle"] .form-offer-configuration__price > span:first-child > strong {
  color: #d62222 !important;
}

body[data-page-type="vehicle"] .form-offer-configuration__price > span:first-child > strong.offer-price--text,
body[data-page-type="vehicle"] #offer-price.offer-price--text,
body[data-page-type^="vehicle"] .form-offer-configuration__price > span:first-child > strong.offer-price--text,
body[data-page-type^="vehicle"] #offer-price.offer-price--text,
body[data-page-type="vehicle"] .form-offer-configuration__price #offer-price.offer-price--text {
  font-size: 22px !important;
  line-height: 1.2 !important;
  height: auto !important;
  transform: none !important;
  font-weight: 700 !important;
  display: inline !important;
}

body[data-page-type="vehicle"] .text-features__item img,
body[data-page-type^="vehicle"] .text-features__item img {
  filter: hue-rotate(-38deg) saturate(2.8) brightness(0.95);
}

/* --------------------------------------------------------------------------
   Barra riepilogo offerta (sticky)
   -------------------------------------------------------------------------- */
@media (min-width: 993px) {
  body[data-page-type="vehicle"] .offer-overview,
  body[data-page-type^="vehicle"] .offer-overview {
    top: 176px;
  }
}

body[data-page-type="vehicle"] .offer-overview__cta,
body[data-page-type^="vehicle"] .offer-overview__cta {
  background-color: #0b1334 !important;
  color: #fff !important;
  border-radius: 6px;
}

@media (hover: hover) {
  body[data-page-type="vehicle"] .offer-overview__cta:hover,
  body[data-page-type^="vehicle"] .offer-overview__cta:hover {
    background-color: #15204d !important;
    color: #fff !important;
  }
}

body[data-page-type="vehicle"] .offer-overview__price > span:first-child > strong,
body[data-page-type^="vehicle"] .offer-overview__price > span:first-child > strong {
  color: #d62222 !important;
}

/* --------------------------------------------------------------------------
   Modal richiesta – evita overflow orizzontale
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .modal-vehicle__window,
body[data-page-type^="vehicle"] .modal-vehicle__window {
  max-width: min(596px, calc(100vw - 32px));
}

body[data-page-type="vehicle"] .product-info-layout,
body[data-page-type^="vehicle"] .product-info-layout {
  min-width: 0;
}

body[data-page-type="vehicle"] .product-info-layout__form,
body[data-page-type^="vehicle"] .product-info-layout__form {
  min-width: 0;
  overflow-x: hidden;
}

body[data-page-type="vehicle"] .form-quote-request__fieldset--grid,
body[data-page-type^="vehicle"] .form-quote-request__fieldset--grid {
  min-width: 0;
}

body[data-page-type="vehicle"] .form-quote-request__field,
body[data-page-type^="vehicle"] .form-quote-request__field {
  min-width: 0;
}

body[data-page-type="vehicle"] .form-quote-request__text,
body[data-page-type="vehicle"] .form-quote-request__textarea,
body[data-page-type^="vehicle"] .form-quote-request__text,
body[data-page-type^="vehicle"] .form-quote-request__textarea {
  max-width: 100%;
  box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Tab servizi / dotazioni / scheda tecnica
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .dynamic-tabs__marker,
body[data-page-type^="vehicle"] .dynamic-tabs__marker {
  background-color: #d20000 !important;
}

body[data-page-type="vehicle"] .list--check .list__item:before,
body[data-page-type="vehicle"] ul.list--check > li:before,
body[data-page-type="vehicle"] .list ul li:before,
body[data-page-type="vehicle"] .list:is(ul) li:before,
body[data-page-type^="vehicle"] .list--check .list__item:before,
body[data-page-type^="vehicle"] ul.list--check > li:before,
body[data-page-type^="vehicle"] .list ul li:before,
body[data-page-type^="vehicle"] .list:is(ul) li:before {
  background-image: url("../../images/svg/gb-check.svg") !important;
  background-size: 20px 20px !important;
}

/* --------------------------------------------------------------------------
   Banner preventivo PDF
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .section--accent,
body[data-page-type^="vehicle"] .section--accent {
  background-color: #fff !important;
}

body[data-page-type="vehicle"] .section--accent .cta--dark,
body[data-page-type^="vehicle"] .section--accent .cta--dark {
  background-color: #0b1334 !important;
  color: #fff !important;
}

@media (hover: hover) {
  body[data-page-type="vehicle"] .section--accent .cta--dark:hover,
  body[data-page-type^="vehicle"] .section--accent .cta--dark:hover {
    background-color: #15204d !important;
    color: #fff !important;
  }
}

/* --------------------------------------------------------------------------
   Vantaggi noleggio – icone volante
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .list--horizontal li:before,
body[data-page-type^="vehicle"] .list--horizontal li:before {
  filter: hue-rotate(-38deg) saturate(2.8) brightness(0.95);
}

body[data-page-type="vehicle"] .list--check li:before,
body[data-page-type="vehicle"] .list ul li:before,
body[data-page-type="vehicle"] .list:is(ul) li:before,
body[data-page-type^="vehicle"] .list--check li:before,
body[data-page-type^="vehicle"] .list ul li:before,
body[data-page-type^="vehicle"] .list:is(ul) li:before {
  background-image: url("../../images/svg/gb-check.svg") !important;
  background-size: 20px 20px !important;
}

/* --------------------------------------------------------------------------
   Slider immagini – altezza minima senza alterare il meccanismo edSlider
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .gallery-offer-selection,
body[data-page-type^="vehicle"] .gallery-offer-selection {
  min-width: 0;
}

body[data-page-type="vehicle"] .gallery-offer-selection__content,
body[data-page-type^="vehicle"] .gallery-offer-selection__content {
  min-width: 0;
  overflow: hidden;
}

body[data-page-type="vehicle"] .vehicle-slider,
body[data-page-type^="vehicle"] .vehicle-slider {
  min-height: 500px;
  height: 500px;
  overflow: hidden;
}

/* Fallback se edSlider non si inizializza (JS mancante o errore) */
body[data-page-type="vehicle"] .vehicle-slider.inactive .vehicle-slider__slide:not(.current),
body[data-page-type^="vehicle"] .vehicle-slider.inactive .vehicle-slider__slide:not(.current) {
  display: none !important;
}

body[data-page-type="vehicle"] .vehicle-slider.inactive .vehicle-slider__wrapper,
body[data-page-type^="vehicle"] .vehicle-slider.inactive .vehicle-slider__wrapper {
  width: 100% !important;
  transform: none !important;
}

@media (max-width: 767px) {
  body[data-page-type="vehicle"] .vehicle-slider,
  body[data-page-type^="vehicle"] .vehicle-slider {
    min-height: 280px;
    height: 280px;
  }
}

body[data-page-type="vehicle"] .vehicle-slider__bullet--active,
body[data-page-type^="vehicle"] .vehicle-slider__bullet--active {
  background-color: #d20000 !important;
  opacity: 1;
}

body[data-page-type="vehicle"] .vehicle-slider__ribbon--top,
body[data-page-type^="vehicle"] .vehicle-slider__ribbon--top {
  background-color: #d20000 !important;
  color: #fff !important;
}

@media (min-width: 768px) {
  body[data-page-type="vehicle"] .vehicle-slider__ribbon--top,
  body[data-page-type^="vehicle"] .vehicle-slider__ribbon--top {
    border-bottom-color: #d20000 !important;
  }
}

body[data-page-type="vehicle"] .gallery-offer-selection__extra,
body[data-page-type^="vehicle"] .gallery-offer-selection__extra {
  min-width: 0;
  max-width: 100%;
}

body[data-page-type="vehicle"] .form-offer-configuration,
body[data-page-type^="vehicle"] .form-offer-configuration {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body[data-page-type="vehicle"] .gallery-offer-selection__thumbnails .gallery-offer-selection__img--current,
body[data-page-type="vehicle"] .gallery-offer-selection__thumbnails .gallery-offer-selection__img.active,
body[data-page-type^="vehicle"] .gallery-offer-selection__thumbnails .gallery-offer-selection__img--current,
body[data-page-type^="vehicle"] .gallery-offer-selection__thumbnails .gallery-offer-selection__img.active {
  outline-color: #d20000 !important;
}

/* --------------------------------------------------------------------------
   Card correlate
   -------------------------------------------------------------------------- */
body[data-page-type="vehicle"] .simple-card__wrap,
body[data-page-type^="vehicle"] .simple-card__wrap {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(11, 19, 52, 0.15) !important;
  border-radius: 16px !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 12px 32px rgba(11, 19, 52, 0.1) !important;
  font-family: "Montserrat", Arial, sans-serif;
}

@media (hover: hover) {
  body[data-page-type="vehicle"] .simple-card__wrap:hover,
  body[data-page-type^="vehicle"] .simple-card__wrap:hover {
    border-color: #0b1334 !important;
    transform: translateY(-8px);
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.08),
      0 20px 45px rgba(11, 19, 52, 0.18) !important;
  }
}

body[data-page-type="vehicle"] .card-price,
body[data-page-type="vehicle"] .card-price__current,
body[data-page-type="vehicle"] .card-price__current > strong,
body[data-page-type^="vehicle"] .card-price,
body[data-page-type^="vehicle"] .card-price__current,
body[data-page-type^="vehicle"] .card-price__current > strong {
  color: #d62222 !important;
}

body[data-page-type="vehicle"] .simple-card__footer .cta,
body[data-page-type^="vehicle"] .simple-card__footer .cta {
  background-color: #0b1334 !important;
  color: #fff !important;
}

@media (hover: hover) {
  body[data-page-type="vehicle"] .simple-card__footer .cta:hover,
  body[data-page-type^="vehicle"] .simple-card__footer .cta:hover {
    background-color: #15204d !important;
  }
}