/*******************************************
 * Modifications Description Produits
 ******************************************/
table.main_tech {
    width: 100%;
    border: 1px solid var(--wp--preset--color--fond-alternatif);
    border-spacing: 0px;
    border-radius: 8px;

    font-family: var(--wp--preset--font-family--roboto);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}

table.main_tech td p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

tr.even, tr.odd {
    width: 100%;
}
td.first {
    width: 20%;
}

tr.even td, tr.odd td {
    padding: 4px 8px;
}

tr.odd {
    background-color: var(--wp--preset--color--fond-alternatif);
}
tr.even {
    background-color: var(--wp--preset--color--fond);
}

tr:has(td.click_path) {
    background-color: var(--wp--preset--color--cta-principal-fond);
    color: var(--wp--preset--color--cta-principal-texte);
    font-size: var(--wp--preset--font-size--large);
    font-weight: normal;
}
tr:has(td.click_path):first-child td {
    border-radius: 8px 8px 0px 0px;
}
td.click_path {
    padding: 4px 8px;
}

/*********************************************** 
 * WooCommerce > WC Tabs
 ***********************************************/
 .woocommerce div.product .woocommerce-tabs ul.tabs {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: stretch;
   justify-content: flex-start;
   overflow-x: auto!important;
   padding: 0px!important;
   border-radius: 4px;
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
   align-content: center;
   text-align: center;
   white-space: nowrap;
 }

/*********************************************** 
 * WooCommerce > Description Tabs
 ***********************************************/
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--wp--preset--color--gris)!important;
    background-color: var(--wp--preset--color--fond)!important;
    color: var(--wp--preset--color--titre)!important;
    transition: all 0.3s ease;
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--wp--preset--color--titre)!important;
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    color: var(--wp--preset--color--cta-principal-texte)!important;
    background-color: var(--wp--preset--color--cta-principal-fond)!important;
 }
 .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--wp--preset--color--cta-principal-texte)!important;
 }

 /*********************************************** 
 * WooCommerce > Tableau Informations complémentaires
 ***********************************************/
 .woocommerce .woocommerce-tabs table.shop_attributes {
    border-spacing: 0px;
 }
 .woocommerce .woocommerce-tabs table.shop_attributes tr:nth-child(even) td, .woocommerce .woocommerce-tabs table.shop_attributes tr:nth-child(even) th {
    background:unset!important;
 }
 .woocommerce .woocommerce-tabs table.shop_attributes tr:nth-child(even) {
    background-color: var(--wp--preset--color--fond);
 }
 .woocommerce .woocommerce-tabs table.shop_attributes tr td,
 .woocommerce .woocommerce-tabs table.shop_attributes tr th {
    border-bottom: 0px solid transparent;
    padding: 4px 8px;
 }
 .woocommerce .woocommerce-tabs table.shop_attributes tr th {
    text-align: left;
    line-height: 1;
    font-weight: 300;
 }
 .woocommerce .woocommerce-tabs table.shop_attributes tr td {
    font-weight: 300;
    line-height: 1;
    font-style: normal;
 }

/*********************************************** 
 * Images > Image affichée
 ***********************************************/
.woocommerce-product-gallery .flex-viewport {
    border-radius: 8px;
    background-color: var(--wp--preset--color--fond-alternatif);
    margin-bottom: var(--wp--preset--spacing--30);
}
.woocommerce .woocommerce-product-gallery__image {
    border-radius: 8px;
    background-color: var(--wp--preset--color--fond-alternatif);
}
.woocommerce div.product div.images {
    margin-bottom: 0px!important;
}
.woocommerce div.product div.images img {
    border-radius: 8px;
}

/*********************************************** 
 * Images > Gallerie produits
 ***********************************************/

