/*********************************************** 
 * Hero > Description Produit toggle See More
 ***********************************************/
.seemore-container {
  position: relative;
  overflow: hidden;
  max-height: 175px;
  transition: max-height 0.5s ease;
}
body .seemore-container .wp-block-cover__inner-container {
   margin-top: auto;
   position: initial!important;
}

.seemore-container.expanded {
  max-height: none;
}

.seemore-gradient {
  position: absolute;
  bottom: 0px; /* au-dessus du bouton */
  left: 0;
  right: 0;
  height: 100px;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--wp--preset--color--fond-dark));
  transition: opacity 0.3s ease;
  z-index: 1;
}

.seemore-container.expanded .seemore-gradient {
  opacity: 0;
  visibility: hidden;
}

.seemore-toggle-wrapper {
  position: absolute;
  bottom:10px;
  z-index: 2;
  padding-top: 0.5rem;
  text-align: center;
  width: calc(100% - var(--wp--preset--spacing--30) - var(--wp--preset--spacing--30));
}

.seemore-toggle {
  background: none;
  border: none;
  color: var(--wp--preset--color--liens-hypertextes-dark);
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  transition: color 0.3s ease;
  width: 100%;
  padding-top: 30px;
  font-family: var(--wp--preset--font-family--roboto);
  font-size: var(--wp--preset--font-size--medium);
}

.seemore-toggle:hover {
  color: var(--wp--preset--color--liens-hypertextes-dark-hover);
}




/*********************************************** 
 * Sidebar > Tous les filtres
 ***********************************************/
 .woocommerce .wp-block-woocommerce-filter-wrapper label {
    margin-bottom: 0px;
 }

 /*********************************************** 
 * Sidebar > Accordéons Sidebar
 ***********************************************/
 .woocommerce.archive .sidebar .accordeon-container {
   position: relative;
   margin-block-start: var(--wp--preset--spacing--30);
   margin-block-end: 0px;
   padding-bottom: var(--wp--preset--spacing--30);
 }
 .woocommerce.archive .sidebar .accordeon-container:where(:has(.wc-blocks-filter-wrapper[hidden])) {
   padding-bottom: 0px;
   margin-block-start: 0px;
 }
 .woocommerce.archive .sidebar .accordeon-container:where(:not(:has(.wc-blocks-filter-wrapper[hidden]))) {
   border-bottom: 1px solid var(--wp--preset--color--gris);
 }
 .woocommerce.archive .sidebar .accordeon-container .accordeon-title {
   margin-block-start: 0px;
   margin-block-end: 0px;
 }
 .woocommerce.archive .sidebar .accordeon-container .accordeon-title:after {
   content:' >';
   position: absolute;
   right: 0;
   top: 0;
   font-weight: bold;
   color: var(--wp--preset--color--titre);
   transition: transform 0.3s ease;
   font-family: var(--wp--preset--font-family--rubik);
 }
 .woocommerce.archive .sidebar .accordeon-container.open .accordeon-title:after,
 .woocommerce.archive .sidebar .accordeon-container:has(input[checked]) .accordeon-title:after {
   transform: rotate(90deg);
 }
 .woocommerce.archive .sidebar .accordeon-container.open .accordeon-content
 .woocommerce.archive .sidebar .accordeon-container:has(input[checked]) .accordeon-content {
    max-height: 600px!important;
    padding-top: var(--wp--preset--spacing--20);
    overflow-y: auto;
    opacity: 1;
 }

 /*********************************************** 
 * Sidebar > Masquer les filtres en chargement
 ***********************************************/
 /*.woocommerce.archive .sidebar .accordeon-container:has(.input-loading),
 .woocommerce.archive .sidebar .accordeon-container:has(.is-loading .is-loading) {
   display: none;
 }


 /*********************************************** 
 * Sidebar > Filtre par évaluation
 ***********************************************/
 .woocommerce .wp-block-woocommerce-rating-filter {
   margin-bottom: 0px;
 }

