/**
 * Theme Name: Swebetech
 * Template:   twentytwentyfive
 * Description: Ce thème est une réalisation sur-mesure pour ELITRONIS Il est donc entièrement compatible avec l'éditeur Gutenberg et la technologie Full Site Editing (FSE), technologie intégrée nativement à WordPress et permettant la construction de sites Internet sur-mesure, performants et qualitatifs.
 * Author: Swebetech
 * Author URI: https://swebetech.com
 */


/*********************************************** 
 * Environnements HTML et pages
 ***********************************************/
html {
    scroll-behavior: smooth;
    scroll-padding: 75px;
}

html>body {
    overflow-x: hidden !important;
    transition: 0.3s ease;
    scroll-padding: 75px;
}


/*********************************************** 
 * Surcharges WordPress TT5
 ***********************************************/
:where(.wp-site-blocks *:focus) {
    outline-width: inherit !important;
    outline-style: inherit !important;
}

:root :where(body) {
    --wp--style--root--padding-right: var(--wp--preset--spacing--20) !important;
    --wp--style--root--padding-left: var(--wp--preset--spacing--20) !important;

    --wc-subtext: var(--wp--preset--color--gris);
    --wc-form-border-color: var(--wp--preset--color--gris);
    --wc-form-border-radius: 8px;
    --wc-form-border-width: 1px;
    --wc-form-color-background: var(--wp--preset--color--fond-alternatif);
    --wc-form-color-text: var(--wp--preset--color--texte);

    --cmplz_banner_background_color: var(--wp--preset--color--fond) !important;
    --cmplz_banner_border_color: var(--wp--preset--color--gris) !important;
    --cmplz_banner_border_width: 0px 0px 0px 0px;
    --cmplz_banner_border_radius: 8px !important;
    --cmplz_banner_margin: 10px;
    --cmplz_categories-height: 216px;
    --cmplz_title_font_size: 15px;
    --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5);
    --cmplz_text_color: var(--wp--preset--color--texte) !important;
    --cmplz_hyperlink_color: var(--wp--preset--color--liens-hypertextes) !important;
    --cmplz_text_font_size: 12px;
    --cmplz_link_font_size: 12px;
    --cmplz_category_body_font_size: 12px;
    --cmplz_button_accept_background_color: var(--wp--preset--color--cta-principal-fond) !important;
    --cmplz_button_accept_border_color: var(--wp--preset--color--cta-principal-fond) !important;
    --cmplz_button_accept_text_color: var(--wp--preset--color--cta-principal-texte) !important;
    --cmplz_button_deny_background_color: var(--wp--preset--color--fond-alternatif) !important;
    --cmplz_button_deny_border_color: var(--wp--preset--color--fond-alternatif) !important;
    --cmplz_button_deny_text_color: var(--wp--preset--color--texte) !important;
    --cmplz_button_settings_background_color: var(--wp--preset--color--fond-alternatif) !important;
    --cmplz_button_settings_border_color: var(--wp--preset--color--fond-alternatif) !important;
    --cmplz_button_settings_text_color: var(--wp--preset--color--texte) !important;
    --cmplz_button_border_radius: 6px 6px 6px 6px;
    --cmplz_button_font_size: 15px;
    --cmplz_category_header_always_active_color: var(--wp--preset--color--cta-principal-fond) !important;
    --cmplz_category_header_title_font_size: 14px;
    --cmplz_category_header_active_font_size: 12px;
    --cmplz-manage-consent-height: 50px;
    --cmplz-manage-consent-offset: -35px;
    --cmplz_slider_active_color: var(--wp--preset--color--cta-principal-fond) !important;
    --cmplz_slider_inactive_color: var(--wp--preset--color--gris) !important;
    --cmplz_slider_bullet_color: var(--wp--preset--color--fond) !important;
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: unset !important;
    font-size: var(--wp--preset--font-size--medium) !important;
}

#cmplz-document p,
#cmplz-document li,
#cmplz-document td,
.editor-styles-wrapper .cmplz-unlinked-mode p,
.editor-styles-wrapper .cmplz-unlinked-mode li,
.editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: var(--wp--preset--font-size--medium) !important;
}

