/* Drawer filters of the Produits Redwood filter set (Oui Blocks): the look of the former jFilters module, kept so the
   drawer is unchanged after jFilters is removed. Selectors keep the jFilters class names the markup uses. */
.mod-jfilters_filters { --filter-header-hover-background: #eaeaea; --list-item-line-height : 1.8em; --input-item-dummy-size: 1.3em; --input-item-dummy-size-text-margin : 0.4em; --input-item-dummy-selected-color: #006898; --input-item-dummy-color-background: #fff; --input-item-dummy-color-border: #ccc; --input-item-dummy-color-hover: #ccc; --input-item-dummy-color-shadow-active: rgba(42, 105, 183, 0.25); --input-item-dummy-checkbox-radius: .2em; --button-background-color: #FBFBFB; --button-background--hover-color: #F4F4F4; --button-background--hover-shadow: #BBB; --button-text-color: #555555; --button-boder-color: #999; --button-selected-boder-color: #969696; --button-radius:.15em; --button-height: 1.8em; }
.jfilters-filter-container { padding: 0.8rem 0 0.5rem 0; border-bottom: 1px solid #dfdfdf; }
.jfilters-filter-header { display: block; margin: 0; }
.jfilters-filter-header__toggle { font-size: 1.1rem; font-weight: 600; text-align: start; cursor: pointer; background: transparent; outline: none; padding: .25rem; margin: 0; display: inline-block; border: none; width: 100%; }
.jfilters-filter-header__toggle:hover { background-color: var(--filter-header-hover-background); }
.jfilters-filter-header__toggle:focus { /*FF shows an outline for active buttons */ outline: 0; background-color: var(--filter-header-hover-background); }
/* Set the chevron icon next to the filter header */ .jfilters-filter-header__toggle .jfilters-chevron { width: 1.2em; height: 1.2em; display: inline-block; transition: transform .1s; margin-inline-start: 0.2em; }
.jfilters-filter-container__inner { margin: .5rem 0 0 0; padding: 0 .25rem 0 .25rem; }
.jfilters-filter-header__toggle[aria-expanded="false"] .jfilters-chevron { transform: rotate(-90deg); }
.jfilters-filter-container__inner[aria-hidden="true"] { display: none; }
/* The options list */ .jfilters-filter-list { list-style: none; padding-inline-start: 0; margin-top: 0; }
.jfilters-filter-container__inner > .jfilters-filter-list { margin-bottom: 0.5rem; }
/** Nested list **/ .jfilters-filter-list .jfilters-filter-list { /* This is overwritten from templates using higher specificity (e.g. ids). Hence !important */ padding-inline-start: 1.7em !important; }
/** Nested list - visible **/ .jfilters-filter-list .jfilters-filter-list--visible { display: block !important; }
.jfilters-filter-list__item { line-height: var(--list-item-line-height); vertical-align: middle; }
.jfilters-filter-list__item--parent { display: block; }
.jfilters-filter-list__item--hidden { display: none !important; }
.jfilters-item-link { text-decoration: none; display: inline; }
.jfilters-item-link:hover { text-decoration: underline; }
.jfilters-item__counter { margin-inline-start: 0.3em; }
.jfilters-item-link:has(input:checked) { content: ""; font-weight: 700; }
/* the chevron icon */ .jfilters-item-link .jfilters-chevron { display: inline-block; width: 1.3em; height: 1.3em; transition: transform .1s; }
.jfilters-item-link[aria-expanded="false"] .jfilters-chevron, .jfilters-item__toggle-btn[aria-expanded="false"] .jfilters-chevron { transform: rotate(-90deg); }
/* the toggle button for nested lists */ .jfilters-item__toggle-btn { background: transparent; outline: none; padding: 0; margin: 0; margin-inline-start: -0.3em; display: inline-block; border: none; box-sizing: border-box; line-height: 0; }
.jfilters-item__toggle-btn:focus { /*FF shows an outline for active buttons */ outline: 0; }
.jfilters-filter-container__inner ul[aria-hidden="true"] { display: none; }
.jfilters-item__text { box-sizing: border-box; }
/* The dummy input border */ .jfilters-item-link--dummy-input:before { background: var(--input-item-dummy-color-background); content: ""; display: inline-block; margin-top: calc((var(--list-item-line-height) - var(--input-item-dummy-size)) / 2); position: absolute; border: .1em solid var(--input-item-dummy-color-border); cursor: pointer; text-align: center; width: var(--input-item-dummy-size); height: var(--input-item-dummy-size); transition: border-color .2s, background .2s, box-shadow .2s; overflow: hidden; }
.jfilters-item-link--clear { font-size: 0.9em; }
.jfilters-item-link--dummy-input:has(input:checked):before { border-color:var(--input-item-dummy-selected-color); box-sizing: border-box; }
.jfilters-item-link--dummy-input:active:before { box-shadow: 0 0 0 0.25rem var(--input-item-dummy-color-shadow-active); }
.jfilters-item-link--dummy-input .jfilters-item__label-text { padding-inline-start: var(--input-item-dummy-size); margin-inline-start: var(--input-item-dummy-size-text-margin); }
.jfilters-item-link--checkbox:before { border-radius: var(--input-item-dummy-checkbox-radius); }
.jfilters-item-link--dummy-input:hover .jfilters-item__label-text::before, .jfilters-item-link--dummy-input:focus .jfilters-item__label-text::before { content: ""; display: inline-block; position: absolute; width: var(--input-item-dummy-size); height: var(--input-item-dummy-size); margin-top: calc((var(--list-item-line-height) - var(--input-item-dummy-size)) / 2); margin-inline-start: calc((var(--input-item-dummy-size-text-margin) + var(--input-item-dummy-size)) / -1); padding: 0; z-index: 99; box-sizing: border-box; }
.jfilters-item-link--checkbox:hover .jfilters-item__label-text::before, .jfilters-item-link--checkbox:focus .jfilters-item__label-text::before { border: solid var(--input-item-dummy-color-hover); border-width: 0 8px 5px 0; transform: rotate(45deg) scaleX(0.38) scaleY(0.625); margin-top: calc((var(--list-item-line-height) - var(--input-item-dummy-size)) / 3.5); }
/* Selected dummy inputs */ .jfilters-item-link--dummy-input:has(input:checked) .jfilters-item__label-text::before { content: ""; display: inline-block; position: absolute; width: var(--input-item-dummy-size); height: var(--input-item-dummy-size); margin-top: calc((var(--list-item-line-height) - var(--input-item-dummy-size)) / 2); margin-inline-start: calc((var(--input-item-dummy-size-text-margin) + var(--input-item-dummy-size)) / -1); padding: 0; z-index: 100; box-sizing: border-box; }
.jfilters-item-link--checkbox:has(input:checked) .jfilters-item__label-text::before { border: solid var(--input-item-dummy-selected-color); border-width: 0 8px 5px 0; transform: rotate(45deg) scaleX(0.38) scaleY(0.625); margin-top: calc((var(--list-item-line-height) - var(--input-item-dummy-size)) / 3.5); }
.jfilters_button__label--hide { display: none; }
.jfilters__loadMore_dots { display: flex; justify-content: center; align-items: center; }
.jfilters__loadMore_dots--hide { display: none; }
.jfilters__loading_indicator { opacity: 0; }
.jfilters__dot { height: 12px; width: 12px; margin: calc(1em - 10px) 3px; padding: 0; border-radius: 5px; background-color: #807ea3; animation: dot-blinking .5s infinite linear alternate; }
.jfilters__dot:nth-child(2) { animation-delay: 0.1s; }
.jfilters__dot:nth-child(3) { animation-delay: 0.2s; }

/* Blocks specifics: the checkbox is a real input behind the drawn box; sections and nested lists use [hidden]. */
.jfilters-item__input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.jfilters-item-link--dummy-input:has(input:focus-visible):before { outline: 2px solid #006898; outline-offset: 1px; }
.jfilters-item-link--dummy-input { cursor: pointer; }
.jfilters-filter-container__inner[hidden], .jfilters-filter-list[hidden], .jfilters-filter-list__item[hidden] { display: none !important; }
button.jfilters-item-link { background: transparent; border: 0; padding: 0; font: inherit; color: inherit; text-align: start; cursor: pointer; }
.jfilters-filter-container[hidden] { display: none; }
/* The items are labels and buttons here, links in jFilters: take back what the template styles on label (uppercase, spacing, grey). */
label.jfilters-item-link, button.jfilters-item-link { display: inline !important; font: inherit; line-height: inherit; letter-spacing: normal; text-transform: none; color: #252525; margin: 0; }
button.jfilters-item-link { vertical-align: baseline; }
label.jfilters-item-link:hover, a.jfilters-item-link:hover { color: #0345bf; }

/* Results page: the choice as removable chips (above the product cards) */
.advancedfilter-chips { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 20px; }
.advancedfilter-chip-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.advancedfilter-chip-title { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #252525; }
.advancedfilter-chip { display: inline-block; background: rgb(163, 150, 115); color: #fff; padding: 4px 14px; border-radius: 3px; text-decoration: none; }
.advancedfilter-chip:hover, .advancedfilter-chip:focus { background: #252525; color: #fff; }
.advancedfilter-chips-join { color: #777; }
.advancedfilter-chips-clear { margin-left: 8px; color: #0345bf; text-decoration: underline; }
/* Results page: the content starts below the fixed header, with the side margins of the product pages */
.com-blocks-advancedfilter { padding: 150px 15px 40px; }
@media (min-width: 992px) { .com-blocks-advancedfilter { padding-left: 80px; padding-right: 80px; } }
/* Results page: chips on the left, the Filtrer button on the right, one bar directly above the cards */
.rw-results-bar { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin: 0 0 25px; }
.rw-results-bar .advancedfilter-chips { margin: 0; }
.rw-results-bar #boutondefiltrage { float: none; flex: none; }