/**
 * @ Title: single page css
 * @ Subtitle:
 * @ Author: Yudhi Purnomo
 * @ Create Time: 2023-09-05 09:34:34
 * @ Modified by: Yudhi
 * @ Modified time: 2023-12-18 11:28:28
 * @ Copyright: GPLv3
 * @ Description:
 */
 

.yp-wishlist-single-produk .single_add_to_wishlist.button{
    background: #ffeeee!important;
    color: #ec1a78!important;
    /* border: 1px solid #ccc; */
    border-radius: 18px!important;
}
 
.yp-wishlist-single-produk .single_add_to_wishlist.button:hover{
    background: #ec1a78!important;
    color: #fff!important;
} 

.yp-wishlist-single-produk .yith-wcwl-add-to-wishlist {
    margin:0 10px; 
}

.yp-rating-single-produk span{
   /*  color: #ec1a78!important; */
}
.yp-rating-single-produk .rating-space {
    background: #ec1a78!important;
    width: 1px!important;
    height: 15px!important;
    border-radius: unset!important;
    margin: 2px 10px!important;
    /* border-left: 1px solid #ccc; */
}

.single-price{
    background: rgb(248 249 250 / 95%);
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 2px 5px rgb(221 221 221 / 77%);
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs {
    margin:20px auto!important;
}
body.single-product.woocommerce div.product div.images .flex-control-thumbs li{
    margin:0 5px!important;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li img{
    border-radius:5px;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
    border:2px solid #ec1a78;
}

body.single-product.woocommerce div.product div.images .flex-control-thumbs li img:hover{
    border:2px solid #ec1a78;
}


table.variations span.woo-selected-variation-item-name{
  display: none !important;
}

table.variations td.woo-variation-items-wrapper{
  max-height: 150px;
  overflow: auto;
}


/** remove text view cart after add to cart click */
.cart .added_to_cart.wc-forward{
  display: none !important;
  width:0;
  height:0;
  opacity:0;
}


#owl-carousel-produk-galeri .owl-height{
    height:80px!important;
}

.estimasi-pengiriman{
    background: #efefef;
    border:2px solid #ddd;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 15px;
    /* height: 100px; */
    clear: both;
}

.estimasi-pengiriman span.icon{ 
    color:#ec1a78;
    width: 30px;
    display: inline-block;
}

.estimasi-pengiriman span.paket{
    font-weight:500;
}

.estimasi-pengiriman a.lihat-pengiriman-lain{
    color:#ec1a78;
    font-weight:500;
}

.product-tags{
    margin:30px 0;
}

.product-tags .title{
    color:#ec1a78;
    margin-bottom:20px;
}

.product-tags .tagged_as a{
    font-weight:500;
    border:1px solid #ddd;
    border-radius: 10px;
    padding:3px 20px;
}
 
.product-tags .tagged_as a:hover,
.product-tags .tagged_as a.active{
    border-color:#ec1a78;
}

body.single-product.woocommerce-page div.product div.images{
    width:100%!important;
}

.kanan-single-product-summary .info-cart{ 
    border-radius: 10px; 
}

.woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide img{
    height:350px!important;
    border: 2px solid #ddd;
    border-radius: 10px;
    object-fit: cover;
}

/** variation */


.label-variation-att {
  display: block;
  float:left;
  margin: 0 0 10px 10px !important;
}

.label-variation-att:first-of-type { margin-left: 0; }

.yp-custom-variation-select{

    max-width: 850px; width: 100%; margin: 0 auto;
}
.yp-custom-variation-select input{
	display: none;
}

.yp-custom-variation-select label{
    font-weight:500;
    border:2px solid #ddd;
    border-radius: 10px;
    padding: 5px 10px;
	text-align: center;
    font-size: 12px!important;
    line-height: 14px!important;
    cursor: pointer;
	
} 

.tab-tablist-more-info{
    
    
}
 

.tab-tablist-more-info ul{
    display: inline-flex;
    width:100%;
    margin: auto;
}

.tab-tablist-more-info ul li{
    width:50%;
    border-bottom: 1px solid #ddd;
}

.tab-tablist-more-info ul li.active{ 
    border-bottom: 3px solid #ec1a78;
}

.tab-tablist-more-info .nav-pills .nav-link{
    color:#23415b;
    background:none;
    font-weight:500; 
}
.tab-tablist-more-info .nav-pills .nav-link.active{
    color:#ec1a78;
    background:none;
    font-weight:500;
    

}

.catatan-product label i{
    color:#ec1a78;
}

.tengah-single-product-summary .woocommerce-product-rating{
    display:none;
}

.woocommerce div.product form.cart .single_add_to_cart_button.button{
    width:100%;
}

.nama-toko-produk i{
    color:#ec1a78;
}

.nama-toko-produk .i-badge-toko{ 
    background: #ffeeee;
    padding: 5px;
    border-radius: 50%;
}

.status-seller{
 
    margin-bottom: 20px;
    
}

.status-seller .badge{

    padding: 5px 10px;
    font-size: 13px; 
    
}

.badge-dilayani-care-dokter{
    color:#ec1a78!important;
    background: #ffeeee!important;
    box-shadow:0px 3px 5px 0px rgba(35, 65, 91, 0.15)!important;

}

.badge-verfied-seller{
    color: rgba(72, 150, 131, 1)!important;
    background-color: rgba(235, 246, 244, 1)!important;
    box-shadow:0px 3px 5px 0px rgba(35, 65, 91, 0.15)!important;
}

.yp-content-single-product #rekomendasi .product-listing{
    display: block!important;
    grid-template-columns: unset!important;
    grid-gap: unset!important;;

}
.yp-content-single-product #rekomendasi .upsells.products>h2{
    display:none!important;

}



