/*
    Theme Name:   Agrimax
    Theme URI:    https://generatepress.com
    Description:  Thème enfant GeneratePress premium, customisé par L'Esprit Web pour T.S.A AGRI & AGRIMAX.
    Author:       Loïc Esprit
    Author URI:   https://www.lesprit-web.fr
    Template:     generatepress
    Version:      1.0.0
*/
:root {
    --box-shadow: 0 5px 30px -5px rgba(0, 0, 0, .25);
    --box-shadow-light: 0 10px 30px -10px rgba(0, 0, 0, .15);
    --transition-all: .25s all ease-out;
}
img[data-lazyloaded] {
    opacity: 0;
}
img.litespeed-loaded {
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}
html {
    scroll-padding-top: 160px !important;
    overflow: initial !important;
}
body {
    overflow: initial !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    animation: fadeInAnimation ease .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
button, input, select, textarea {
    font-size: 1em !important;
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
input[type=file]::file-selector-button {
    margin-right: 8px;
    border: 1px solid var(--accent);
    background: var(--light);
    padding: 10px 15px;
    color: var(--contrast);
    cursor: pointer;
}
small {
    font-size: 85%;
}
@keyframes fadeInAnimation {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
a {
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
.site-header {
    z-index: 9999;
    position: sticky;
    top: 0;
    box-shadow: var(--box-shadow-light);
    -webkit-box-shadow: var(--box-shadow-light);
    -moz-box-shadow: var(--box-shadow-light);
}
@media (min-width: 1024px) {
    .admin-bar .site-header {
        top: 32px
    }
}
.inside-header {
    justify-content: space-between;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-width: 1550px) {
    .inside-header {
        padding: 0 50px !important;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1550px) {
    .inside-header {
        padding: 0 40px !important;
    }
}
.site-logo {
    padding: 12px 0;
}
@media (min-width: 768px) {
    .site-logo {
        padding: 20px 0;
    }
}
@media (max-width: 768px) {
    .site-header .header-image {
        max-width: 100px;
    }
}

/* MOBILE NAVIGATION */
#mega-toggle-block-2 {
    margin-right: 0 !important;
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
    #mega-menu-wrap-primary {
        margin-right: 30px;
    }
}
#mobile-menu-control-wrapper,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block:after {
    display: none !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
    margin-right: 0;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-label {
    font-weight: 500;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-box {
    width: 35px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    max-width: 32px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after {
    height: 2px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
    top: 11px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    top: 22px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    transform: translate3d(0, -22px, 0) rotate(-90deg);
}
@media (max-width: 1024px) {
    #mobile-menu-control-wrapper .slideout-toggle,
    #site-navigation #mega-menu-wrap-primary {
        display: block;
    }
}

/* DESKTOP NAVIGATION */
#site-navigation {
    width: 100%;
}
#site-navigation .inside-navigation {
    display: flex;
    align-items: stretch;
    max-width: 100%;
    justify-content: flex-end;
}
#site-navigation .inside-navigation .menu-bar-items {
    order: -1;
    display: flex !important;
    align-items: center;
    padding: 0 15px;
}
@media (min-width: 1500px) {
    #site-navigation .inside-navigation .menu-bar-items {
        padding-right: 30px;
    }
}
@media (min-width: 1081px) {
    #site-navigation .inside-navigation .menu-bar-items {
        order: 2;
        min-width: 1px;
    }
    #mega-menu-wrap-primary {
        width: 100%;
    }
    #mega-menu-wrap-primary #mega-menu-primary p {
        margin-bottom: 15px;
    }
}
a .gp-icon.icon-search {
    display: flex;
    flex-direction: column;
    color: var(--accent);
    font-size: 1.6em;
}
a:hover .gp-icon.icon-search {
    color: var(--contrast);
}
a:focus .gp-icon.icon-search {
    color: var(--accent);
}
a .gp-icon.icon-search svg {
    top: 11px;
    height: 1.025em;
    display: initial;
    transform: translateY(0);
    transition: .2s all ease-out;
}
body.search-modal-open a .gp-icon.icon-search svg:first-child {
    opacity: 0;
    transform: translateY(-10px);
}
a .gp-icon.icon-search svg:nth-child(2) {
    opacity: 0;
    transform: translateY(10px);
    top: -11px;
}
body.search-modal-open a .gp-icon.icon-search svg:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
}

