/*
--------------------------------------
Slider
--------------------------------------
*/

.homeSlider {
    overflow: hidden;
}

.homeSlider.default-container,
.bwaHomeSlider.default-container {
    max-width: 100%;
}

section.homeSlider__container .bwaHomeSlider.default-container {
    position: relative;
}

section.bwaHomeSlider__container {
    position: relative;
}

.desktop__homeMain__slider .slick-slide a {
    pointer-events: none;
}

.slider-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slider-text-container h1 {
    background: rgba(255, 255, 255, 0.85);
    padding: 1em;
}

section.homeSlider__container ul.slick-dots {
    position: absolute;
    bottom: 20vh;
}

section.homeSlider__container .slick-dots button {
    border: none;
    background-color: #dedddd;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 73px;
    height: 2px;
    border-radius: 0;
    text-indent: -999px;
    cursor: pointer;
}

section.homeSlider__container li.slick-active button {
    box-sizing: content-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 73px;
    height: 2px;
    border-radius: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--color-primary);
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}

section.homeSlider__container .slick-dots li button {
    text-indent: -9999px;
}

.mobile__homeMain__slider.slider__content {
    width: 100%;
}

.bwaHomeSlider .mobile__homeMain__slider img {
    padding: 0;
}

/*
--------------------------------------
Recherche par lot/unité
--------------------------------------
*/

section.homeSlider__container {
    display: grid;
    grid-template-rows: 70% 10% auto;
    padding-bottom: 10vh;
}

.homeSlider.default-container {
    grid-row: 1/-1;
    grid-column: 1/-1;
}

.search-lot-units {
    grid-row: 3/4;
    grid-column: 1/-1;
    position: relative;
    z-index: 500;
}

.search-lot-units-container {
    background: var(--color-primary) url(../../../assets/img/home/fili-search.png) no-repeat;
    border-radius: 5px;
    max-width: 95%;
    margin: auto;
}

.search-lot-units-container .search-header {
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/
}

.search-lot-units-container .search-header-item {
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 1em;
    font-size: 1.5rem;
}

.search-header-item {
    background: #ebedf5;
    color: #000;
    border: none;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);*/
}

.search-header-item--active {
    background: var(--color-primary);
    color: #fff;
}

button.search-by-lot.search-header-item {
    border-radius: 5px 0 0 0;
}

button.search-by-units.search-header-item {
    border-radius: 0 5px 0 0;
}

/*.search-lot-units-container .search-body .search-body-content {*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*    padding: 2em;*/
/*}*/

.search-lot-units-container .search-body-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.search-lot-units-container .search-body-group label {
    color: #fff;
    margin-bottom: .25rem;
}

.search-lot-units-container .search-body-group select,
.search-lot-units-container .search-body-group option,
.search-lot-units-container .search-body-group input[type="number"] {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 0.5em;
    min-width: 100px;
    font-size: 14px;
}

.search-lot-units-container .search-footer {
    display: flex;
    justify-content: center;
    padding-bottom: 1em;
}

/*.search-body-content {*/
/*    display: none;*/
/*}*/

.search-body-content--active {
    /*display: flex;*/
    /*justify-content: space-around;*/
    padding: 2em;
}

.search-footer button.btn-secondary {
    background-color: var(--color-secondary);
}

.search-footer button.btn-secondary:hover {
    background-color: var(--color-secondary-30);
}

.search-body-content .input-range-value-container {
    display: flex;
    position: relative;
}

.search-body-content .updated-range-slider__value {
    position: absolute;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
}

.search-body-content .updated-range-slider__value:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background: red;
    top: -1px;
    left: 50%;
}

.range-wrap {
    position: relative;
    display: flex;
}

.range {
    accent-color: #292e32;
    width: 100%;
    margin: 0 0.5em;
}

.bubble {
    position: absolute;
    top: 17px;
    transform: translateX(-50%);
    /*background: #292e32;*/
    color: white;
    border-radius: 4px;
    padding: 4px 12px;
}

.search-body-content span.range-slider__value {
    color: #fff;
    font-style: italic;
}

/*
--------------------------------------
Featured products
--------------------------------------
*/

.featuredProducts__container {
    padding: 5vh 0;
}

.s-featured-products {
    overflow: hidden;
}

.s-featured-products .slick-list {
    overflow: visible;
}

.s-featured-products .slick-slide {
    opacity: 1;
    transition: all .3s;
}

.s-featured-products .slick-slide:not(.slick-active) {
    opacity: 0.4;
}
.s-featured-products article {
    padding-right: 10px;
}

    /*
    --------------------------------------

    --------------------------------------
    */

.offers-slider {
    margin: 0 -10px;
}

.offers-slider .slick-slide {
    padding: 0 10px;
}

/*
--------------------------------------
Qui sommes-nous
--------------------------------------
*/

.who-are-we {
    display: flex;
    background: var(--color-black-alt-default);
    color: var(--color-white-default);
}

.who-are-we__text {
    text-align: justify;
    font-size: var(--font-size-400);
    letter-spacing: -0.025em;
    line-height: 1.67em;
    margin: 2.5em 0;
}

.who-are-we__text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.who-are-we__text-wrapper .who-are-we__title {
    width: 100%;
}

.who-are-we__title {
    display: flex;
    align-items: center;
}

.who-are-we__title:before,
.who-are-we__title:after {
    content: '';
    display: inline-block;
    height: 1px;
    flex: 1 0 0;
    background: var(--color-grey-font-default);
}

.who-are-we__title span {
    font-size: var(--font-size-600);
    padding: 0 0.8em;
}

.who-are-we__text-wrapper a.btn-primary {
    text-transform: uppercase;
}

/*
--------------------------------------
Cms 7 -- nos produits
--------------------------------------
*/

body#index .col-content > .elementor-column-wrap > .elementor-widget-wrap {
    flex-direction: column;
    align-content: center;
}

body#index .elementor-icon-box-content {
    display: grid;
    grid-template-columns: 40% 5% 50%;
    grid-gap: 15px;
    border: 1px solid #eaebec;
    border-radius: 5px;
    max-width: 50%;
    padding: 10px 5px;
    margin: auto;
    margin-bottom: 1em;
}

body#index .pneumatiques-adaptes .elementor-icon-box-content {
    max-width: 70%;
}

body#index .elementor-icon-box-content .elementor-icon-box-title {
    position: relative;
    grid-column: 1;
    align-self: center;
    text-align: center;
}

body#index .elementor-icon-box-content .elementor-icon-box-title:after {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    right: -25px;
    width: 3px;
    height: 58px;
    background: #707d84;
}

body#index .elementor-icon-box-title span {
    font-size: calc(17px + (27 - 17) * ((100vw - 320px) / (1920 - 320)));
}

body#index .elementor-icon-box-description {
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    grid-column: 3;
}

div.ce-edit-wrapper {
    /*margin-top: -70px;*/
}