#cmplz-document h2,
#cmplz-document h3,
.editor-styles-wrapper .cmplz-unlinked-mode h2,
.editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: var(--wp--preset--font-size--large) !important;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: var(--wp--preset--color--fond) !important;
}
#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: var(--wp--preset--color--fond-alternatif)!important;
}



h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
    transition: 0.3s ease;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

/* Masquer les liens de catégories produit masquées */
a[href*="x-class"],
li.cat-item:has(a[href*="x-class"]) {
    display: none !important;
}

/*********************************************** 
 * Classes fréquentes
 ***********************************************/
.hide,
.hidden {
    display: none !important;
}

.horizontal-center {
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.no-scroll {
    overflow: hidden;
    height: 100%;
}

.full-link-container {
    position: relative;
}

.full-link a:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
}

.flex-grow {
    flex-grow: 1;
}



/*********************************************** 
 * Responsive
 ***********************************************/
@media screen and (max-width: 780px) {
    .column-inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (max-width:780px) {
    .mobile-grid-2col {
        grid-template-columns: 1fr 1fr !important;
    }

    .no-scroll-mobile {
        overflow: hidden;
        height: 100%;
    }
}

@media screen and (max-width:1024px) {
    .hide-on-tablet {
        display: none !important;
    }
}

@media screen and (min-width:781px) {
    .display-on-mobile {
        display: none !important;
    }
}

@media screen and (max-width:780px) {
    .hide-on-mobile {
        display: none !important;
    }

    .center-on-mobile {
        justify-content: center;
        text-align: center;
    }
}

@media screen and (min-width:1025px) {
    .custom-display-on-tablet {
        display: none !important;
    }
}

/* Modifier le breakpoint du menu principal */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

@media (min-width: 600px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}



/*********************************************** 
 * Boutons
 ***********************************************/
:root :where(.wp-element-button, .wp-block-button__link) {
    transition: 0.3s ease;
    border-radius: 8px;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    background-color: color-mix(in srgb, var(--wp--preset--color--cta-principal-fond-hover) 85%, transparent) !important;
    color: var(--wp--preset--color--cta-principal-texte) !important;
}

/*********************************************** 
 * Switcher Tarifs HT/TTC
 ***********************************************/
body .wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-label {
    height: 26px;
    width: 50px;
}

body .wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-slider:before {
    background-color: var(--wp--preset--color--fond-alternatif);
    height: 18px;
    width: 18px;
    left: 3px;
}

body label.wdevs-tax-switch-label {
    margin-bottom: 0px !important;
}

body .wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-checkbox:checked+.wdevs-tax-switch-slider {
    background-color: var(--wp--preset--color--cta-principal-fond);
}

body .wp-block-wdevs-tax-switch .wdevs-tax-switch .wdevs-tax-switch-label-text {
    color: var(--wp--preset--color--texte);
}

/*********************************************** 
 * Header
 ***********************************************/
header {
    box-shadow: 0px 5px 5px -3px var(--wp--preset--color--fond-header);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 9999;
}

header form {
    flex-grow: 1;
}

@media screen and (max-width: 550px) {
    header #header-logo {
        width: 50px;
    }
}

@media screen and (max-width: 420px) {
    header #header-logo {
        width: unset;
    }

    header #header-logo g.baseline {
        display: none;
    }
}

/*********************************************** 
 * Menus du Header
 ***********************************************/
header ul.wp-block-navigation.wp-block-navigation__container li.wp-block-navigation-item a {
    transition: 0.3s ease;
}

/** Lien actif */
header ul.wp-block-navigation.wp-block-navigation__container li.current-menu-item {
    text-decoration: none;
    color: var(--wp--preset--color--cta-principal-fond);
}

/** Hover */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none !important;
}

header ul.wp-block-navigation.wp-block-navigation__container li.wp-block-navigation-item a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--cta-principal-fond);
}

/** Interface du Menu Mobile Gutenberg */
body .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--fond);
    height: 100vh;
}

body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    gap: 1rem;
}

body:has(.wp-block-navigation__responsive-container.is-menu-open) {
    overflow: hidden;
}

