/*
 Theme Name: l'éveil du pétale
 Description: theme pour l'eveil du pétale
 Author: earthdesign
 Author URI: https://www.earthdesign.fr
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* nav bar modif*/
.Nav-Btn > a{
    
    width: 260px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 100px;
border: 2px solid #D9CDCD;
background: url(https://www.leveildupetale.com/wp-content/uploads/2024/01/sakuraopa.png),  #fff;
background-position: 107%, 0, 0, 0;
background-repeat: no-repeat;
background-size: contain;
text-align: center;
-webkit-text-stroke-color: #3f2612;
-webkit-text-stroke-width: 0.5px;

}
.et-menu .Nav-Btn a:hover{
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    opacity: 100;

}
#mobile_menu1{
    background: url(https://www.leveildupetale.com/wp-content/uploads/2024/01/sakuraopa.png),  #fff;
    background-position: 107%, 0, 0, 0;
background-repeat: no-repeat;
background-size: contain;
}
/*
#menu-item-543 > a{
    font-size: 35px!important;
}
#menu-item-434 > a{
    font-size: 35px!important;
}
/*

/* menu deroulant */
#menu-item-543 > ul{
    background-color: transparent!important;
    box-shadow: none!important;
    background: transparent!important;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li a:hover, .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li.current-menu-item a:hover{
    background-color: white!important;
}

/*
#menu-item-543 > ul > li > a, #menu-item-811 > ul > li > a, #menu-item-434 > ul > li > a{
    font-size:30px!important;
    
}
*/
.nav li ul.sub-menu a{
    margin: 5px;
    padding: 5px;
}
.et-menu .menu-item-has-children>a:first-child:after{
    display: none;
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul{
    left: 20px;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li ul:hover{
    background-color: transparent;
}
/* pause     /*
#menu-item-543 > a{
    font-size: 30px;
    font-weight: 100;
}
#menu-item-434 > a{
    font-size: 30px;
    font-weight: 100;
}
*/
/* icone panier  */
.et_pb_menu__cart-button:after{
    font-size: 0;
    background: url('https://www.leveildupetale.com/wp-content/uploads/2024/03/cart.svg') 
    no-repeat; content:'';
    height: 80px;
    width: 80px;
    background-size: cover;
}
#Nav-Btn > div > div > div > div > a:hover{
    
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}


/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/*rotate the Divi Menu icon on click*/

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
.et_mobile_menu li a{
    border-bottom: none;
}

/*rotate the Divi Menu icon on click*/

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
@media (max-width: 980px){
    .Nav-Btn > a{
        width: 100%;
        border-radius: 0;
        border: none;
        background: none;
    }
}

/* modification des transparence */
#main-content{
    background-color: transparent!important;
}

/* modification carousel */
#wps-slider-section .wps-product-section .swiper-button-prev{
    left:36px;
    top: 50%;
    border: 1px solid #c6a5e2!important;
    border-radius: 50%;
}
#wps-slider-section #sp-woo-product-slider-628.wps-product-section .wpsp-nav{
    color: #c6a5e2;
}
#wps-slider-section #sp-woo-product-slider-628.wps-product-section .wpsp-nav:hover{
    background-color: #8224e3;
}
#wps-slider-section .wps-product-section .swiper-button-next{
    right: 36px;
    top: 50%;
    border: 1px solid #c6a5e2!important;
    border-radius: 50%;
}
.sp-wps-product-image-area{
    border-radius: 50%;
    box-shadow: 5px 8px 9px 0px rgb(0 0 0 / 32%);
    width: fit-content;
    margin: auto;
}
#wpgs-gallery{
    border-radius: 50%;
    box-shadow: 5px 8px 9px 0px rgb(0 0 0 / 32%);
    width: fit-content;
    margin:auto!important;
}
.horizontal{
border-radius: 10%!important;
}
/* modification page compte woocommerce */
.woocommerce-MyAccount-navigation{
    display : none;
}
.woocommerce-MyAccount-content{
    width: 100%!important;
}
/* modification image produit */
#main-content > div.et-l.et-l--body > div > div > div.et_pb_row.et_pb_row_0_tb_body.et_pb_equal_columns > div.et_pb_column.et_pb_column_1_2.et_pb_column_0_tb_body.et_pb_css_mix_blend_mode_passthrough > div > div > div > div > div > div.woo-variation-gallery-thumbnail-wrapper > div > div:nth-child(n) > div > img{
    border-radius:50%;
    padding: 5px;
}
.slick-slide{
    border-radius: 50%;
}
#left-area > ul > li > a > span.et_shop_image > img{
    border-radius: 50%;
}
#left-area > ul > li > a{
    text-align: center;
}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger{
    top: 1.5em;
    background : #c6a5e2;
}
.et_pb_wc_add_to_cart form.cart .variations td.value span:after{
    display: none;
}
/* changement info woocommerce */
.woocommerce-info{
    background-color: transparent!important;
    border: solid 2px #b26292;
    border-radius: 100px;
    color: #3f2612!important;
}
/* page bulle personnalisé */
#ppom-price-cloner{
    display: none;
}
#commentaire{
    border: solid 2px #b26292;
    border-radius: 50px;
    color: #3f2612;
    scrollbar-width: none;
    height: auto;
}

/* modification du hover */
.papillon, a:hover{
    cursor: url("https://www.leveildupetale.com/wp-content/uploads/2024/04/butterflyico.png"), auto!important;
}

#menu-item-4821 > a{
    background-color: transparent !important ;
}
#menu-item-4821 > a:hover{
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

/* menu sur le coté */
.xoo-wsc-icon-basket1:before{
    content: url('https://www.leveildupetale.com/wp-content/uploads/2024/03/cart.svg')!important;
}
.xoo-wsc-product{
    border: solid 2px #b26292;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn{
border-radius: 5px;
}
/* modification petite image sous produit */
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img{
    border-radius: 50%;
    padding:5px;
}
#g-recaptcha{
    margin: auto!important;
}
#rc-anchor-container{
    background: transparent!important;
}
/* affiche pétale en 479 l'un à coté de l'autre */
@media (max-width: 479px) {
    .et_pb_row .et_pb_column.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.et_pb_column_1_6 {
        width: 47.25%!important;
        margin: 0 0 30px;
    }
    #et-main-area > footer > div > div.et_pb_section.et_pb_section_1_tb_footer.et_pb_with_background.et_section_regular > div.et_pb_row.et_pb_row_0_tb_footer.et_pb_equal_columns.et_pb_row_4col > div.et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_footer.et_pb_css_mix_blend_mode_passthrough{
        width: 100%!important;
    }
    #et-main-area > footer > div > div.et_pb_section.et_pb_section_1_tb_footer.et_pb_with_background.et_section_regular > div.et_pb_row.et_pb_row_0_tb_footer.et_pb_equal_columns.et_pb_row_4col > div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough{
        width: 100%!important;
    }
}
@media only screen and (max-width: 767px) {
    .et_pb_row_0, body #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row {
        width: 100%!important; 
    }
}
#post-334 > div > div > div > div.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular{
    padding: 5px;
}