.woocommerce div.product div.images ol.flex-control-thumbs {
    display: grid;
    gap: var(--wp--preset--spacing--30);
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.woocommerce div.product div.images ol.flex-control-thumbs li {
    width: 100%;
    border-radius: 8px;
    background-color: var(--wp--preset--color--fond-alternatif);
    transition: opacity 0.3s ease;
    overflow: hidden;
}
.woocommerce div.product div.images ol.flex-control-thumbs li img.flex-active, .woocommerce div.product div.images ol.flex-control-thumbs li img:hover {
    border-radius: 8px;
}

/*********************************************** 
 * Images > Badge Promotions
 ***********************************************/
 .woocommerce .product .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);
 }

 /*********************************************** 
 * Images > Coeur de listes de souhaits
 ***********************************************/
 .woocommerce .wp-block-column:has(>.wishlist-heart-button) {
    position: relative;
 }
 .woocommerce .wp-block-column:has(>.wishlist-heart-button) .wishlist-heart-button {
    top: 5em;
    right: 1.5em;
    border-radius: 100%;
    cursor: pointer;
    height: 36px;
    width: 36px;
    padding: 0;
    background-color: #fff !important;
    transition: 0.3s ease;
 }
 .woocommerce .wp-block-column:has(>.wishlist-heart-button) .wishlist-heart-button:hover {
    transform: scale(1.3);
 }
 button.wishlist-heart-button:hover svg {
    transform: scale(1)!important;
 }
 
 /*********************************************** 
 * Images > Loupe agrandissement image
 ***********************************************/
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border-color: var(--wp--preset--color--cta-principal-fond)!important;
    transition: 0.3s ease;
 }
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: var(--wp--preset--color--cta-principal-fond)!important;
    transition: 0.3s ease;
 }
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    transition: 0.3s ease;
    z-index: 1;
 }
 .woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
    transform: scale(1.3);
 }

/*********************************************** 
 * Section 2 > Extrait Produit
 ***********************************************/
.woocommerce .wc-block-components-product-summary p {
    margin-block-start: 0px;
    margin-block-end: 0px;
}
/*********************************************** 
 * Section 2 > Extrait Produit
 ***********************************************/
 .woocommerce img.brand-thumbnail {
    filter: var(--filter-brand-logo);
 }




/*********************************************** 
 * Bouton > Sélecteur de Quantités
 ***********************************************/
 .woocommerce .wp-block-add-to-cart-form p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

 .woocommerce div.product form.cart {
    margin-bottom: 0px!important;
    display: flex;
}

.woocommerce div.wc-block-add-to-cart-form.wc-block-add-to-cart-form--stepper form.cart div.wc-block-components-quantity-selector.quantity {
    background-color: var(--wp--preset--color--fond)!important;
    color: var(--wp--preset--color--texte)!important;
}
.woocommerce .wc-block-components-quantity-selector:after {
    border-color: var(--wp--preset--color--gris)!important;
    border-radius: 8px;
}
.woocommerce .wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--minus {
    border-radius: 8px 0 0 8px;
}
.woocommerce .wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--plus {
    border-radius: 0 8px 8px 0;
}

/*********************************************** 
 * Stock > Rupture de stock
 ***********************************************/
 .wp-block-group:has(>.wp-block-add-to-cart-form>p.stock.out-of-stock) {
    background-color: var(--wp--preset--color--error-100)!important;
    color: var(--wp--preset--color--error-900);
    border: 1px solid var(--wp--preset--color--error-500);
    font-weight: 500;
    font-style: italic;
}

/*********************************************** 
 * Stock > Notification Back In Stock
 ***********************************************/
 .woocommerce .cwginstock-subscribe-form .panel {
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 10px;
    box-shadow: unset!important;
 }

 /* Titre */
 .woocommerce .cwginstock-subscribe-form .panel .panel-heading {
    color: currentColor!important;
    background-color: unset!important;
    border: 0px solid transparent;
    padding: 0px 0px;
    border-radius: 0px;
 }
 .woocommerce .cwginstock-subscribe-form .panel .panel-heading h4 {
    color: unset!important;
    text-align: left!important;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-size: var(--wp--preset--font-size--medium);
    padding-bottom: 5px;
 }

 /* Contenu */
 .woocommerce .cwginstock-subscribe-form .panel .panel-body,
 .woocommerce .cwginstock-subscribe-form .panel .panel-body .col-md-12 {
    padding: 0px;
 }
 .woocommerce .cwginstock-subscribe-form .panel .panel-body .row,
 .woocommerce .cwginstock-subscribe-form .panel .form-group {
    margin: 0px;
 }
 .woocommerce .cwginstock-subscribe-form .panel .panel-body .col-md-12:has(>.form-group) {
    display: flex;
    flex-direction: column;
    gap: 5px;
 }

 /* Input fields */
 .woocommerce .cwginstock-subscribe-form .panel .cwginstock-panel-body input[type=email],
 .woocommerce .cwginstock-subscribe-form .panel .cwginstock-panel-body input[type=text] {
    text-align: left!important;
    margin-bottom: 0px;
    font-family: inherit;
    font-weight: 400;
    letter-spacing: normal;
    padding: .5em;
    display: block;
    background-color: var(--wc-form-color-background, #fff);
    border: var(--wc-form-border-width) solid var(--wc-form-border-color);
    border-radius: var(--wc-form-border-radius);
    color: var(--wc-form-color-text, #000);
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    line-height: normal;
    height: auto;
 }

 /* Termes et conditions */
 .woocommerce .cwginstock-subscribe-form .panel label {
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-family: var(--wp--preset--font-family--roboto);
    font-weight: 400;
    padding-left: 20px;
 }
 .woocommerce .cwginstock-subscribe-form .panel input[type="checkbox"] {
    border-radius: 8px;
    border: 1px solid var(--wp--preset--color--gris);
    background-color: var(--wp--preset--color--error-900);
    margin: 0px;
    margin-top: 0px;
    position: absolute;
    left: 0;
 }

 /* Bouton de confirmation */
 .woocommerce .cwginstock-subscribe-form .panel input[type="submit"] {
    background-color: var(--wp--preset--color--cta-principal-fond);
    border-width: 0;
    color: var(--wp--preset--color--cta-principal-texte);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--medium);
    line-height: inherit;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: var(--wc-form-border-radius);
    cursor: pointer;
    transition: 0.3s ease;
 }
 .woocommerce .cwginstock-subscribe-form .panel input[type="submit"]: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;
 }

 /* Output Success */
 .woocommerce .cwginstock-subscribe-form .cwgstock_output>div {
    font-size: var(--wp--preset--font-size--medium);
    font-style: normal;
 }
 .woocommerce .cwginstock-subscribe-form .cwgstock_output .cwginstocksuccess {
    background-color: var(--wp--preset--color--positive-100) !important;
    color: var(--wp--preset--color--positive-900)!important;
    border: 1px solid var(--wp--preset--color--positive-500)!important;
    padding: 5px 10px;
    border-radius: 8px;
 }
 .woocommerce .cwginstock-subscribe-form .cwgstock_output .cwginstockerror {
    background-color: var(--wp--preset--color--error-100) !important;
    color: var(--wp--preset--color--error-900)!important;
    border: 1px solid var(--wp--preset--color--error-500)!important;
    padding: 5px 10px;
    border-radius: 8px;
 }