.form-diskusi #topik{
  border-radius: 15px !important;
}

.form-diskusi #content-diskusi{
  border-radius: 10px !important;
}

.form-diskusi button,
.reply-form button{
    background: #F01478;
    color:#FFF;
    border-radius:10px;
}

.reply-form button:disabled{
    background: #C1C1C1 !important;
}

.readmore-reply:after{
  font-family: "Fontawesome";
  font-weight: normal;
  color: #929292;
  font-weight: normal !important;
  margin-left: 5px;
}

.readmore-reply:after{
  content: "\f078";
}

.readmore-reply.open:after{
  content: "\f077";
}



.diskusi-item .comment-wrapper,
.diskusi-item .reply-container{
    border-left:6px solid #EFEFEF;
}

.diskusi-item .comment-wrapper{
    padding-left: 3rem;
}

.diskusi-item .reply-container{
    margin-left:2rem;
    padding-left:15px;
}

.diskusi-item .topik{
  background:#F3F8FF;  
  padding: 3px 12px;
  border: 1px solid #CFDFF5;
  margin-bottom: 15px;
  border-radius: 30px !important; 
  text-align:center;
  font-weight:600;
  font-size:12px;
}

.diskusi-item .reply-count,
.reply-item .author i{
    color: #F01478;
}

.diskusi-item .meta .avatar img,
.diskusi-item .reply-form img{
    border-radius:50%;
}

.diskusi-item .meta .author{
  font-size: 16px;
}

.diskusi-item .meta .date{
  font-size: 13px;
  font-weight: lighter;
}