/*********************************************** 
 * Sidebar > Liste des catégories
 ***********************************************/
 /* Container */
 .woocommerce .liste-categories-produits {
    font-size: var(--wp--preset--font-size--large);
 }
 .woocommerce .liste-categories-produits a {
    color: var(--wp--preset--color--texte);
    text-decoration: none;
 }
 .woocommerce .liste-categories-produits a:hover {
    color: var(--wp--preset--color--liens-hypertextes);
 }

 /* Catégorie actuelle */
 .woocommerce .liste-categories-produits .categorie-actuelle {
    margin-block-end: 10px;
    margin-block-start: 0px;
 }
 .woocommerce .liste-categories-produits .categorie-actuelle a:hover:before {
    color: var(--wp--preset--color--liens-hypertextes);
 }
 .woocommerce .liste-categories-produits .categorie-actuelle a:before {
    content:"< ";
    transition: all 0.3s ease;
 }

 
 /* Liste des termes */
 .woocommerce .liste-categories-produits ul.liste-categories {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
 }
 .woocommerce .liste-categories-produits ul.liste-categories li a:before {
    content:"> ";
    transition: all 0.3s ease;
 }
 .woocommerce .liste-categories-produits ul.liste-categories li a:hover:before {
    color: var(--wp--preset--color--liens-hypertextes);
 }


 /*********************************************** 
 * Sidebar > Filtre par prix
 ***********************************************/
 .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    border-radius: 8px!important;
    border-color: var(--wp--preset--color--gris) !important;
    background-color: var(--wp--preset--color--fond);
    color: var(--wp--preset--color--texte);
    font-size: var(--wp--preset--font-size--small)!important;
 }
 .woocommerce .wc-block-components-price-slider__control label {
    margin-bottom: 0px;
    font-size: var(--wp--preset--font-size--small);
    text-align: center;
 }
 .woocommerce .wc-block-components-price-slider__range-input-progress {
    --range-color: var(--wp--preset--color--titre)
 }

 /*********************************************** 
 * Sidebar > Champs déroulants
 ***********************************************/
 .woocommerce .wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
    border-radius: 8px;
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
    background-color: var(--wp--preset--color--fond);
    color: var(--wp--preset--color--texte);
    border-radius: 8px;
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input,
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container input[type=text].components-form-token-field__input::placeholder {
    color: var(--wp--preset--color--texte);
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container.is-active {
    border-color: var(--wp--preset--color--gris);
    box-shadow: 0 0 0 .5px var(--wp--preset--color--gris);
 }
 /* Menu déroulant du champs */
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestions-list {
    background-color: var(--wp--preset--color--fond);
    color: var(--wp--preset--color--texte);
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__suggestion.is-selected {
    background-color: var(--wp--preset--color--fond-alternatif);
 }
 .woocommerce .wc-block-stock-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__suggestions-list .components-form-token-field__suggestion {
    background-color: var(--wp--preset--color--fond);
    color: var(--wp--preset--color--texte);
 }
 /* Pastille d'un token actif sélectionné */
 .woocommerce .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-form-token-field__token-text {
    background-color: var(--wp--preset--color--fond-alternatif);
    border: 1px solid var(--wp--preset--color--gris);
    border-right: 0;
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__token {
    color: var(--wp--preset--color--texte);
    border-color: var(--wp--preset--color--gris);
 }
 /* Crois de retrait de token actif */
 .woocommerce .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token {
    background-color: var(--wp--preset--color--fond-alternatif);
    border: 1px solid var(--wp--preset--color--gris);
    border-left: 0;
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button {
    color: var(--wp--preset--color--texte);
 } 
 .woocommerce .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg {
    background-color: var(--wp--preset--color--gris);
    fill: var(--wp--preset--color--fond);
 }
 .woocommerce .wc-blocks-components-form-token-field-wrapper .components-form-token-field__remove-token.components-button:hover {
    color: var(--wp--preset--color--gris);
 }

 
 /*********************************************** 
 * Sidebar > Cases à cocher
 ***********************************************/
 .woocommerce .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    background-color: var(--wp--preset--color--fond);
    border-color: var(--wp--preset--color--gris);
    border-radius: 8px;
 }
 .woocommerce .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
    background-color: var(--wp--preset--color--fond);
 }
 .woocommerce .wc-block-components-checkbox .wc-block-components-checkbox__mark {
    fill: var(--wp--preset--color--texte);
 }
 .woocommerce .wc-block-components-checkbox {
   margin-top: 5px;
 }


 /*********************************************** 
 * Product Loop > Badge Promotions
 ***********************************************/
 .woocommerce .wp-block-woocommerce-product-image-gallery {
   overflow: hidden;
}
.woocommerce .product .wp-block-woocommerce-product-image-gallery span.onsale {
   left: 0;
   top: -50px;
   right: unset;
   transform: rotate(-45deg) translatex(-50%);
   z-index: 1;
   width: 200px;
   min-height: unset;
   min-width: unset;
   line-height: 1.4;
}
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale, .woocommerce span.onsale {
   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);
}


 /*********************************************** 
 * Product Loop > Tri des résultats
 ***********************************************/
 .woocommerce form.woocommerce-ordering {
    display: flex;
    align-items: center;
    font-family: var(--wp--preset--font-family--roboto);
 }
 .woocommerce form.woocommerce-ordering label {
    margin-bottom: 0px;
 }
 .woocommerce form.woocommerce-ordering select {
    padding: 4px 8px;
    border-radius: 8px;
    background-color: var(--wp--preset--color--fond);
    color: var(--wp--preset--color--texte);
 }

 /*********************************************** 
 * Product Loop > Pagination
 ***********************************************/
 .woocommerce nav.wp-block-query-pagination {
    text-decoration: none;
    gap: 15px;
    margin: 25px 0px;
 }
 .woocommerce nav.wp-block-query-pagination a {
    text-decoration: none;
    color: var(--wp--preset--color--liens-hypertextes);
    transition: all 0.3s ease;
 }
 .woocommerce nav.wp-block-query-pagination a:hover {
    color: var(--wp--preset--color--texte);
 }
 
 /* Dots */
 .woocommerce nav.wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: flex;
    gap: 10px;
 }
 .woocommerce nav.wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers {
    background-color: var(--wp--preset--color--cta-principal-fond);
    color: var(--wp--preset--color--cta-principal-texte);
    transition: all ease 0.3s;
    padding: 4px 8px;
    border-radius: 8px;
 }
 .woocommerce nav.wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers:hover {
    background-color: var(--wp--preset--color--texte);
    color: var(--wp--preset--color--fond);
 }
 .woocommerce nav.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {
    padding: 4px 8px;
    border-radius: 8px;
    background-color: var(--wp--preset--color--texte);
    color: var(--wp--preset--color--fond);
 }


  /*********************************************** 
 * Product Loop > Ajoute au panier
 ***********************************************/
 .woocommerce a.added_to_cart.wc_forward {
   padding-top: 0px;
   margin-top: 0px;
 }

 /* Bouton de Rupture de Stock */
 a.wc-block-components-product-button__button:not(.add_to_cart_button) {
    background: var(--wp--preset--color--gris);
    color: var(--wp--preset--color--fond);
 }
 a.wc-block-components-product-button__button:not(.add_to_cart_button):hover {
   background: color-mix(in srgb, var(--wp--preset--color--gris) 85%, transparent);
   color: var(--wp--preset--color--fond);
 }