/*********************************************** 
 * Bouton > Ajout au panier
 ***********************************************/
 .woocommerce div.product form.cart .button[type="submit"] {
    flex-grow: 1;
    border-radius: 8px;
    color: var(--wp--preset--color--cta-principal-texte);
 }
 .woocommerce div.product form.cart .button[type="submit"]:hover {
    background-color: var(--wp--preset--color--cta-principal-fond-hover);
 }
/*********************************************** 
 * Bouton > Stripe Express Checkout
 ***********************************************/
 .woocommerce div.product #wc-stripe-express-checkout-element .StripeElement {
    flex-grow: 1;
    border-radius: 8px;
 }



/*********************************************** 
 * Groupe > Informations rapides
 ***********************************************/
 .woocommerce .infos-rapides .meta-values .meta-label {
    font-weight: 500;
}
.woocommerce .infos-rapides .meta-values .meta-suffix {
    color: var(--wp--preset--color--gris);
    font-style: italic;
}



/*********************************************** 
 * Fiche produit > Bouton de partage
 ***********************************************/

/* Bouton de partage */
.share-link {
    background-color: var(--wp--preset--color--fond-alternatif);
    color: var(--wp--preset--color--liens-hypertextes);
    border: 2px solid var(--wp--preset--color--liens-hypertextes);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: var(--wp--preset--font-size--medium);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: 0.3s ease;
}
.share-link svg {
    fill: var(--wp--preset--color--liens-hypertextes);
    height: 32px;
    width: 32px;
}

.share-link:hover {
    background-color: var(--wp--preset--color--cta-principal-fond-hover);
    border: 2px solid var(--wp--preset--color--cta-principal-fond-hover);
}
.share-link:hover svg {
    fill: var(--wp--preset--color--cta-principal-texte);
}

/* Conteneur d'affichage du lien */
.share-container {
    display: none;
    margin-top: 10px;
    position: relative;
}

.share-container .share-url-input {
    width: 100%;
    max-width: 100%;
    padding: 6px 8px;
    font-size: var(--wp--preset--font-size--medium);
    background-color: var(--wc-form-color-background);
    color: var(--wc-form-color-text);
    border: var(--wc-form-border-width) solid var(--wc-form-border-color);
    border-radius: var(--wc-form-border-radius);
    font-family: var(--wp--preset--font-family--roboto);
    line-height: 1.4;
}

.share-container .share-confirm {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    background-color: var(--wp--preset--color--positive-100);
    border-radius: 8px;
    padding: 4px 8px;
    border: 1px solid var(--wp--preset--color--positive-500);
    color: var(--wp--preset--color--positive-900);
    display: none;
    white-space: nowrap;
}