/*********************************************** 
 * Barre de recherche du Header
 ***********************************************/
header form.is-form-style {
    background-color: var(--wp--preset--color--fond-header);
    border-radius: 8px;
    border: 1px solid var(--wp--preset--color--texte);
    transition: 0.3s ease;
}

header form.is-form-style:has(input:focus) {
    border: 1px solid var(--wp--preset--color--cta-principal-fond);
}

header form.is-form-style label input.is-search-input {
    color: var(--wp--preset--color--titre) !important;
    background: transparent !important;
    border: unset !important;
}

header form.is-form-style label input.is-search-input:focus {}

header form.is-form-style .is-search-submit,
header form.is-form-style .is-search-submit .is-search-icon {
    background: transparent !important;
    color: var(--wp--preset--color--texte) !important;
    border: unset !important;
}

header .is-form-style .is-search-submit path {
    fill: var(--wp--preset--color--texte) !important;
}

/* Résultats de recherche */
div.is-search-content {
    display: none !important;
}

div.is-ajax-search-result {
    background: var(--wp--preset--color--fond) !important;
    color: var(--wp--preset--color--texte) !important;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid var(--wp--preset--color--gris);
    border-top: unset !important;
}

div.is-ajax-search-result div.is-ajax-search-post {
    border-top: 0px solid transparent !important;
    border-radius: 8px;
}

div.is-ajax-search-result div.is-ajax-search-post:hover {
    background: var(--wp--preset--color--fond-alternatif) !important;
}

.is-ajax-search-post,
.is-show-more-results,
.is-ajax-search-no-result {
    background: none !important;
}

.is-search-sections {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.is-ajax-search-post .is-search-sections .thumbnail img {
    border-radius: 8px;
    border: 1px solid var(--wp--preset--color--gris);
    aspect-ratio: 4 / 3;
}

.is-ajax-search-post .is-search-sections .is-title a {
    text-transform: unset !important;
    color: var(--wp--preset--color--titre);
    transition: 0.3s ease;
    min-height: 50px;
    align-content: center;
    display: block;
}

.is-ajax-search-post .is-search-sections:hover .is-title a {
    color: var(--wp--preset--color--liens-hypertextes) !important;
    text-decoration: none !important;
}

.is-show-more-results {
    border-top: 1px solid var(--wp--preset--color--gris) !important;
}

.is-show-more-results .is-show-more-results-text {
    text-transform: uppercase;
    font-weight: bold !important;
}

.is-highlight {
    background-color: var(--wp--preset--color--cta-principal-fond) !important;
    background-color: var(--wp--preset--color--cta-principal-texte) !important;
}

/*********************************************** 
 * Header > Mega Menu Catégories Produit
 ***********************************************/
/* Mega Menu Container */
header nav.wp-block-navigation .wp-block-navigation__responsive-container li.wp-block-navigation-item>ul.mega-menu-categories {
    background-color: var(--wp--preset--color--fond-header) !important;
    min-width: 320px !important;
    max-width: var(--wp--style--global--wide-size);
}

.header nav.wp-block-navigation ul.mega-menu-categories li.wp-block-navigation-item[data-depth="1"] {
    max-width: 270px !important;
}

/*********************************************** 
 * Footer
 ***********************************************/
footer {
    content-visibility: visible !important;
}

footer svg#footer-logo {
    height: auto;
    max-width: 250px;
    margin-bottom: var(--wp--preset--spacing--20);
    transform: translateX(-11px);
}

footer .stripe-payments {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 12px 0;
    gap: 4px;
    max-width: 228px;
}

footer .stripe-payments svg:not([style*="background"]) {
    border: 1px solid var(--wp--preset--color--gris);
}

footer .stripe-payments svg {
    width: 38px;
    height: 24px;
    border-radius: 3px;
}

/* Icônes Bandeau Assurance */
footer .customer-benefits-icon svg {
    fill: var(--wp--preset--color--cta-principal-texte-dark);
    height: 36px;
    width: 36px;
}

footer .arguments-swebetech {
    position: absolute;
    top: -50px;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: 0px 3px 10px -1px var(--wp--preset--color--gris);
}

