.xcp-btn a:hover{
    color: #fff;
}
button#place_order {
    background-color:  #173710;
    color: #fff;
}
button#place_order:hover{
    background-color:  #fff;
    color: #173710;
}
/*.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
    border: none;
    border-radius: 5px !important;
    background-color: #173710 !important;
    color: #fff !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
    border: none;
    border-radius: 5px !important;
    background-color: #173710 !important;
    color: #fff !important;
}*/
a.added_to_cart.wc-forward {
    display: none;
}
a.checkout-button.button.alt.wc-forward {
    border-radius: 10px;
}
span.xoo-cp-icon-check.xoo-cp-added {
    display: none;
}
a.xoo-cp-btn-ch.xcp-btn {
    color: #000;
}
a.xoo-cp-btn-ch.xcp-btn:hover{
    color: #fff;
}
a.xoo-cp-close.xcp-btn:hover{
    color: #fff;
}
.active-liste{
    color: #173710;
     font-weight: bolder;
}

/* .my_play {

   
    font-size: 10px;
    line-height:3;
} */
.my_play p {
    text-align: left;
    font-family: 'poppins';
    cursor: pointer;
    color: #173710;
    padding: 5px;
}
/* .my_play p:hover, .playlist-active {
    cursor: pointer;
    background: #173710;
    color: #fff !important;
    border-radius: 0px 10px 10px 0;
} */