/* COOKIES */
.cmplz-cookiebanner {
    grid-row-gap: 0 !important;
}
.cmplz-cookiebanner .cmplz-message p,
.cmplz-cookiebanner .cmplz-categories {
    margin-bottom: 15px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size: 1em !important;
    font-weight: 400 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { order: -1 !important; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { order: 0 !important; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { order: 2 !important; }

/* SITE CONTENTS */
.site-content {
    padding: 30px 20px !important;
}
.site-content p a:not(.button),
.nf-field-element a,
.forminator-field a {
    background-image: linear-gradient(var(--accent),var(--accent));
    background-size: 75% 1px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.site-content p a:not(.button):hover,
.site-content p a:not(.button):focus,
.nf-field-element a:hover,
.nf-field-element a:focus,
.forminator-field a:hover,
.forminator-field a:focus {
    background-size: 100% 1px;
}
.site-content a.button:hover,
.site-content a.button:focus {
    box-shadow: var(--box-shadow);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
}
@media (min-width: 1025px) {
    .site-content {
        padding: 40px 20px !important;
    }
    body:not(.search) .page-header,
    body.error404 .entry-header {
        margin-bottom: 40px;
    }
}
@media (min-width: 1500px) {
    .site-content {
        padding: 50px 20px !important;
    }
}
:where(.is-layout-flex) {
    column-gap: 20px;
    row-gap: 10px;
}
/* 404 */
body.error404 .entry-content {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
/* Breadcrumb */
.rank-math-breadcrumb {
    position: relative;
    margin-bottom: 10px;
    width: auto;
    display: flex;
    justify-content: center;
    font-size: .9em;
}
.rank-math-breadcrumb a {
    text-decoration: none !important;
}
.rank-math-breadcrumb p {
    margin-bottom: 0;
}
.rank-math-breadcrumb > p > a:first-child {
    padding-left: 10px;
}
.rank-math-breadcrumb > p > a:first-child::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid var(--accent);
    border-left: 2px solid var(--accent);
    transform: translateX(0) rotate(45deg);
    left: -8px;
    top: 0;
    transition: .25s transform ease-out;
    -moz-transition: .25s transform ease-out;
    -webkit-transition: .25s transform ease-out;
}
.rank-math-breadcrumb > p > a:first-child:hover::before,
.rank-math-breadcrumb > p > a:first-child:focus::before {
    transform: translateX(-8px) rotate(45deg);
}
.rank-math-breadcrumb p .separator {
    color: var(--contrast-opacity);
    margin-left: 3px;
    margin-right: 3px;
}
@media (max-width: 768px) {
    .rank-math-breadcrumb p .separator {
        display: contents;
    }
}
@media (min-width: 1025px) {
    .rank-math-breadcrumb {
        font-size: 1em;
    }
    .rank-math-breadcrumb > p > a:first-child::before {
        left: -5px;
    }
    .rank-math-breadcrumb p .separator {
        color: var(--contrast-opacity);
        margin-left: 5px;
        margin-right: 6px;
    }
}
#main > nav > p > span:nth-child(2) {
    font-weight: 600;
    color: var(--accent);
    margin-left: 25px;
}
.rank-math-breadcrumb .last {
    display: none;
}
@media screen and (min-width: 1024px) {
    header h1:not(.product_title),
    .entry-header h1:not(.product_title),
    .page-header h1:not(.product_title) {
        text-align: center;
    }
}
header h1:not(.product_title):after,
.entry-header h1:not(.product_title):after,
.page-header h1:not(.product_title):after,
.tiret-logo:after {
    content: '';
    display: block;
    position: relative;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 17.07"><defs><style>.b{fill:%23cc1717;}</style></defs><path class="b" d="M88.92,0c.12.02.23.05.35.05,4.59,0,9.18.2,13.76.53,5.54.4,11.04,1.05,16.52,1.95.15.02.3.06.44.14-.44-.05-.88-.1-1.32-.14-3.08-.24-6.16-.49-9.25-.69-1.97-.13-3.95-.2-5.93-.25-2.99-.07-5.98-.16-8.98-.11-4.67.07-9.34.19-14,.4-3.48.15-6.95.41-10.41.73-3.83.34-7.66.75-11.48,1.22-7.46.93-14.86,2.2-22.22,3.76-8.4,1.78-16.69,3.96-24.85,6.6-2.77.89-5.51,1.88-8.26,2.83-.25.09-.42.06-.64-.09-.78-.57-1.58-1.12-2.37-1.68-.09-.06-.17-.13-.3-.23.31-.11.57-.21.84-.31,5.82-2.01,11.73-3.72,17.68-5.28,5.31-1.39,10.65-2.66,16.04-3.71,4.37-.85,8.76-1.66,13.16-2.36,4.19-.67,8.4-1.25,12.62-1.71,4.55-.49,9.12-.84,13.69-1.17,2.65-.19,5.31-.25,7.96-.34,1.44-.05,2.89-.05,4.34-.07.11,0,.21-.03.32-.05.76,0,1.51,0,2.27,0Z"/></svg>');
    background-size: 100% 100%;
    width: 120px;
    height: 17px;
}
@media screen and (min-width: 1024px) {
    header h1:not(.product_title):after,
    .tiret-logo:after {
        margin: 10px auto;
    }
}
@media (max-width: 768px) {
    header h1:not(.product_title):after,
    .entry-header h1:not(.product_title):after,
    .page-header h1:not(.product_title):after,
    .tiret-logo:after {
        width: 100px;
        height: 14px;
    }
    .tiret-logo.mobile-centre:after {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.tiret-logo.desktop-left:after,
.tiret-logo.tablet-left:after,
.tiret-logo.mobile-left:after {
    margin-left: 0 !important;
}
.tiret-logo.desktop-center:after,
.tiret-logo.tablet-center:after,
.tiret-logo.mobile-center:after {
    margin-left: auto !important;
    margin-right: auto !important;
}
.tiret-logo.desktop-right:after,
.tiret-logo.tablet-right:after,
.tiret-logo.mobile-right:after {
    margin-right: 0 !important;
}
hr:not(.kt-divider) {
    border-top: 1px dotted var(--contrast-opacity) !important;
    background-color: transparent;
    margin-bottom: 20px;
    margin-top: 20px;
}
ol,
ul:not(.wc-block-product-template) {
    margin: 0 0 20px 20px;
}

/* KB Accordeons */
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after {
    right: 9px !important;
}
.kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-arrowcircle .kt-blocks-accordion-icon-trigger:before {
    width: 8px !important;
}

/* KB Boite d'info */
.kt-blocks-info-box-title {
    margin-bottom: 0;
}

/* KB Row carousel */
.kb-row-layout-wrap.kt-row-has-bg.carousel {
    animation: fadeInAnimation ease .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.kb-row-layout-wrap.kt-row-has-bg.carousel > .kt-row-column-wrap h1 {
    font-weight: 200 !important;
}
.kb-row-layout-wrap.kt-row-has-bg.carousel > .kt-row-column-wrap h2 {
    font-weight: 500 !important;
}
.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
    bottom: 20px !important;
    z-index: 9 !important;
}

/* KB Gallery */
.kb-splide .splide__slide {
    width: 100%;
}

/* KB Image */
.wp-block-kadence-image .alignright {
    margin-top: 0 !important;
}
/* KB Icons list link */
.wp-block-kadence-listitem a.kt-svg-icon-link .kb-svg-icon-wrap {
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
.wp-block-kadence-iconlist:not(.noeffet) .wp-block-kadence-listitem a.kt-svg-icon-link:hover .kb-svg-icon-wrap,
.wp-block-kadence-iconlist:not(.noeffet) .wp-block-kadence-listitem a.kt-svg-icon-link:focus .kb-svg-icon-wrap {
    transform: translateX(5px);
}

/* WP Buttons default */
.wp-block-buttons.alignfull > .wp-block-button,
.wp-block-buttons.alignfull > .wp-block-button > .wp-element-button {
    width: 100%;
}
.wp-block-buttons > .wp-block-button a {
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 0;
}
.wp-block-buttons > .wp-block-button:not(.is-style-outline) a {
    color: var(--light);
    background-color: var(--accent);
    border: 1px solid var(--accent);
}
.wp-block-buttons > .wp-block-button:not(.is-style-outline) a:hover,
.wp-block-buttons > .wp-block-button:not(.is-style-outline) a:focus {
    color: var(--contrast);
    background-color: var(--light);
}
/* WP Buttons outline */
.wp-block-buttons > .wp-block-button.is-style-outline a {
    color: var(--contrast);
    background-color: var(--light);
    border: 1px solid var(--accent);
}
.wp-block-buttons > .wp-block-button.is-style-outline a:hover,
.wp-block-buttons > .wp-block-button.is-style-outline a:focus {
    color: var(--light);
    background-color: var(--accent);
}

/* Bouttons de partage */
#share-btn ul li a {
    color: var(--contrast);
}
#share-btn ul li a:hover,
#share-btn ul li a:focus {
    color: var(--accent);
}

/* WOOCOMMERCE */
.woocommerce ul.products::after, .woocommerce ul.products::before,
.woocommerce ul.products li mark.count {
    display: none !important;
}
/* Grid */
ul.search-results,
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    row-gap: 30px;
    list-style-type: none;
    margin: 0;
    margin-left: -8px;
    margin-right: -8px;
}
@media (min-width: 850px) {
    ul.search-results,
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1025px) {
    ul.search-results,
    .woocommerce ul.products {
        grid-template-columns: repeat(4, 1fr);
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 1168px) {
    ul.search-results,
    .woocommerce ul.products {
        gap: 30px;
    }
}
.woocommerce ul.products li {
    display: grid;
    grid-template-rows: max-content;
    position: relative;
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
@media (hover: hover), (-moz-touch-enabled: 0), (pointer:fine), (min-width: 1025px) {
    ul.search-results li:hover,
    .woocommerce ul.products li:not(.loop-custom-content):hover {
        background-color: var(--light-grey);
        box-shadow: var(--box-shadow);
        -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
    }
}
ul.search-results li > a:not(.read-more),
.woocommerce ul.products li:not(.loop-custom-content) a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--contrast);
    transition: .25s color ease-out;
    -moz-transition: .25s color ease-out;
    -webkit-transition: .25s color ease-out;
}
ul.wc-block-product-template li img,
ul.search-results li.type-product > a img,
.woocommerce ul.products li > a img {
    margin-bottom: 0 !important;
}
ul.wc-block-product-template li .woocommerce-loop-content,
.woocommerce ul.products li .woocommerce-loop-content {
    display: flex;
    flex-direction: column;
    padding: 15px;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    ul.wc-block-product-template li .woocommerce-loop-content,
    ul.search-results li .woocommerce-loop-content,
    .woocommerce ul.products li .woocommerce-loop-content {
        padding: 10px 8px;
    }
}
ul.wc-block-product-template li h2,
ul.search-results li h2,
.woocommerce ul.products li h2 {
    margin-bottom: 5px !important;
    padding: 0 !important;
    line-height: 1.6em;
    font-weight: 600;
    font-size: 1em;
}
ul.search-results li .price,
.woocommerce ul.products li .price {
    color: var(--accent) !important;
    margin-bottom: 0 !important;
    font-size: 1em !important;
}
ul.search-results li .price del,
.woocommerce ul.products li .price del {
    color: var(--contrast) !important;
    font-size: .95em;
}
.woocommerce ul.products li.product .price ins {
    font-weight: 500;
}
ul.search-results li p,
.woocommerce ul.products li .woocommerce-product-details__short-description p {
    margin: 0 !important;
}
.woocommerce ul.products li .woocommerce-product-details__short-description {
    color: var(--contrast);
    padding: 0 0 10px !important;
    font-size: .95em;
}
@media (max-width: 768px) {
    .woocommerce ul.products li .woocommerce-product-details__short-description {
        line-height: 1.6em;
    }
}
.inside-wc-product-image {
    position: relative;
    display: flex;
}
.inside-wc-product-image .secondary-image {
    position: absolute;
    opacity: 0;
    transition: .25s opacity ease-out;
    -moz-transition: .25s opacity ease-out;
    -webkit-transition: .25s opacity ease-out;
}
li:hover .inside-wc-product-image .secondary-image {
    opacity: 1;
}
ul.search-results li a span.bottom,
.woocommerce ul.products li a span.bottom {
    display: grid;
    grid-template-columns: 100%;
    border-top: 1px dotted var(--contrast-opacity);
    padding-top: 10px;
    margin-top: auto;
}
ul.search-results li a span.button,
.woocommerce ul.products li a span.button {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    font-size: .9em;
    font-weight: 600;
    margin-top: 0 !important;
    padding: 0;
}
@media (min-width: 1025px) {
    .woocommerce ul.products li .woocommerce-product-details__short-description {
        padding-bottom: 15px !important;
    }
    ul.search-results li a span.bottom,
    .woocommerce ul.products li a span.bottom {
        grid-template-columns: auto auto;
    }
    ul.search-results li a span.button,
    .woocommerce ul.products li a span.button {
        justify-content: flex-end;
    }
}
ul.search-results li a span.button svg,
.woocommerce ul.products li a span.button svg {
    width: 24px;
    height: 24px;
    color: var(--accent);
    transform: translateX(0);
    transition: .25s transform ease-out;
    -moz-transition: .25s transform ease-out;
    -webkit-transition: .25s transform ease-out;
}
ul.search-results li:hover a span.button,
ul.search-results li:focus a span.button,
.woocommerce ul.products li:hover a span.button,
.woocommerce ul.products li:focus a span.button {
    color: var(--accent);
}
ul.search-results li:hover a span.button svg,
ul.search-results li:focus a span.button svg,
.woocommerce ul.products li:not(.product-category):hover a span.button svg,
.woocommerce ul.products li:not(.product-category):focus a span.button svg {
    transform: translateX(8px);
    transition-delay: .15s;
}

/* WC product_cat shortcode with grid/list view */
ul.product-categories-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.product-categories-list li a {
    overflow: hidden;
}
ul.product-categories-list.grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5px !important;
}
@media screen and (min-width: 1024px) {
    ul.product-categories-list.grid.col2 { grid-template-columns: repeat(2, 1fr); }
    ul.product-categories-list.grid.col3 { grid-template-columns: repeat(3, 1fr); }
    ul.product-categories-list.grid.col4 { grid-template-columns: repeat(4, 1fr); }
    ul.product-categories-list.grid.col5 { grid-template-columns: repeat(5, 1fr); }
    ul.product-categories-list.grid.col6 { grid-template-columns: repeat(6, 1fr); }
}
ul.product-categories-list.grid li a {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
    min-height: 50px;
    background-color: var(--light-grey);
    font-weight: 500;
    line-height: 1.6em;
    color: var(--contrast) !important;
    text-decoration: none !important;
}
ul.product-categories-list.grid li a:hover,
ul.product-categories-list.grid li a:focus {
    box-shadow: var(--box-shadow);
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
}
ul.product-categories-list.grid li a img {
    max-width: 75px !important;
}
@media screen and (min-width: 1025px) {
    ul.product-categories-list.grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 10px !important;
    }
    ul.product-categories-list.grid li a img {
        transition: .25s transform ease-out;
        -moz-transition: .25s transform ease-out;
        -webkit-transition: .25s transform ease-out;
    }
    ul.product-categories-list.grid li a:hover img,
    ul.product-categories-list.grid li a:focus img {
        transform: scale(1.1);
    }
    ul.product-categories-list.grid li a img {
        max-width: 40% !important;
    }
}
ul.product-categories-list.grid li a span:not(.pointer) {
    padding: 5px 5px 5px 15px;
}
ul.product-categories-list.list {
    column-count: 1;
    column-gap: 40px;
}
ul.product-categories-list.list.col2 { column-count: 2; }
ul.product-categories-list.list.col3 { column-count: 3; }
ul.product-categories-list.list.col4 { column-count: 4; }
ul.product-categories-list.list.col5 { column-count: 5; }
ul.product-categories-list.list.col6 { column-count: 6; }

ul li a span.pointer {
    opacity: 0;
    padding: 0;
    color: var(--accent);
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
    transform: translate(-10px, -10px);
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
ul li a:hover span.pointer,
ul li a:focus span.pointer {
    opacity: 1;
    transition-delay: .15s;
    transform: translate(0, 0);
}
ul li a span.pointer svg {
    width: 24px;
    height: 24px;
}

/* SHORTCODES */
#brands-products {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
@media screen and (min-width: 1025px) {
    #brands-products {
        gap: 60px;
    }
}
#brands-products li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
#brands-products li img {
    width: auto;
    height: auto;
    max-width: 80px;
    max-height: 35px;
}
@media screen and (min-width: 769px) {
    #brands-products li img {
        max-width: 100px;
        max-height: 60px;
    }
}
#brands-products button {
    background: none;
}
#brands-products .slick-arrow svg {
    width: 50px;
    height: 50px;
    color: var(--contrast-opacity);
}
.slick-list {
    width: 100%;
}
#brands-products .slick-track {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    justify-content: center;
    gap: 20px;
}