main>*:last-child {
    padding-bottom: 100px !important;
}

footer .absolute-spacer {
    height: 75px;
}

@media screen and (max-width:780px) {
    main>*:last-child {
        padding-bottom: 75px !important;
    }

    footer .absolute-spacer {
        height: 250px !important;
    }

    footer .arguments-swebetech {
        max-width: 90vw !important;
    }
}

/* Menus et liens */
footer nav ul li a {
    transition: 0.3s ease;
}

footer nav ul li a:hover {
    color: var(--wp--preset--color--liens-hypertextes-dark) !important;
}

nav[aria-label="Légal"] li:not(:first-child):before {
    content: '–';
    padding-right: 5px;
}

footer .swebetech a {
    text-decoration: none;
    transition: 0.3s ease;
    color: var(--wp--preset--color--texte-dark);
}

footer .swebetech a:hover {
    color: var(--wp--preset--color--liens-hypertextes-dark);
}


/*********************************************** 
 * HomePage > Hero Icônes
 ***********************************************/
.hero-categories .svg-hero-categories svg {
    padding: 5px;
    border-radius: 5px;
    background-color: var(--wp--preset--color--fond);
    margin-top: -50px;
}

@media screen and (max-width:700px) {
    .hero-categories .svg-hero-categories svg {
        width: 32px !important;
        height: 32px !important;
        margin-top: 0px !important;
    }
}

/*********************************************** 
 * Fonctionnalité > Accordéons
 ***********************************************/
.accordeon-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, padding-top 0.3s ease;
    opacity: 0;
}