p.btn-show-playlist {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

p.btn-show-playlist::after,
p.btn-show-playlist.playlist-active::after {
    content: '';
    position: absolute;
    width: calc( 100% - 10px);
    transform: scaleX(0);
    border-radius: 5px;
    height: 0.1em;
    bottom: 12px;
    left: 5px;
    background: currentcolor;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    background-color: #173710;
}

p.btn-show-playlist:hover:after,
p.btn-show-playlist.playlist-active::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


.elementor-menu-cart__footer-buttons .elementor-button--view-cart {

    color: #fff!important;
    display: var(--view-cart-button-display,inline-block);
    /* color: var(--view-cart-button-text-color,#fff); */
    padding: var(--view-cart-button-padding,15px);
    /* background-color: var(--view-cart-button-background-color,#69727d); */
    border: none!important;
    border-radius: 5px !important;
    background-color: #173710 !important;
 
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{
    background-color: #fff!important;
    color: #173710!important;
    display: var(--view-cart-button-display,inline-block);
    /* color: var(--view-cart-button-text-color,#fff); */
    padding: var(--view-cart-button-padding,15px);
    border: 1px solid #173710!important;
    /* background-color: var(--view-cart-button-background-color,#69727d); */  
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
  background-color: #173710!important;
    color: #fff!important;
      border: none!important;
    border-radius: 5px !important;
    display: var(--view-cart-button-display,inline-block);
    /* color: var(--view-cart-button-text-color,#fff); */
    padding: var(--view-cart-button-padding,15px);
    /* background-color: var(--view-cart-button-background-color,#69727d); */  
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
  background-color: #fff!important;
    color: #173710!important;
    display: var(--view-cart-button-display,inline-block);
    /* color: var(--view-cart-button-text-color,#fff); */
    padding: var(--view-cart-button-padding,15px);
    border: 1px solid #173710!important;
    /* background-color: var(--view-cart-button-background-color,#69727d); */  
}
.price-produit{
    display: flex;
    justify-content: space-evenly;
    padding-top: 30px;
    flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin: 19px 0 21em;
     padding: 25px;
   
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}
.elementor-kit-69 h2 {
    color: #fff;
    font-family: 'Poppins';

}
.elementor-kit-69 p{
    margin-bottom: 0!important;
} 
.woocommerce div.product p.price {
    width: auto;
    /* display: flex; */
    color: #77a464;
    font-size: 1.25em;
    /* justify-content: flex-start; */
}
.woocommerce .quantity .qty {
    display: none;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,.woocommerce input.button.alt {
    background-color: #173710;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover{

    color: #173710;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}
.e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text{
    font-size: 12px!important;
}
.woocommerce a.button.alt:hover{
    border: 1px solid #173710;
    background-color: #fff;
    color: #173710;
    -webkit-font-smoothing: antialiased;
}

.woocommerce button.button.alt::hover{
    color: #173710;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce input.button.alt::hover {
    color: #173710;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;

}

.player{
    display: flex;
    width: 25%;
    height: 460px;
    /* background-color:#fff; */
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    flex-direction: column;
    overflow-y:auto;
}
.box {
    display: flex;
    width: 100%;
    justify-content: center;
    height: auto;
    flex-direction: row-reverse;
    gap: 10px;
}
/*.video-player{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    flex-direction: column;
}*/
.video-player {
    overflow: hidden;
    height: 460px;
    border-radius: 10px;
}
.video-player video{
    background-color:#000;
}
.show{
    display: block;
}
.xoo-cp-close{
    color: #fff;
}
.xoo-cp-btn-ch{
    color: #fff;
}
.xcp-btn {
    background-color:#ffff;
}
.xcp-btn:hover {
    background-color:#173710;
}
.listes li {
    padding-top: 12%;
    padding-left: 50px;
    padding-right: 20px;
/*    display: flex;*/
    align-items: center;
    justify-content: space-around;
    font-family: 'poppins';
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
    flex-wrap: wrap;
    align-content: stretch;
}
.listes ul> li:hover{
    color: #173710;
    font-weight: bolder;
}
.active{
    color: #173710;
     font-weight: bolder;
}

#vp-1{
    display: block;
}
figcaption {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.boxes {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.boxproduct {
    width: 30%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68);
}
.boxcontent{
    height: 60%;
    position: relative;
    border-radius: 10px;
}
.boxcontent h2 {
    left: 20px;
    bottom: 10px;
    position: absolute;
    font-family: poppins;
    color: #fff;
}
.boxcontent img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-top-left-radius: 10px;
     border-top-right-radius: 10px;
}


.boxprix button{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 31px;
    font-weight: 500;
    font-size: 16px;
    font-family: poppins;
    color: #fff;
    width: 45%;

}
a.button.add_to_cart_button.product_type_simple {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 31px;
    background-color: #173710;
    font-weight: 500;
    font-size: 12px;
    font-family: poppins;
    color: #fff;
    width: 43%;
}

.boxprix p{
    color: #484848;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0px;
}
.boxcategories{
    
    display: flex;
    justify-content: space-evenly;
        padding-top: 30px;
        flex-wrap: wrap;
}
.boxcategories a{
    font-size: 12px;
    color: #173710;
    border:1px solid #173710;
    width: 40%;
    border-radius: 20px;
    padding:0;
    justify-content: center;
    align-items: center;
    display: flex;

}
.price button a{
    border:1px solid #173710;
    font-size: 14px;
    width: 45%;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 20px;
    background-color:#173710;

}

.boxc {
    background-color: #fff;
    height: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.fond-img {
    filter: brightness(80%);
    background-size: cover;
    height: 100px;
    /* width: 95%; */
    /* margin-bottom: 25px; */
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}

.fond-img p {
    height: 100%;
    width: 100%;
    background: #00000087;
    padding: 10px;
    text-align: center;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    overflow-wrap: anywhere;
}

.fond-img:hover p {
/* , .video-active p { */
    color: #173710;
    background: #ffffff87;
}


/*li.menu-item:last-child{
    border-radius: 70px;
    border: 1px solid #484848!important;
    font-weight: 700;
    padding: 10px;
}*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: auto!important;
    margin-left: 0;

}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    position: absolute;
    font-size: 2em;
    top: 40%;
    left: 10%;
}
.woocommerce ul.products li.product .price {
    color: #77a464;
    font-weight: 400;
    display:grid;
    font-size:20px;
}
.woocommerce ul.products li.product .button {
 
    width: 90%;
    height: 36px;
    margin: 12px;

}

/* #dash {
    height: 460px;
    padding: 0;
    margin: 10px 0;
} */

#dash > .elementor-element {
    padding: 0;
    padding-right: 10px;
}

.product-title-item {
    color: #fff;
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 22px;
}

.back-cust-bp:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/11/summer-palm-leaves.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 220px;
    z-index: 0;
}

@media only screen and (max-width:768px) {

    body{
        width: 100%;

    }

    #dash {
        height: auto;
        padding: 0;
        margin: 10px 0;
    }

    #dash > .elementor-element {
        padding: 0;
        padding-right: 10px;
    }

    .listes{
        padding-right:0;
        padding-top:0;
    }
    .player{
    display: flex;
        width: 100%;
        padding-top: 20px;
        flex-direction: row;
        padding-top: 8px;
        flex-wrap: nowrap;
        justify-content:flex-start;
        height:auto;
    }
    .box{
        display: flex;
        width: 100%;
        justify-content: center;
        height: auto;
        flex-direction: column-reverse;
    }
    .video-player{
    
        width: 100%;
        height: auto;
    /* display: flex;
        justify-content: center;*/
    /*    align-items: center;*/
    /*    background-color: #000;*/
    /*    flex-direction: column;*/
    }
    .ctn-video-list > figcaption {
        display: none;
    }

    .video-player video{
        border-radius: 5px;
        height: auto;
    }
    .show{
        display: block;
    }
    .listes li{
    /*    margin: 0 0 4px 0;*/
        font-family: 'poppins';
        color: #fff;
        overflow: hidden;
        cursor: pointer;
        font-size: 10px;
        line-height: 1.6;
        font-weight: 400;
        text-align: left;
    }
    .listes ul::hover{
        list-style: inline;
    }

    #vp-1{
        display: block;
    }
    figcaption {
        font-size: 16px;
        color: #fff;
        line-height: 1.4;
        font-style: italic;
        font-weight: 400;
        text-align: center;
    }
    .boxes{
        
        height: auto;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;

    }
    .boxproduct{
        margin-top: 40px!important;
        border-radius: 10px!important;
        width: 100%!important;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68)!important;
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68)!important;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.68)!important;

    }

    .boxcontent{
        height: 60%;
        position: relative;
        border-radius: 10px;
    }
    .boxcontent h2 {
        left: 50px;
        bottom: 20px;
        position: absolute;
        font-family: poppins;
        color: #fff;
    }
    .boxcontent img{
        width: 100%;
        height: 100%;
        object-fit: fill;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .price {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .boxprix button{
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 31px;
        font-weight: 500;
        font-size: 16px;
        font-family: poppins;
        color: #fff;
        width: 45%;

    }
    a.button.add_to_cart_button.product_type_simple {
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 31px;
        background-color: #173710;
        font-weight: 500;
        font-size: 14px;
        font-family: poppins;
        color: #fff;
        width: 45%;
    }

    .boxprix p{
        color: #484848;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 0px;
    }
    .boxcategories{
        height: 70%;
        display: flex;
        justify-content: space-evenly;
        padding-bottom: 30px;
        padding-top: 30px;
        flex-wrap: wrap;
    }
    .boxcategories a{
        font-size: 14px;
        color: #173710;
        border:1px solid #173710;
        width: 45%;
        border-radius: 20px;
        padding:0;
        justify-content: center;
        align-items: center;
        display: flex;

    }
    .price button a{
        border:1px solid #173710;
        font-size: 14px;
        width: 45%;
        border-radius: 20px;
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 20px;
        background-color:#173710;

    }

    .boxc{
        background-color: #fff;
        height: 40%;
        display: flex;
        flex-direction: column;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .fond-img{
    margin-bottom:0px;
    height: 100px;
    }
    .price-produit{
        display: flex;
        justify-content: space-evenly;
        padding-bottom:25px;
        flex-wrap: wrap;
    }
}