/* WP SHOP LOCATOR */
#wpsl-gmap {
    width: 100%;
}
#wpsl-result-list li p {
    margin-bottom: 0;
}
#wpsl-wrap .wpsl-icon-direction,
.gm-style .gm-style-iw-c .gm-style-iw-ch {
    display: none !important;
}
.gm-style-iw-chr {
    position: absolute;
    right: -3px;
    top: -3px;
}
.gm-style .gm-style-iw-d {
    padding-top: 15px;
}

/* MEGA MENU */
/* Mobile submenus*/
@media (max-width: 1024px) {
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary,
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        height: calc(100dvh - 65px) !important;
        top: 65px !important;
        box-shadow: none !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle:after,
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
        top: 66px !important;
        box-shadow: none !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        box-shadow: var(--box-shadow);
        -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.mega-type-button) {
        border-bottom: 1px dotted var(--contrast-opacity);
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-type-button {
        border: 1px solid var(--accent);
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-type-button a {
        text-align: center;
        font-weight: 600;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item.mega-type-button > a.mega-menu-link {
        color: var(--contrast) !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-type-button a.mega-menu-link:hover,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item.mega-type-button > a.mega-menu-link:hover {
        color: var(--light) !important;
        background-color: var(--accent) !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-has-icon.mega-icon-left.mega-hide-text {
        float: left;
        clear: unset;
        border: none !important;
        margin-right: 20px;
        margin-top: 10px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0 !important;
        font-size: 1.1em;
        background: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li ul.mega-sub-menu {
        box-shadow: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
        padding: 0;
        margin-bottom: 10px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        line-height: 1.8em;
    }
}
/* Desktop hover */
.column-left {
    padding-right: 30px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-disable-link a {
    cursor: default !important;
}
/* 1er niveau */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    border-color: var(--light) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    color: var(--contrast) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:focus {
    color: var(--accent) !important;
}
/* Indicateur sous-menu */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    font-size: .8em !important;
    color: var(--contrast-opacity);
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:focus > span.mega-indicator {
    color: var(--accent);
    transition: .25s color ease-out;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link .mega-indicator,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current_page_parent > a.mega-menu-link .mega-indicator {
    color: var(--contrast) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:focus {
    border-color: var(--accent) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-weight: 500 !important;
    letter-spacing: .25px;
    transition: .3s border-color ease-out;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-left.mega-hide-text {
        display: none !important;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1168px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: .9em;
        padding-left: 3px !important;
        padding-right: 3px !important;
        letter-spacing: 0 !important;
    }
    .site-header .kb-button.kb-btn-global-outline {
        padding: 15px 5px !important;
    }
}
@media screen and (min-width: 1169px) and (max-width: 1279px) {
    .site-header .header-image {
        width: 120px;
    }
    a .gp-icon.icon-search {
        font-size: 1.4em;
    }
    .site-header .kb-button.kb-btn-global-outline {
        padding: 15px 8px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: .95em;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1500px) {
    .site-header .header-image {
        width: 140px;
    }
    a .gp-icon.icon-search {
        font-size: 1.4em;
    }
    .site-header .kb-button.kb-btn-global-outline {
        padding: 15px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 1em;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
@media screen and (max-width: 768px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-left {
        padding-top: 10px;
        padding-bottom: 15px;
    }
}
@media screen and (min-width: 1025px) {
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
        border-top: 1px solid var(--accent);
        padding: 40px 20px 50px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column.column-left {
        padding-right: 60px;
    }
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-text {
    font-weight: 500;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-text a.mega-menu-link:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-bottom: 2px solid var(--accent);
    border-left: 2px solid var(--accent);
    transform: translateX(-5px) rotate(-135deg);
    left: 2px;
    top: 6px;
    transition: var(--transition-all) !important;
    -moz-transition: var(--transition-all) !important;
    -webkit-transition: var(--transition-all) !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-text a.mega-menu-link:hover:before,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-text a.mega-menu-link:focus:before {
    transform: translateX(1px) rotate(-135deg);
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-button a.mega-menu-link {
    padding: 12px 25px;
    background-color: var(--light);
    border: 1px solid var(--accent);
    transition: var(--transition-all) !important;
    -moz-transition: var(--transition-all) !important;
    -webkit-transition: var(--transition-all) !important;
    width: auto;
    display: inline-block;
    color: var(--contrast);
    font-weight: 600;
    cursor: pointer !important;
}
@media screen and (max-width: 768px) {
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-button a.mega-menu-link {
        width: 100%;
        text-align: center;
    }
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-button a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-type-button a.mega-menu-link:focus {
    color: var(--light);
    background-color: var(--accent);
}

/* SEARCH MODAL */
.gp-search-modal .gp-modal__overlay {
    backdrop-filter: none;
    padding: 66px 0 0 !important;
    background: linear-gradient(180deg, transparent 104px, var(--gp-search-modal-overlay-bg-color) 104px, var(--gp-search-modal-overlay-bg-color));
}
.gp-modal__container {
    width: 100%;
    opacity: 0;
    transform: translateY(20px) !important;
    background: var(--light);
    padding: 0 20px 30px !important;
    transition: .2s all ease-out !important;
    box-shadow: var(--box-shadow-light);
    -webkit-box-shadow: var(--box-shadow-light);
    -moz-box-shadow: var(--box-shadow-light);
}
.gp-modal--open:not(.gp-modal--transition) .gp-modal__container {
    opacity: 1;
    transform: translateY(0) !important;
}
@media (min-width: 1025px) {
    .gp-search-modal .gp-modal__overlay {
        padding-top: 98px !important;
    }
    .admin-bar .gp-search-modal .gp-modal__overlay {
        padding-top: 130px !important;
    }
}
.search-modal-form {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto;
    border-bottom: 1px solid var(--contrast);
}
#search-modal-input {
    font-size: 1.1em;
    outline: none;
}
.search-modal-fields button {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}
.search-modal-form button:hover,
.search-modal-form button:focus {
    background-color: var(--accent) !important;
}
.search-modal-form button svg {
    width: 26px;
    height: 26px;
    color: var(--accent);
}
.search-modal-form button:hover svg,
.search-modal-form button:focus svg {
    color: var(--light);
}

/* PRINT */
@media print {
    .hide-on-print,
    .site-header,
    #breadcrumb {
        display: none
    }
}