body { --offers--spacing--xlarge: 30px; --offers--spacing--medium: 20px; --offers--spacing--small: 15px; --offers--spacing--xsmall: 10px; --offers--spacing--xxsmall: 5px; --offers--primary--color: var(--wp--preset--color--grey); --offers--podium--background: var(--wp--custom--button--first--background); --offers--podium--color: var(--wp--custom--button--first--color); --offers--border--width: 1px; --offers--border--style: solid; --offers--label--color: #888888; --offers--border--color-light: #F4F5F6; --offers--star--color: #FFD600; --offers--preset--font-size--xl: 1.5rem; --offers--preset--font-size--l: 1.25rem; --offers--preset--font-size--m: 1.05rem; --offers--preset--font-size--s: 1rem; --offers--preset--font-size--xs: 0.9rem; --offers--preset--font-size--xxs: 0.85rem; }

.offer { display: flex; flex-direction: column; padding: var(--offers--spacing--medium); margin-bottom: var(--offers--spacing--small); background-color: var(--offers--preset--color--white); border: var(--offers--border--width) var(--offers--border--style) var(--offers--primary--color); border-radius: var(--wp--custom--border--radius); overflow: hidden; }
.offer__content { height: 100%; display: flex; flex-direction: column; }
.offer__bottom { margin-top: auto; }
.offer__podium { background-color: var(--offers--podium--background); color: var(--offers--podium--color); text-align: center; font-weight: 700; padding: 5px; margin: calc(var(--offers--spacing--medium) * -1) calc(var(--offers--spacing--medium) * -1) var(--offers--spacing--medium) calc(var(--offers--spacing--medium) * -1); }
.offer__header { display: flex; align-items: center; margin-bottom: var(--offers--spacing--small); line-height: 1.1; }
.offer__header img { max-width: 60px; margin-right: var(--offers--spacing--medium); max-height: 50px; -o-object-fit: contain; object-fit: contain; }
.offer__header .offer__icon { max-width: 65px; margin: 0 0 0 auto; }
.offer__header .offer__details { margin-left: auto; }
.offer__heading { margin: 0; font-size: var(--offers--preset--font-size--l); font-weight: bold; }
.offer__subtitle { font-size: var(--offers--preset--font-size--s); color: var(--offers--label--color); }
.offer__left > .offer__options, .offer__more > .offer__options { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: var(--offers--spacing--small); }
.offer__left > .offer__options li, .offer__more > .offer__options li { padding: var(--offers--spacing--xsmall) var(--offers--spacing--small); margin-top: 0; border-bottom: var(--offers--border--width) var(--offers--border--style) var(--offers--border--color-light); }
.offer__left > .offer__options li:nth-child(2n+1), .offer__more > .offer__options li:nth-child(2n+1) { border-right: var(--offers--border--width) var(--offers--border--style) var(--offers--border--color-light); padding-left: 0; }
.offer__left > .offer__options li:nth-child(2n+1):last-child, .offer__more > .offer__options li:nth-child(2n+1):last-child { grid-column-end: 3; grid-column-start: 1; border-right: none; }
.offer__left > .offer__options li > span, .offer__more > .offer__options li > span { display: block; text-align: left; }
.offer__left > .offer__options li > span:first-child, .offer__more > .offer__options li > span:first-child { margin-bottom: 5px; }
.offer__score { font-size: var(--offers--preset--font-size--l); color: var(--offers--border--color-light); line-height: 1; letter-spacing: -2px; }
.offer__score[data-score="1"] span:nth-child(1) { color: var(--offers--star--color); }
.offer__score[data-score="2"] span:nth-child(-n+2) { color: var(--offers--star--color); }
.offer__score[data-score="3"] span:nth-child(-n+3) { color: var(--offers--star--color); }
.offer__score[data-score="4"] span:nth-child(-n+4) { color: var(--offers--star--color); }
.offer__score[data-score="5"] span:nth-child(-n+5) { color: var(--offers--star--color); }
.offer__link { width: 100%; display: inline-block; text-align: center; text-decoration: none; }
.offer__options, .offer__details { list-style: none; padding: 0; margin: 0; }
.offer__options li > span:not(.offer__score) { font-size: var(--offers--preset--font-size--xs); line-height: 1.2; }
.offer__options li > span:not(.offer__score):first-child { flex: 0 0 50%; text-align: left; text-transform: uppercase; font-weight: 700; color: var(--offers--label--color); }
.offer__details { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
.offer__details li { margin-bottom: var(--offers--spacing--xxsmall) !important; padding: var(--offers--spacing--xsmall); background-color: var(--offers--border--color-light); border-radius: var(--wp--custom--border--radius); text-align: right; }
.offer__details li:only-child { grid-column-end: 3; grid-column-start: 1; }
.offer__details li span { display: block; }
.offer__details li span:first-child { font-size: var(--offers--preset--font-size--xs); }
.offer__details li span:last-child { font-weight: 600; }
.offer__tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.offer__tags li { margin: 5px 0 5px 8px !important; padding: 3px 10px; border: 1px solid var(--offers--primary--color); border-radius: 20px; font-size: var(--offers--preset--font-size--xs); }
.offer__bottom { display: grid; grid-gap: var(--offers--spacing--xsmall); order: 15; }
.offer-toggle { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; width: 100%; background: transparent; border: none; padding: var(--offers--spacing--xsmall) 0; font-size: var(--offers--preset--font-size--xs); text-transform: uppercase; font-weight: 700; color: var(--offers--label--color); text-align: left; }
.offer-toggle span { pointer-events: none; }
.offer-toggle:after { content: ''; border: solid var(--offers--label--color); border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform-origin: center; transform: rotate(-135deg); transition: all .25s ease; }
.offer-toggle:not([aria-expanded="true"]) .offer__options-toggle--opened { display: none; }
.offer-toggle:not([aria-expanded="true"]):after { transform: rotate(45deg); margin-top: -5px; }
.offer-toggle[aria-expanded="true"] .offer__options-toggle--closed { display: none; }
@media (max-width: 781px) { .offer__link { font-size: var(--offers--preset--font-size--s); } }
@media (min-width: 782px) { .offer__bottom { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }

.offer--column .offer, .offers-list--column .offer { display: flex; }
.offer--large .offer__right, .offers-list--large .offer__right { grid-area: options; }
.offer--large .offer__left, .offers-list--large .offer__left { grid-area: details; }
.offer--small, .offers-list--small { padding: var(--offers--spacing--small); }
.offer--small .offer__right, .offers-list--small .offer__right { display: flex; gap: 5px; }
.offer--small .offer__heading, .offers-list--small .offer__heading { font-size: var(--offers--preset--font-size--m); }
.offer--small .offer__subtitle, .offers-list--small .offer__subtitle { display: inline-block; margin-top: var(--wp--custom--spacing--xxsmall); font-size: var(--offers--preset--font-size--xs); }
.offer--small .offer__tags, .offers-list--small .offer__tags { margin-bottom: var(--offers--spacing--xsmall); }
.offer--small .offer__tags li, .offers-list--small .offer__tags li { margin: var(--offers--spacing--xxsmall) var(--offers--spacing--xsmall) 0px 0px !important; font-size: var(--offers--preset--font-size--xxs); transition: all .25s ease; }
.offer--small .offer__link, .offers-list--small .offer__link { min-width: 195px; font-size: var(--offers--preset--font-size--xs); font-weight: 400; }
.offer--small .offer__details .offer__option, .offers-list--small .offer__details .offer__option { margin-top: var(--wp--custom--spacing--xxsmall); }
@media (max-width: 781px) { .offer--small .offer__header, .offers-list--small .offer__header { flex-wrap: wrap; margin-bottom: 0; }
  .offer--small .offer__header > img, .offers-list--small .offer__header > img { flex: 0 0 20%; }
  .offer--small .offer__right, .offers-list--small .offer__right { flex-direction: column; }
  .offer--small .offer__title, .offers-list--small .offer__title { flex: 0 0 calc( 80% - var(--offers--spacing--medium) ); }
  .offer--small .offer__details, .offers-list--small .offer__details { flex: 0 0 100%; margin-top: 10px; } }
@media (min-width: 782px) { .offer__bottom, .offers-list__bottom { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .offer--large .offer__header, .offers-list--large .offer__header { padding: 0 0 var(--offers--spacing--xsmall) 0; border-bottom: var(--offers--border--width) var(--offers--border--style) var(--offers--border--color-light); }
  .offer--large .offer__content, .offers-list--large .offer__content { display: grid; grid-gap: var(--offers--spacing--xsmall) var(--offers--spacing--medium); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-template-areas: "details options" "details bottom" "more more"; }
  .offer--large .offer__bottom, .offers-list--large .offer__bottom { grid-area: bottom; }
  .offer--large .offer__bottom .wp-block-button:only-child, .offers-list--large .offer__bottom .wp-block-button:only-child { grid-column-start: 1; grid-column-end: 3; }
  .offer--large .offer__more, .offers-list--large .offer__more { grid-area: more; }
  .offer--small .offer__content, .offers-list--small .offer__content { flex-direction: row; justify-content: space-between; align-items: center; }
  .offer--small .offer__left, .offers-list--small .offer__left { flex: 0 0 51%; }
  .offer--small .offer__right, .offers-list--small .offer__right { flex-direction: row; flex: 0 0 49%; justify-content: flex-end; }
  .offer--small .offer__details li, .offers-list--small .offer__details li { min-width: 150px; }
  .offer--small .offer__details .offer__option, .offers-list--small .offer__details .offer__option { font-size: var(--offers--preset--font-size--l); }
  .offer--small .offer__tags, .offers-list--small .offer__tags { justify-content: flex-start; } }

.offers-list { margin-bottom: var(--offers--spacing--small); }
.offers-list__toggle { justify-content: center; padding: var(--offers--spacing--small); text-transform: none; margin-bottom: var(--offers--spacing--small); color: black; font-size: var(--offers--preset--font-size--s); font-weight: 600; border-radius: var(--wp--custom--border--radius); border: var(--wp--custom--border--width) var(--wp--custom--border--style) var(--wp--preset--color--grey); }
.offers-list__toggle:hover, .offers-list__toggle:focus { background-color: var(--offers--border--color-light); }
.offers-list__toggle:after { border-color: black; margin: 5px 0 0 10px; }
.offers-list__toggle:not([aria-expanded="true"]):after { margin: -7px 0 0 10px; }
@media (min-width: 782px) { .offers-list-grid--2 { display: grid; grid-gap: var(--offers--spacing--small); grid-template-columns: 1fr 1fr; }
  .offers-list-grid--2 .offer { margin-bottom: 0; } }

.offer.swiper-slide { height: auto !important; }

.offers-swiper { position: relative; }
.offers-swiper .swiper-container { padding: 0; }
.offers-swiper .swiper-wrapper { height: auto; padding-bottom: 1px; }
.offers-swiper .swiper-slide { height: auto !important; margin-bottom: 0; }
.offers-swiper .swiper-button-prev { left: -20px; }
.offers-swiper .swiper-button-next { right: -20px; }
.offers-swiper .swiper-pagination { width: 100%; margin: 10px auto 20px auto; position: relative; }

.offers-filters__inner { padding-top: var(--offers--spacing--medium); }
.offers-filters .wpgb-facet > fieldset:last-child { margin-bottom: 20px; }
.offers-filters__head { display: flex; justify-content: space-between; align-items: center; }
.offers-filters__head .offers-filters-close { padding: 0; position: relative; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.offers-filters__head .offers-filters-close:before, .offers-filters__head .offers-filters-close:after { position: absolute; content: ' '; height: 20px; width: 2px; background-color: white; }
.offers-filters__head .offers-filters-close:before { transform: rotate(45deg); }
.offers-filters__head .offers-filters-close:after { transform: rotate(-45deg); }
.offers-filters__title { margin: 0; }
@media (max-width: 781px) { .offers-filters { position: fixed; top: 0; left: 0; height: 100vh; overflow-y: scroll; background: white; z-index: 9999; padding: var(--offers--spacing--small); }
  .offers-filters:not(.offers-filters--active) { display: none; }
  .offers-filters-toggle { border: none; }
  .offers-filters-open-wrapper { display: grid; gap: var(--offers--spacing--xxsmall); grid-template-columns: calc( 40% - 2.5px ) calc( 60% - 2.5px ); position: sticky; top: 0; width: calc( 100% + 10px ); margin-bottom: var(--offers--spacing--xsmall); margin-left: -5px; background: var(--wp--preset--color--white); padding: var(--offers--spacing--xxsmall); transition: all .25s ease; }
  .offers-filters-open-wrapper .wpgb-facet > fieldset { margin-bottom: 0 !important; }
  .offers-filters-open-wrapper button { width: 100%; }
  .offers-filters-open-wrapper svg { width: 25px; fill: currentColor; margin-left: var(--offers--spacing--xsmall); }
  .offers-filters__order { display: none; } }
@media (min-width: 782px) { .offers-filters { visibility: hidden; transition: height .75s ease; height: 0; scrollbar-width: thin; padding-right: 4px; }
  .offers-filters::-webkit-scrollbar { width: 4px; background-color: var(--wp--preset--color--grey); border-radius: var(--wp--custom--button--border--radius); }
  .offers-filters-open-wrapper, .offers-filters__head { display: none !important; }
  .offers-filters.is-in-view { visibility: visible; height: 85vh; overflow-y: scroll; }
  .offers-filters .wpgb-apply { display: none; } }

.offers-filters .wpgb-facet .wpgb-facet-title, .offers-comparateur .wpgb-facet .wpgb-facet-title { font-size: 17px; margin: 0 0 10px 0; font-weight: 600; }
.offers-filters .wpgb-facet select.wpgb-select, .offers-filters .wpgb-facet .wpgb-search-facet input[type="search"], .offers-filters .wpgb-facet .wpgb-autocomplete-facet input[type="search"], .offers-filters .wpgb-facet .wpgb-radio-label, .offers-filters .wpgb-facet .wpgb-button-label, .offers-filters .wpgb-facet .wpgb-rating-label, .offers-filters .wpgb-facet .wpgb-az-index-label, .offers-filters .wpgb-facet .wpgb-checkbox-label, .offers-filters .wpgb-facet .wpgb-hierarchy-label, .offers-comparateur .wpgb-facet select.wpgb-select, .offers-comparateur .wpgb-facet .wpgb-search-facet input[type="search"], .offers-comparateur .wpgb-facet .wpgb-autocomplete-facet input[type="search"], .offers-comparateur .wpgb-facet .wpgb-radio-label, .offers-comparateur .wpgb-facet .wpgb-button-label, .offers-comparateur .wpgb-facet .wpgb-rating-label, .offers-comparateur .wpgb-facet .wpgb-az-index-label, .offers-comparateur .wpgb-facet .wpgb-checkbox-label, .offers-comparateur .wpgb-facet .wpgb-hierarchy-label { font-size: var(--offers--preset--font-size--xs); }
.offers-filters .wpgb-facet .wpgb-button[aria-pressed="true"], .offers-comparateur .wpgb-facet .wpgb-button[aria-pressed="true"] { background-color: var(--wp--preset--color--white); border-color: var(--wp--custom--button--first--hover-background); }
.offers-filters .wpgb-facet .wpgb-button[aria-pressed="true"] .wpgb-button-label, .offers-comparateur .wpgb-facet .wpgb-button[aria-pressed="true"] .wpgb-button-label { font-weight: 600; color: var(--wp--preset--color--black); }
.offers-filters .wpgb-facet ul .wpgb-button, .offers-filters .wpgb-facet select.wpgb-select, .offers-filters .wpgb-facet .wpgb-search-facet input[type="search"], .offers-filters .wpgb-facet .wpgb-autocomplete-facet input[type="search"], .offers-comparateur .wpgb-facet ul .wpgb-button, .offers-comparateur .wpgb-facet select.wpgb-select, .offers-comparateur .wpgb-facet .wpgb-search-facet input[type="search"], .offers-comparateur .wpgb-facet .wpgb-autocomplete-facet input[type="search"] { border-width: 1px; border-radius: var(--wp--custom--button--border--radius); }
.offers-filters .wpgb-facet ul .wpgb-button[aria-pressed="true"], .offers-comparateur .wpgb-facet ul .wpgb-button[aria-pressed="true"] { border-width: 2px; }
.offers-filters .wpgb-facet .wpgb-button:focus:not(button), .offers-filters .wpgb-facet .wpgb-rating:focus, .offers-filters .wpgb-facet .wpgb-hierarchy:focus, .offers-filters .wpgb-facet .wpgb-toggle-hidden:focus, .offers-filters .wpgb-facet .wpgb-range-clear:focus, .offers-filters .wpgb-facet .wpgb-range-thumb:focus, .offers-filters .wpgb-facet .wpgb-pagination li a:focus, .offers-filters .wpgb-facet .wpgb-radio:focus .wpgb-radio-control, .offers-filters .wpgb-facet .wpgb-checkbox:focus .wpgb-checkbox-control, .offers-filters .wpgb-facet .wpgb-color:focus .wpgb-color-control, .offers-filters .wpgb-facet .wpgb-az-index:focus .wpgb-az-index-label, .offers-comparateur .wpgb-facet .wpgb-button:focus:not(button), .offers-comparateur .wpgb-facet .wpgb-rating:focus, .offers-comparateur .wpgb-facet .wpgb-hierarchy:focus, .offers-comparateur .wpgb-facet .wpgb-toggle-hidden:focus, .offers-comparateur .wpgb-facet .wpgb-range-clear:focus, .offers-comparateur .wpgb-facet .wpgb-range-thumb:focus, .offers-comparateur .wpgb-facet .wpgb-pagination li a:focus, .offers-comparateur .wpgb-facet .wpgb-radio:focus .wpgb-radio-control, .offers-comparateur .wpgb-facet .wpgb-checkbox:focus .wpgb-checkbox-control, .offers-comparateur .wpgb-facet .wpgb-color:focus .wpgb-color-control, .offers-comparateur .wpgb-facet .wpgb-az-index:focus .wpgb-az-index-label { outline-color: transparent; }
.offers-filters .wpgb-apply, .offers-comparateur .wpgb-apply { width: 100%; }
.offers-filters .wpgb-facet select.wpgb-select:not([multiple]), .offers-comparateur .wpgb-facet select.wpgb-select:not([multiple]) { padding: 6px 48px 6px 16px; min-height: 45px; }
.offers-filters .wpgb-facet button.wpgb-button, .offers-comparateur .wpgb-facet button.wpgb-button { background-color: var(--wp--custom--button--first--background); border-radius: var(--wp--custom--button--border--radius); border-color: currentColor; border-width: var(--wp--custom--button--border--width); border-style: var(--wp--custom--button--border--style); color: var(--wp--custom--button--first--color); font-size: var(--wp--custom--button--size); font-weight: var(--wp--custom--button--weight); line-height: 1.3; padding-top: var(--wp--custom--button--padding--top); padding-right: var(--wp--custom--button--padding--right); padding-bottom: var(--wp--custom--button--padding--bottom); padding-left: var(--wp--custom--button--padding--left); }
.offers-filters .wpgb-facet button.wpgb-button.wpgb-load-more, .offers-comparateur .wpgb-facet button.wpgb-button.wpgb-load-more { width: 100%; border: none; background-color: var(--offers--border--color-light); color: var(--wp--preset--color--black); }

@media (max-width: 781px) { .scrollTop .offers-filters-open-wrapper { top: 80px; } }

.wpgb-no-scroll { overflow: hidden; }

.active-wpgb { font-weight: 600; }

.inactive-wpgb { opacity: .5; }
