/* ===============================
   ARCHIVE PRODUCT CARD ONLY
   =============================== */

li.product .select_option_colorpicker .yith_wccl_value,
li.product .select_option_image .yith_wccl_value {
    min-width: 22px !important;
    height: 22px !important;
}



li.product .select_option_label .yith_wccl_value {
    font-size: 11px !important;
    border: 0 !important;  /* supprime le border blanc */
    height: auto !important;
    line-height: normal !important;  /* pas de décalage vertical */
    text-align: center !important;
}




.ywccl_stock,
.stock.available-on-backorder {
    display: none !important;
}



.select_option_label, .select_option_label .yith_wccl_value_wrapper, .select_option_label .yith_wccl_value, .select_option_label div { border-radius: 0 !important; padding: 0px !important; } 

div.variations_form.cart.in_loop { display: none; } 

.select_option { display: inline-block; border: 1px solid var( --yith-wccl-form-colors_border ); margin-right: 6px; position: relative; padding: 1px; } 

.select_option.selected { border: 1px solid var( --yith-wccl-form-colors_accent ); } 

.select_box:not( .on_ptab ) .select_option:hover { border-color: var( --yith-wccl-form-colors-accent-hover ); } 

.select_option.selected:hover { border-color: var( --yith-wccl-form-colors_accent ) !important; } 

.select_option.inactive span.yith_wccl_value { opacity: 0.3; } 

.select_option.inactive .yith_wccl_value { cursor: not-allowed; } 

.select_option.yith-wccl-remove { display:none; } 