.accordeon-container .accordeon-title svg {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.accordeon-container.open .accordeon-title svg {
    transform: rotate(90deg);
}

.accordeon-container.open .accordeon-title svg path:last-child {
    opacity: 0;
}

.accordeon-container.open .accordeon-content {
    max-height: 600px;
    padding-top: var(--wp--preset--spacing--20);
    overflow-y: auto;
    opacity: 1;
}

.accordeon-title {
    cursor: pointer;
}


/*********************************************** 
 * Fonctionnalité > Tous les swipers (Réduire le CLS)
 ***********************************************/
.swiper .swiper-slide {
    height: auto;
    width: auto;
}

/*********************************************** 
 * Fonctionnalité > Ligne défilante des marques
 ***********************************************/
.swiper.brand-line .swiper-wrapper {
    height: auto;
}

.brand-line .swiper-slide {
    width: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-line img {
    height: 60px;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s linear;
    filter: brightness(0) invert(1);
}

.brand-line.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: linear;
}

.brand-line {
    position: relative;
    overflow: hidden;
    /* cache ce qui déborde */
    padding: 0 40px;
    /* laisse un espace pour les fondus */
}

.brand-line::before,
.brand-line::after {
    content: "";
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
}

.brand-line::before {
    left: -1;
    background: linear-gradient(to right, #01274d 0%, transparent 100%);
}

.brand-line::after {
    right: -1;
    background: linear-gradient(to left, #01274d 0%, transparent 100%);
}

/*********************************************** 
 * Fonctionnalité > Carousel des marques
 ***********************************************/
[data-theme="dark"] .brand-carousel .brand-thumbnail {
    filter: brightness(0) invert(1);
}

.brand-carousel {
    padding: 1em 0;
}

.brand-carousel .swiper-wrapper {
    height: auto;
}

.brand-carousel .swiper-slide {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.brand-carousel .brand-thumbnail {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
}

.brand-carousel .brand-thumbnail:hover {
    filter: grayscale(0%);
}

.brand-carousel .swiper-button-next:after,
.brand-carousel .swiper-button-prev:after {
    font-size: var(--wp--preset--font-size--large);
    background-color: var(--wp--preset--color--fond);
    height: 32px;
    width: 24px;
    align-content: center;
    text-align: center;
    border-radius: 8px;
    color: var(--wp--preset--color--titre);
}

/*********************************************** 
 * Fonctionnalité > Slider Carousel des Catégories
 ***********************************************/
.swiper.category-carousel.theme-clear {
    background-color: var(--wp--preset--color--fond-alternatif);
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.swiper.category-carousel.theme-clear .swiper-slide span.category-name {
    color: var(--wp--preset--color--titre);
    background-color: color-mix(in srgb, var(--wp--preset--color--fond-alternatif) 55%, transparent);
}

.swiper.category-carousel.theme-clear .swiper-button-next:after,
.swiper.category-carousel.theme-clear .swiper-button-prev:after {
    background-color: var(--wp--preset--color--fond-alternatif);
    color: var(--wp--preset--color--titre);
}

.swiper.category-carousel.theme-clear .carousel-title {
    color: var(--wp--preset--color--titre);
}

.swiper.category-carousel.theme-dark {
    background-color: var(--wp--preset--color--fond-dark);
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.swiper.category-carousel.theme-dark .carousel-title {
    color: var(--wp--preset--color--titre-dark);
}

.swiper.category-carousel.theme-dark .swiper-slide span.category-name {
    color: var(--wp--preset--color--titre-dark);
    background-color: color-mix(in srgb, var(--wp--preset--color--fond-dark) 55%, transparent);
}

.swiper.category-carousel.theme-dark .swiper-button-next:after,
.swiper.category-carousel.theme-dark .swiper-button-prev:after {
    background-color: var(--wp--preset--color--fond-dark);
    color: var(--wp--preset--color--titre-dark);
}

.swiper.category-carousel {
    background-color: var(--wp--preset--color--fond);
    border-radius: 8px;
    height: auto;
    /* max-height: 225px; */
}

.category-carousel .swiper-wrapper {
    height: auto;
}

.swiper.category-carousel .carousel-title {
    color: var(--wp--preset--color--titre);
}

.category-carousel .swiper-slide a {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
}

.category-carousel .swiper-slide .category-thumbnail {
    opacity: 0.7;
    border-radius: 8px;
    transition: opacity 0.3s ease;
    height: auto;
    width: 100%;
    object-fit: cover;
}

.category-carousel .swiper-slide:hover .category-thumbnail {
    opacity: 1;
}

.category-carousel .swiper-slide span.category-name {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 5px 5px;
    backdrop-filter: blur(15px);
    border-radius: 8px;
    padding: 5px 10px;
    color: var(--wp--preset--color--titre);
    background-color: color-mix(in srgb, var(--wp--preset--color--fond) 55%, transparent);
    width: -webkit-fill-available;
    font-weight: 500;
}

.category-carousel.small-title .swiper-slide span.category-name {
    font-size: var(--wp--preset--font-size--small);
}

.category-carousel .swiper-button-next:after,
.category-carousel .swiper-button-prev:after {
    font-size: var(--wp--preset--font-size--large);
    background-color: var(--wp--preset--color--fond);
    height: 32px;
    width: 24px;
    align-content: center;
    text-align: center;
    border-radius: 8px;
    color: var(--wp--preset--color--titre);
}


/*********************************************** 
 * SVG > Tailles classiques
 ***********************************************/
figure.svg-square-28 svg {
    height: 28px;
    width: 28px;
}

figure.svg-square-32 svg {
    height: 32px;
    width: 32px;
}

figure.svg-square-48 svg {
    height: 48px;
    width: 48px;
}

figure.svg-square-64 svg {
    height: 64px;
    width: 64px;
}

figure.svg-square-92 svg {
    height: 92px;
    width: 92px;
}

figure.svg-fill-title svg {
    fill: var(--wp--preset--color--titre);
}

/*********************************************** 
 * WooCommerce > Badge Promotions
 ***********************************************/
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right,
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
    right: auto !important;
    left: 4px;
}

li.wc-block-product.sale {
    overflow: hidden;
}

.wc-block-product .wc-block-components-product-image .wc-block-components-product-sale-badge {
    left: 0;
    top: -38px;
    right: unset;
    transform: rotate(-45deg) translatex(-50%);
    z-index: 1;
    width: 110px;
    min-height: unset;
    min-width: unset;
    line-height: 1;
    background-color: var(--wp--preset--color--warning-500);
    border: 2px solid var(--wp--preset--color--warning-500);
    color: var(--wp--preset--color--warning-900);
    border-radius: 8px;
    padding: 4px 8px;
    font-size: var(--wp--preset--font-size--small);
    font-weight: bold;
    font-family: var(--wp--preset--font-family--rubik);
}

/*********************************************** 
 * WooCommerce > Mini-Panier
 ***********************************************/
body :where(.wp-block-woocommerce-mini-cart-contents) {
    background-color: var(--wp--preset--color--fond) !important;
}

body .wc-block-mini-cart__badge {
    border: 1px solid var(--wp--preset--color--texte)
}

body .wc-block-components-drawer__screen-overlay--is-hidden {
    display: none !important;
}

/*********************************************** 
 * WooCommerce > Prix
 ***********************************************/
.wts-price-wrapper .wts-vat-text {
    color: var(--wp--preset--color--gris);
}

/*********************************************** 
 * WooCommerce > Collections de produits
 ***********************************************/
.wp-block-woocommerce-product-collection .wp-block-post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.taxonomy-product_brand a {
    border-radius: 8px;
    padding: 4px 8px;
}

.woocommerce .wc-block-product-template__responsive {
    grid-gap: var(--wp--preset--spacing--20);
}


/*********************************************** 
 * WooCommerce > Bannières de notification
 ***********************************************/
/* Bannière Erreur */
.wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content {
    color: var(--wp--preset--color--error-900) !important;
}

.wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content a {
    color: var(--wp--preset--color--error-700) !important;
    text-decoration: none;
    opacity: 1 !important;
}

.wc-block-components-notice-banner.is-error svg {
    background-color: var(--wp--preset--color--error-500) !important;
}

.wc-block-components-notice-banner.is-error {
    border-color: var(--wp--preset--color--error-500) !important;
    background-color: var(--wp--preset--color--error-100) !important;
    color: var(--wp--preset--color--error-900) !important;
}

/* Bannière Info */
.wc-block-components-notice-banner.is-info svg {
    background-color: var(--wp--preset--color--neutral-500) !important;
}

.wc-block-components-notice-banner.is-info {
    border-color: var(--wp--preset--color--neutral-500) !important;
    background-color: var(--wp--preset--color--neutral-100) !important;
    color: var(--wp--preset--color--neutral-900) !important;
}

.wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content {
    color: var(--wp--preset--color--neutral-900) !important;
}

.wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content a {
    color: var(--wp--preset--color--neutral-700) !important;
    text-decoration: none;
    opacity: 1 !important;
}

/* Bannière Succès */
.wc-block-components-notice-banner.is-success svg {
    background-color: var(--wp--preset--color--positive-500) !important;
}

.wc-block-components-notice-banner.is-success {
    border-color: var(--wp--preset--color--positive-500) !important;
    background-color: var(--wp--preset--color--positive-100) !important;
    color: var(--wp--preset--color--positive-900) !important;
}

.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content {
    color: var(--wp--preset--color--positive-900) !important;
}

.wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content a {
    color: var(--wp--preset--color--positive-700) !important;
    text-decoration: none;
    opacity: 1 !important;
}

/*********************************************** 
 * WooCommerce > Formulaires
 ***********************************************/
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
    background-color: var(--wp--preset--color--fond-alternatif) !important;
    border-color: var(--wp--preset--color--gris) !important;
    color: var(--wp--preset--color--texte) !important;
    border-radius: 8px !important;
}

/*********************************************** 
 * Liste des catégories en liste
 ***********************************************/
/* body ul.brand-thumbnails {
    padding-inline-start:0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 1rem;
}
body ul.brand-thumbnails:before {
    content: unset;
}
body ul.brand-thumbnails li {
    border-radius: 8px;
    background-color: var(--wp--preset--color--fond-alternatif);
    float: unset;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 0px;
    width: 100%;
}
body ul.brand-thumbnails li a {
    aspect-ratio: 1 / 1;
    padding: 0.5rem;
    transition: all 0.3s ease;
}
body ul.brand-thumbnails li a:hover {
    padding: 0.25rem;
}
body ul.brand-thumbnails li img {
    aspect-ratio: 1 / 1;
}

body ul.brand-thumbnails li:has(>a[href*="marque/cherry-brand/"]) {
    display: none!important;
} */