/* --- ABONNEMENTS --- */
div.yith_wcwl_footer_additional_action,
div.wishlist-title-container,
th.product-price,
td.product-price {
    display: none;
}

/* -- TYPOGRAPHIE GLOBALE WOOCOMMERCE -- */

h1.entry-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 60px;
}

th.product-name {
    font-family: 'Poppins', sans-serif;
}

td.product-name {
    font-family: 'Poppins', sans-serif;
}

/* Correction du design des bouttons supprimer dans la boutique / Abonnemment / etc ... comportement de WOOCOMMERCE */

.woocommerce #content table.wishlist_table.cart a.remove {
    background-color: transparent;
    color: #fff;
    width: 30px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 2px;
    height: 30px;
}

.woocommerce #content table.wishlist_table.cart a.remove:hover {
    color: white;
    background-color: #c3c3c3;
    width: 30px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 2px;
    height: 30px;
}

.woocommerce a.remove:hover {
    color: white;
    background-color: #c3c3c3;
    width: 30px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 2px;
    height: 30px;
}

/* Style du boutton Woocommerce pour le store sur la page d'accueil */


.yith-wcwl-add-button {
	margin-top: -8px !important;
	width: 100%;
	margin: 0 auto;
    color: var(--e-global-color-13ed1179);
    background-color: black;
    border-color: black;
    font-family: var(--e-global-typography-9eb1823-font-family), Sans-serif;
    font-size: var(--e-global-typography-9eb1823-font-size);
    font-weight: var(--e-global-typography-9eb1823-font-weight);
    line-height: var(--e-global-typography-9eb1823-line-height);
    letter-spacing: var(--e-global-typography-9eb1823-letter-spacing);
    word-spacing: var(--e-global-typography-9eb1823-word-spacing);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 30px 5px 30px;
	cursor: pointer;
    /*margin-top: 30px;*/
}

 .yith-wcwl-add-button:hover {
 border-color: var(--e-global-color-42be5fe);
    text-align: center;
    border-radius: 5px;
    background-color: white;
	border: 1px solid #B80127;
    transition: 0.3s;
	cursor: pointer;
}

.yith-wcwl-add-button a {
    color: white;
}

.yith-wcwl-add-button:hover a {
    color: #b80027;
}



.Woocommerceabo i {
    display: none;
}

i{
   display: none; 
}

i.yith-wcwl-icon{
	display: none;
}

.yith-wcwl-wishlistexistsbrowse,
.yith-wcwl-wishlistaddedbrowse {
display: flex;
    flex-direction: column;
    margin-top: -5px !important;
    align-content: center;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    background: black;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: white!important;
    text-align: center;
    letter-spacing: -0.2px;
}

.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
    font-size: 13px;
    font-family: Poppins;
    color: white;
    text-decoration: underline !important;
}

/* Comportement du bouton noir shop page d'accueil */

.Woocommerceabo .woocommerce-loop-product__buttons a {
    width: 100%;
    border-radius: 5px !important;
    text-align: center;
}



/* ANIMATION DU NUAGE EN BACKGROUND VERSION LIGHT */

.wp-dark-mode-inactive body{
        background: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("/wp-content/uploads/2023/11/motif-noir-et-blanc.png");
        background-attachment: fixed;
        background-size: cover;
        animation: example 60s ease-in-out infinite;
        animation-direction: alternate;
        }

@keyframes example {
from {
    background-position: top;
}
to {
     background-position: bottom;
}
}

/* CSS THEME DARK */
/* ANIMATION DU NUAGE EN BACKGROUND VERSION DARK SASUKE */

.wp-dark-mode-active body{
        background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("/wp-content/uploads/2023/11/fond-bleu-a-motif.png");
        background-attachment: fixed;
        background-size: cover;
        animation: example2 60s ease-in-out infinite;
        animation-direction: alternate;
        }

@keyframes example2 {
from {
    background-position: top;
}
to {
     background-position: bottom;
}
}

.wp-dark-mode-active #superHeader{
	background-color: white !important;
}

.wp-dark-mode-active span.price, h1, h2, h3, h4, mark.count input textarea{
	color: white !important;
}

.wp-dark-mode-inactive span.price, h1, h2, h3, h4, mark.count input textarea{
	color: black !important; 
}

.wp-dark-mode-active span.price, h1, h2, h3, h4, mark.count input textarea span p{
	color: white !important;
	border-color: white;
}

.wp-dark-mode-active p{
	color: white !important;
}

.wp-dark-mode-active span{
	color: white !important;
}

.wp-dark-mode-active label{
	color: white !important;
}

.wp-dark-mode-active input{
	color: white !important;
	border-color: white !important;
}

.wp-dark-mode-mode-active textarea{
	border: 1px solid white;
	color: white !important;
	border-color: white !important;
}

.wp-dark-mode-mode-active select{
	border: 1px solid white;
	color: white !important;
	border-color: white !important;
}
.wp-dark-mode-mode-active form{
	color: white !important;
	border-color: white !important; 
}

/* Correction de couleur dans le footer */

.fixb{
	color: white !important;
}

/* Correction du Z-index de 9999 du Switch to dark mode */

.wp-dark-mode-switcher, .wp-dark-mode-side-toggle-wrap{
	z-index: 9 !important;
}

/* WOOCOMMERCE Fix des backgrounds */
.woocommerce{

}

a.checkout-button.button.alt.wc-forward{
	background-color: #B80127; 
}

/* Transition du CSS Additionnel vers le main.CSS */

/* DARK MODE */

html.wd-dark-style .elementor-search-form input[type="search"]::placeholder{
	color: white !important;
}

html.wd-dark-style #supersearch h3.elementor-post__title a{
	color: white !important;
}