.select_option.inactive.inactive_cross::before, .select_option.inactive.inactive_cross::after { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left:50%; 
    width: 1%; 
    height: 100%; 
    background-color: var( --yith-wccl-customization-color-cross, #FF0000 ); 
    transform-origin: center; 
} 

.single-product .select_option.inactive.inactive_cross::before, 
.single-product .select_option.inactive.inactive_cross::after { left: 50%; } 

.select_option.inactive.inactive_cross::before { transform: rotate(45deg); z-index:999; } 

.select_option.inactive.inactive_cross::after { transform: rotate(-45deg); z-index:99; } 

.select_option .yith_wccl_value { 
    border: 2px solid #fff; 
    display: block; 
    text-decoration: none; 
    text-align: center; 
    cursor: pointer; 
} 

.select_option_colorpicker .yith_wccl_value, 
.select_option_image .yith_wccl_value { 
    min-width: var( --yith-wccl-customization-color-swatches-size ); 
    height: var( --yith-wccl-customization-color-swatches-size ); 
    border-radius: var( --yith-wccl-customization-color-swatches-border-radius ); 
    overflow: clip; 
} 

.select_option_colorpicker { border-radius: var( --yith-wccl-customization-color-swatches-border-radius ); } 

.select_box_image .select_option_image .yith_wccl_value, 
.select_option_label .yith_wccl_value { border-radius: var( --yith-wccl-customization-option-border-radius ); } 

.select_box_image .select_option_image, 
.select_option_label { border-radius: var( --yith-wccl-customization-option-border-radius ); } 

.select_option_label .yith_wccl_value { font-size:12px; width:100%; height:auto; } 

.select_option .yith-wccl-bicolor { 
    display: block; 
    border-style: solid; 
    border-width: 0 0 calc(var(--yith-wccl-customization-color-swatches-size,22px) - 4px ) 
                 calc( var(--yith-wccl-customization-color-swatches-size,22px ) - 4px ); 
    border-left-color: transparent!important; 
    border-right-color: transparent!important; 
    border-radius: var( --yith-wccl-customization-color-swatches-border-radius ); 
    calc(var(--yith-wcan-color_swatches_size,45px) + 4px); 
} 

/*label style*/
.select_option_label .yith_wccl_value_wrapper { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

.select_option_label div { 
    min-width: var( --yith-wccl-customization-color-swatches-size ); 
    height: var( --yith-wccl-customization-color-swatches-size ); 
} 

.woocommerce div.product form.cart .variations td.yith_wccl_layout_separate, 
.woocommerce div.product form.cart .variations th.yith_wccl_layout_separate{ display: block; } 

.theme-yith-proteo.woocommerce div.product form.cart .variations th.yith_wccl_layout_separate { padding-bottom: 10px !important; } 

/* tab style */
.select_box.on_ptab .select_option .yith_wccl_value { cursor: default; } 

.select_option .yith_wccl_tooltip { 
    position: absolute; 
    font-size: 12px; 
    line-height: 14px; 
    text-align: center; 
    box-sizing: border-box; 
    opacity: 0; 
    width: 100px; 
    margin-left: -50px; 
    z-index: 99; 
    left: 50%; 
    transition: all 300ms; 
    -webkit-transition: all 300ms; 
    -moz-transition: all 300ms; 
    pointer-events: none; 
} 

.select_option .yith_wccl_tooltip img { height: auto; max-width: 100%; margin: 5px 0; } 

.select_option .yith_wccl_tooltip span:after { 
    content: ''; 
    border: 5px solid transparent; 
    width: 1px; 
    height: 1px; 
    position: absolute; 
    left: 50%; 
    margin-left: -5px; 
} 

/* position */
.select_option .yith_wccl_tooltip.top { bottom: 100%; padding-bottom: 10px; } 
.select_option .yith_wccl_tooltip.top span:after { bottom: -10px; } 
.select_option .yith_wccl_tooltip.bottom { top: 100%; padding-top: 10px; } 
.select_option .yith_wccl_tooltip.bottom span:after { top: -10px; } 

/* animation */
.select_option .yith_wccl_tooltip.fade, 
.select_option .yith_wccl_tooltip.slide { opacity: 0; } 

.select_option:hover .yith_wccl_tooltip.fade, 
.select_option:hover .yith_wccl_tooltip.slide { opacity: 1; } 

.select_option .yith_wccl_tooltip.top.slide { 
    transform: translateY(20%); 
    -webkit-transform: translateY(20%); 
    -moz-transform: translateY(20%); 
    -ms-transform: translateY(20%); 
} 

.select_option .yith_wccl_tooltip.bottom.slide { 
    transform: translateY(-20%); 
    -webkit-transform: translateY(-20%); 
    -moz-transform: translateY(-20%); 
    -ms-transform: translateY(-20%); 
} 

.select_option:hover .yith_wccl_tooltip.slide { 
    transform: translateY( 0 ); 
    -webkit-transform: translateY( 0 ); 
    -moz-transform: translateY( 0 ); 
    -ms-transform: translateY( 0 ); 
} 

.select_option:hover .yith_wccl_tooltip { 
    transition: all 300ms; 
    -webkit-transition: all 300ms; 
    -moz-transition: all 300ms; 
    opacity: 1; 
} 

.select_option .yith_wccl_tooltip > span { 
    display: inline-block; 
    position: relative; 
    height: auto; 
    width: auto; 
    max-width: 100%; 
    border-radius: 3px; 
    padding: 6px 6px; 
} 

.select_option { vertical-align:top; } 

/* ARCHIVE PAGE */
li.product .variations_form.cart { margin: 5px 0; } 
li.product .variations_form.cart div.variations { margin-bottom: 15px; } 



.avada-select-parent .select_box, 
select.yith_wccl_custom ~ .select2-container { display: none; } 

ul.products li.product .variations_form .select_box .yith_wccl_value, 
ul.products li.wc-block-grid__product .variations_form .select_box .yith_wccl_value, 
.wc-block-grid ul.wc-block-grid__products li.product .variations_form .select_box .yith_wccl_value, 
.wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .variations_form .select_box .yith_wccl_value { 
    min-width: 24px; 
    height: 20px; 
    line-height: 29px; 
    width: auto; 
} 

li.product .select_option_label div { 
    min-width: 24px !important;
    height: 20px !important;
    padding: 0 !important;
    box-sizing: border-box;
} 

/* LOADING GALLERY */
.woocommerce-product-gallery.loading-gallery, 
.product-gallery.loading-gallery { position: relative; } 

.woocommerce-product-gallery.loading-gallery::after, 
.product-gallery.loading-gallery:after { 
    content: ''; 
    position: absolute; 
    background: url('../images/ajax-loader.gif') #fff no-repeat center center; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 100; 
} 

/* Customization options */
.select_option .yith_wccl_tooltip > span { 
    background: var( --yith-wccl-tooltip-colors_background ); 
    color: var( --yith-wccl-tooltip-colors_text-color ); 
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); 
} 

.select_option .yith_wccl_tooltip.bottom span:after { 
    border-bottom-color: var( --yith-wccl-tooltip-colors_background ); 
} 

.select_option .yith_wccl_tooltip.top span:after{ 
    border-top-color: var( --yith-wccl-tooltip-colors_background ); 
} 

.yith-wccl-no-selected, 
.yith-wccl-no-selected-msg { color:red; } 

.yith-wccl-no-selected-msg { margin-top: 5px; }