/**
 * Gruppo Bonifacio – pagina risultati ricerca (/listings)
 * Override palette Yoyomove (giallo/nero) con rosso #d20000, navy #0b1334, card bianche.
 */

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

body[data-page-type="offer-list"] .main {
  background: #fff;
}

body[data-page-type="offer-list"] .main > .section:first-of-type {
  padding-top: 24px;
  padding-bottom: 20px;
  background: #fff;
}

body[data-page-type="offer-list"] .main > .section:first-of-type .h1 {
  color: #0b1334;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 700;
}

body[data-page-type="offer-list"] .section-filters {
  padding-bottom: 5rem !important;
}

/* --------------------------------------------------------------------------
   Filtri sidebar
   -------------------------------------------------------------------------- */
body[data-page-type="offer-list"] .filters__cta {
  background-color: #d20000 !important;
  color: #fff !important;
}

@media (max-width: 992px) {
  body[data-page-type="offer-list"] .filters__cta:hover {
    background-color: #b80000 !important;
  }
}

@media (min-width: 993px) {
  body[data-page-type="offer-list"] .filters__cta {
    border-radius: 16px 16px 0 0;
    color: #fff !important;
  }
}

body[data-page-type="offer-list"] .modal-filters__header {
  background-color: #d20000 !important;
  color: #fff !important;
}

body[data-page-type="offer-list"] .filters--selected .filters__cta:after {
  background-color: #0b1334 !important;
  color: #fff !important;
}

body[data-page-type="offer-list"] .filters__selected:hover {
  border-color: #d20000 !important;
}

body[data-page-type="offer-list"] .offers-filters-grid .cta--bordered,
body[data-page-type="offer-list"] .offers-filters-grid a.cta--bordered {
  background-color: #0b1334 !important;
  border-color: #0b1334 !important;
  color: #fff !important;
  cursor: pointer;
}

body[data-page-type="offer-list"] .offers-filters-grid .cta--bordered.cta--active,
body[data-page-type="offer-list"] .offers-filters-grid a.cta--bordered.cta--active {
  background-color: #d20000 !important;
  border-color: #d20000 !important;
  color: #fff !important;
}

body[data-page-type="offer-list"] .modal-filters__footer .cta,
body[data-page-type="offer-list"] .filters__clear.cta {
  background-color: #0b1334 !important;
  color: #fff !important;
}

@media (hover: hover) {
  body[data-page-type="offer-list"] .modal-filters__footer .cta:hover,
  body[data-page-type="offer-list"] .filters__clear.cta:hover {
    background-color: #15204d !important;
  }
}

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */
body[data-page-type="offer-list"] .pagination__page:hover,
body[data-page-type="offer-list"] .pagination__page--current {
  background-color: #d20000 !important;
  color: #fff !important;
}

body[data-page-type="offer-list"] .pagination__page-link:hover svg *,
body[data-page-type="offer-list"] .pagination__pages-group-link:hover svg * {
  fill: #d20000 !important;
}

/* --------------------------------------------------------------------------
   Griglia card – fallback se AJAX annida un secondo .offers-filters-grid
   -------------------------------------------------------------------------- */
@media (min-width: 993px) {
  body[data-page-type="offer-list"] .offers-filters-grid .offers-filters-grid {
    display: contents;
  }

  body[data-page-type="offer-list"] #productsList.simple-cards-grid__wrap {
    --simple-cards-grid-columns: 3;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 15px;
    row-gap: 35px;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  body[data-page-type="offer-list"] #productsList.simple-cards-grid__wrap {
    --simple-cards-grid-columns: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* --------------------------------------------------------------------------
   Card prodotto (simple-card)
   -------------------------------------------------------------------------- */
body[data-page-type="offer-list"] .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;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

@media (hover: hover) {
  body[data-page-type="offer-list"] .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="offer-list"] .simple-card--highlighted .simple-card__wrap {
  border-color: rgba(11, 19, 52, 0.15) !important;
}

body[data-page-type="offer-list"] .simple-card__wrap:hover .simple-card__image img {
  transform: scale(1.04);
}

body[data-page-type="offer-list"] .simple-card[data-top-ribbon-text]:before {
  background-color: #0b1334 !important;
  color: #fff !important;
}

body[data-page-type="offer-list"] .simple-card [data-upper-ribbon-text]:before {
  background-color: #d62222 !important;
}

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

body[data-page-type="offer-list"] .card-price__previous,
body[data-page-type="offer-list"] .card-price__frequency {
  color: #666 !important;
}

body[data-page-type="offer-list"] .simple-card__type {
  border-bottom-color: rgba(11, 19, 52, 0.2) !important;
  color: #333 !important;
}

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

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

body[data-page-type="offer-list"] .simple-card__features > span:before {
  filter: hue-rotate(-35deg) saturate(4);
}