.timer-promo-serbu-single{
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(71.54deg, #FFF2F2 -0.96%, #E7F7FD 99.62%);


}
.button.btn-next-serbu{
    /* background: #d6001c!important; */ 
    background: rgba(194, 40, 60, 1)!important;
    font-size: 11px!important;
    padding: 4px 20px!important;
    width: 100%;
    margin-top: 10px!important;
}

.woocommerce .kiri-single-product-summary span.onsale.after-countdown{
    top:13.5em!important;
}



.product .button-variable-items-wrapper.wvs-style-squared li.button-variable-item{
  height: auto;
  line-height: 12px;
  min-height: 29px;
  padding: 3px 8px !important;
}


/** Event */
.single-product div.product .woocommerce-product-gallery.product_image_event .flex-viewport {
    width: 90%;
    float: left;
}
 
/* Make Gallery 25% width and place it beside the image */ 
.single-product div.product .woocommerce-product-gallery.product_image_event .flex-control-thumbs {
    width: 10%;
    float: left;
}

.woocommerce div.product div.images .flex-control-thumbs li{
    width:100%;
}
 
/* Style each Thumbnail with width and margins */
.single-product div.product .woocommerce-product-gallery.product_image_event .flex-control-thumbs li{
    display:block;
    float:none;
}
.single-product div.product .woocommerce-product-gallery.product_image_event .flex-control-thumbs li img {
    width: 90%;
    float: none;
    margin: 0 0 10% 10%;
}


.product-event-info div{
  border-right: 1px solid #ec1a78;
}

.product-event-info div.periode-event{
  text-align: center;
}

.product-event-info div:last-child{
  border: 0;
}

.contact-container .contact-item{
  border-bottom: 1px dotted #CCC;
  padding: 5px 0;
}

.contact-container .contact-item:last-child{
  border: 0;
}

.varian-tiket-item{
  background: #FAFAFA;
  box-shadow: 0px 3px 12px 0px #23415B1A;
  padding: 0;
  position: relative;
  overflow: hidden;
  margin-top:15px;
  margin-bottom:25px;
}

.ticket-icon{
  background: url('../../images/png/ticket-icon.png');
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}

.varian-header .separator-dash{
  border-bottom: 1px dashed #C1C1C1;
  width: 100%;
  display: block;
  height: 1px;
}

.varian-tiket-item .varian-footer{
  background: linear-gradient(71.54deg, #FFF2F2 -0.96%, #E7F7FD 99.62%);
  padding: 12px 24px 12px 24px;
}

.varian-current .varian-tiket-item.disabled .varian-footer{
  background: #EFEFEF;
}


.varian-icon{
  width: 55px;
  height: 70px;
  border-radius: 50%;
  background: #efefef;
  position: absolute;
  display: block;
  top: 24%;
}
 
.varian-icon.left{
  left: -25px;
}

.varian-icon.right{
  right: -25px;
}

button.event-booking-button:disabled{
  background: #C1C1C1 !important;
}

#next-varian-parent .accordion-item,
#next-varian-parent .accordion-button:focus{
  border: 0 !important;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

#next-varian-parent .accordion-button:not(.collapsed){
  box-shadow: none;
  background: #FFF;
}

#modal-detail-event .modal-title{
    font-weight:600;
}

#modal-detail-event .modal-body{
  background: #FAFAFA;
}

#modal-detail-event .accordion{
  border-radius: 8px;
}
#modal-detail-event .accordion .accordion-item{
  border: 1px solid #EFEFEF;
  box-shadow:none;
  border-radius: 8px;
}

#modal-detail-event .accordion-button:not(.collapsed){
  box-shadow: none;
  position:  relative;
}

#modal-detail-event .accordion-button:not(.collapsed):before{
  display: block;
  content: "";
  border-bottom: 1px dashed #CCC;
  width: 95%;
  position: absolute;
  bottom: 0;
  right: 15px;
}


.serbu-diskon-event .title{
  color: #23415B !important;
}

.timer-promo-serbu-single.serbu-diskon-event{
  padding: 5px;
}

.serbu-diskon-event .lima-serbu-countdown{
    font-size:1rem;
}

.serbu-diskon-event .lima_count .hours.box, 
.serbu-diskon-event .lima_count .minutes.box, 
.serbu-diskon-event .lima_count .seconds.box{
  padding: 3px;
  text-align: center;
  width: 25px;
  height: 25px
}


.serbu-diskon-event .button.btn-next-serbu{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/** Event */