/* ==========================================================================
   Woo Pre-Order — gaya frontend
   Dibuat netral agar menyatu dengan mayoritas tema WooCommerce.
   ========================================================================== */

/* Badge "PRE-ORDER" --------------------------------------------------------- */
.wpo-badge {
	display: inline-block;
	background: #ffb900;
	color: #1a1a1a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1;
	padding: 6px 9px;
	border-radius: 3px;
	text-transform: uppercase;
}

/* Badge pada halaman produk tunggal: posisikan di pojok gambar. */
.woocommerce div.product .images {
	position: relative;
}
.wpo-badge--single {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 5;
}

/* Badge pada loop/shop: pojok kartu produk. */
.woocommerce ul.products li.product {
	position: relative;
}
.wpo-badge--loop {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 5;
	font-size: 10px;
	padding: 4px 7px;
}

/* Notice di halaman produk -------------------------------------------------- */
.wpo-product-notice {
	margin: 1em 0 1.25em;
	padding: 0.9em 1.1em;
	background: #f4f6ff;
	border: 1px solid #c9d4ff;
	border-radius: 6px;
}
.wpo-product-notice__main {
	margin: 0;
	font-weight: 600;
}
.wpo-product-notice__date {
	margin: 0.4em 0 0;
	font-size: 0.92em;
	color: #444;
}

/* Tag pada item keranjang/checkout ----------------------------------------- */
.wpo-cart-tag {
	display: inline-block;
	margin-left: 4px;
	font-size: 0.82em;
	font-weight: 600;
	color: #b26a00;
}

/* Notice di atas keranjang/checkout ---------------------------------------- */
.wpo-cart-notice {
	margin-bottom: 1.25em;
}