/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2026 | 23:05:30 */
.woocommerce-products-header .page-description,
.woocommerce-products-header .term-description{
	padding: 10px 12px;
    background-color: #fff;
    margin: 36px auto;
    border-radius: 8px;
}

.sidebar-inner {
	border: 1px solid var(--gray-200);
}

.sticky-holder.sticky-top-20 {
	padding: 15px 10px;
	border-radius: 8px;
}

.before-shop-loop {
	padding: 8px;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid var(--gray-200);
}

.clerk#category-page-popular, .clerk#product-page-alternatives, .clerk#product-page-others-also-bought {
	display: block;
	margin-bottom: 36px;
}

.single-product-tabs-wrapper {
	margin-top: 36px;
}

.product-badge .badge.sale {
	background-color: #dc283c;
}

/* ==========================================================================
   Vimeo / iframe responsif di deskripsi produk (theme bumedi)
   ========================================================================== */

/* Area target: tab deskripsi + short description WooCommerce */
.woocommerce-Tabs-panel--description,
.woocommerce-product-details__short-description,
.woocommerce-tabs .panel,
.wc-tab {
    /* biar embed tidak bikin horizontal scroll di mobile */
    overflow-wrap: break-word;
}

/* --- Kasus 1: Vimeo oEmbed dgn wrapper padding (paling umum) ------------- */
.woocommerce-Tabs-panel--description div[style*="padding"],
.woocommerce-product-details__short-description div[style*="padding"] {
    position: relative;
    width: 100%;
    padding-top: 56.25% !important;   /* rasio 16:9 */
    height: 0 !important;
}

.woocommerce-Tabs-panel--description div[style*="padding"] iframe,
.woocommerce-product-details__short-description div[style*="padding"] iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

/* --- Kasus 2: iframe Vimeo/YouTube "telanjang" tanpa wrapper ------------- */
.woocommerce-Tabs-panel--description > iframe,
.woocommerce-Tabs-panel--description p > iframe,
.woocommerce-product-details__short-description iframe,
.wc-tab iframe[src*="vimeo.com"],
.wc-tab iframe[src*="player.vimeo.com"],
.wc-tab iframe[src*="youtube.com"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    aspect-ratio: 16 / 9;           /* browser modern; fallback di bawah */
    height: auto;
    margin: 1em 0;
    border: 0;
}

/* --- Kasus 3: block editor embed (Gutenberg) --------------------------- */
.woocommerce-Tabs-panel--description .wp-block-embed__wrapper,
.woocommerce-product-details__short-description .wp-block-embed__wrapper {
    position: relative;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.product .product-thumbnail-wrapper .product-buttons.top-right .product-button.product-wishlist a, .product .product-thumbnail-wrapper .product-buttons.top-right .product-button.product-wishlist a:hover {
	border: none;
	background: none;
}

.single-product-wrapper form.cart .variations tr {
	align-items: baseline;
}

.star-rating {
	--font-size: 1rem;
}

.woocommerce div.product .woocommerce-product-gallery.bmd-side-thumbs > ol.flex-control-thumbs li img.flex-active {
	border-color: #28a582 !important;
}

@media screen and (max-width: 768px) {
	.product .product-wrapper.bordered {
		padding: 4px 6px;
		border: 1px solid var(--gray-200);
		border-radius: 8px;
	}
	
	.products.grid-layout-listing {
		gap: 12px;
	}
	
	.products .product .product-title, .product .product-title + .product-price-wrapper {
		padding: 0 4px;
	}
	
	.price {
		font-size: 18px;
	}
}

@supports not (aspect-ratio: 16 / 9) {
    .woocommerce-product-details__short-description iframe,
    .wc-tab iframe[src*="vimeo.com"],
    .wc-tab iframe[src*="youtube.com"] {
        height: 56.25vw;
        max-height: 70vh;
    }
}


@media screen and (min-width: 1024.1px) {
	.content-wrapper.row-reverse #sidebar {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	
/* 	.single-product-tabs-wrapper, .module-recently-products {
		width: 85%;
		margin: 0 auto;
	} */
}

@media (max-width: 599px) {

    .woocommerce-product-gallery .flex-viewport {
        height: 280px !important;
    }

    .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
        height: 280px !important;
        object-fit: contain;
    }
	
	.woocommerce div.product .woocommerce-product-gallery.bmd-side-thumbs > ol.flex-control-thumbs {
		justify-content: center;
	}
	
	.woocommerce-product-gallery.bmd-side-thumbs {
    	--bmd-thumb-gap: 4px !important;
    	--bmd-thumb-mobile-w: 40px !important;
	}
	
	.woocommerce div.product .woocommerce-product-gallery.bmd-side-thumbs > ol.flex-control-thumbs li img {
		width: 40px !important;
	}

    .klb-flexslider-thumbnail.horizontal .flex-viewport {
        height: auto !important;
    }
	
	.single-product-wrapper .product_title, .price.size-large {
		font-size: 1.25rem;
	}
	
	.bmd-brand-rating {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.product .product-meta {
		display: none;
	}
}

.woocommerce .star-rating,
.star-rating {
  --font-size: 0.75rem;
  --lt-spacing: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  overflow: hidden;
  float: none !important;
  font-family: "klbtheme" !important;
  letter-spacing: var(--lt-spacing);
}

.woocommerce .star-rating::before,
.star-rating::before {
  content: "\e82f\e82f\e82f\e82f\e82f" !important;
  font-family: "klbtheme" !important;
  font-size: var(--font-size);
  letter-spacing: var(--lt-spacing);
  color: var(--gray-300);
  position: static !important;
  float: none !important;
  white-space: nowrap;
}

.woocommerce .star-rating span,
.star-rating span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  float: none !important;
  font-size: 0;
  white-space: nowrap;
}

.woocommerce .star-rating span::before,
.star-rating span::before {
  content: "\e82f\e82f\e82f\e82f\e82f" !important;
  font-family: "klbtheme" !important;
  font-size: var(--font-size);
  letter-spacing: var(--lt-spacing);
  color: var(--yellow-400);
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  white-space: nowrap;
}

.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
  display: none;
}