html.wd-dark-style #archiveproduit span.woocommerce-Price-currencySymbol{
	color: black !important;
}

html.wd-dark-style nav.woocommerce-pagination ul li a{
	color: white !important;
}

html.wd-dark-style #cateflex div a{
	color: white !important;
}

html.wp-dark-style div h1.woocommerce div.product .product_title{
    color: black !important
}

html.wp-dark-style p{
    color: black !important
}

html.wp-dark-style span{
    color: black !important
}

html.wp-dark-style .woocommerce-Price-currencySymbol{
    color: white !important;
}

html.wp-dark-style bdi{
    color: black !important
}

html.wp-dark-style nav{
    color: black !important
}

html.wd-dark-style .yith-wcwl-add-button span{
	color: white !important;
}


html.wd-dark-style .yith-wcwl-add-button:hover span{
	color: #B80127 !important;
}

html.wd-dark-style .yith-wcwl-add-button::after{
	color: #B80127 !important;
}

html.wd-dark-style #cateflex div div div div div:hover{
	background: white !important;
	border-radius: 5px;
}

html.wd-dark-style #cateflex span:hover{
	color: #B80127 !important;
}

html.wd-dark-style #navdeskblack div ul li a{
	color: white !important;
	text-decoration-color: white !important;
}

html.wd-dark-style #navdeskblack div ul li a.elementor-item .elementor-item-active::after{
	text-decoration-color: white !important;
}

::placeholder{
	color: black !important;
}
html.wd-dark-style ul.sub-menu {
	color: white !important;
	background-color: rgb(36, 37, 37) !important;
}

html.wd-dark-style div h1.elementor-heading-title{
	color: white !important;
}

html.wd-dark-style div h2.elementor-heading-title{
	color: white !important;
}

html.wd-dark-style div bdi{
	color: white !important;
}

html.wd-dark-style span.price bdi{
	color: black !important;
}

html.wd-dark-style #height h1{
	color: black !important;
}

html.wd-dark-style #height bdi{
	color: black !important;
}

html.wd-dark-style #height span{
	color: black !important;
}

button .js-bpost-shipping-options-modal{
    background: #B80127 !important;
    margin-top: 20px !important
}

html.wd-dark-style #height p{
	color: black !important;
}

html.wd-dark-style #height .yith-wcwl-add-button a span{
    color: white !important;
}

html.wd-dark-style #height .yith-wcwl-add-button:hover a span{
    color: #B80127 !important;
}

html.wd-dark-style #contactblok span{
	color: black !important;
}

html.wd-dark-style #contactblok h4{
	color: black !important;
}

html.wd-dark-style #contactblok p{
	color: black !important;
}

html.wd-dark-style #contactblok label{
	color: black !important;
}

html.wd-dark-style #contactblok button{
	color: black !important;
}

html.wd-dark-style #contactblok #sendingBtn{
	background-color: black !important;
}

html.wd-dark-style #contactblok #sendingBtn:hover{
	background-color: white !important;
}

html.wd-dark-style #contactblok #sendingBtn span{
color: white !important;
}

html.wd-dark-style #contactblok #sendingBtn:hover span{
color: #B80127 !important;
}

html.wd-dark-style #archiveproduit h2{
	color: black !important;
}

html.wp-dark-mode-active h1{
	color: white !important;
}

.wp-dark-mode-active h3{
	color: rgb(255, 255, 255) !important;
}

.wp-dark-mode-active h4{
	color: rgb(255, 255, 255) !important;
}

.wp-dark-mode-active .price{
	color: rgb(255, 255, 255) !important;
}

.wp-dark-mode-active .count{
  color: rgb(255, 255, 255) 	!important;
}

.wp-dark-mode-active input{
  color: rgb(255, 255, 255) 	!important;
}

.wp-dark-mode-active textarea{
  color: rgb(255, 255, 255) 	!important;
}

.wp-dark-mode-active span{
  color: rgb(255, 255, 255) 	!important;
}

.wp-dark-mode-active p{
  color: rgb(255, 255, 255) 	!important;
}

.wp-dark-mode-active label{
	color: white !important;
}

.wp-dark-mode-active input{
	color: white !important;
	border-color: white !important;
}

.wp-dark-mode-mode-active textarea{
	border: 1px solid white;
	color: white !important;
	border-color: white !important;
}

.wp-dark-mode-mode-active select{
	border: 1px solid white;
	color: white !important;
	border-color: white !important;
}
.wp-dark-mode-mode-active form{
	color: white !important;
}

.wp-dark-mode-inactive span.price, h1, h2, h3, h4, mark.count input textarea{
	color: black !important; 
}

.controls .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{
	align-content: space-between !important;
}

.elementor-menu-cart__product-name, .elementor-menu-cart__product-price{
	color: black;
}


html.wd-dark-style .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
    background-color: #B80127 !important;
    margin-top: 20px !important;
}

.elementor-24736 .elementor-element.elementor-element-56e3beba.elementor-wc-products ul.products li.product{
	justify-content: space-between !important;
}

html.wd-dark-style .elementor-24184 .elementor-element.elementor-element-445034b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-24184 .elementor-element.elementor-element-445034b7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
	background-color:#B80127 !important;
}

#sliderfigurine img{
	object-fit: scale-down !important;
}

html.wd-dark-style #decouvrirabonnement a span{
	color: white !important;
}

html.wd-dark-style #fixbtn h2.woocommerce-loop-product__title{
	color: black !important;
}

html.wd-dark-style #fixbtn span{
	color: black !important;
}

#payment{
	padding-bottom: 1px;
	margin-bottom: 50px;
}

#payment button{
	background-color: #B80127;
}

html.wd-dark-style #coupon_code{
	color: white !important;
}