/**
 * ULTRAskinz Pre-Orders - front-end styles.
 *
 * Deliberately light touch: inherits the theme's type and spacing so the
 * messaging reads as part of the shop, not as a bolted-on plugin.
 */

.uspo-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	padding: 4px 10px;
	border-radius: 3px;
	background: var(--uspo-badge-bg, #111);
	color: var(--uspo-badge-color, #fff);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	line-height: 1.5;
	text-transform: none;
	pointer-events: none;
}

.woocommerce ul.products li.product,
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
	position: relative;
}

.uspo-product-notice {
	margin: 14px 0 0;
	padding: 12px 14px;
	background: rgba( 0, 0, 0, .03 );
	border-left: 3px solid var(--uspo-badge-bg, #111);
	border-radius: 2px;
}

.uspo-product-notice__text {
	margin: 0;
	font-size: .9em;
	line-height: 1.6;
}

.uspo-countdown {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-top: 8px;
	font-size: .85em;
}

.uspo-countdown__label {
	opacity: .7;
}

.uspo-countdown__value {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.uspo-cart-notice {
	margin-bottom: 20px;
}

/* The block cart and checkout do not load the classic notice styles, so give
   the notice a baseline of its own when it lands there. */
.wp-block-woocommerce-cart .uspo-cart-notice,
.wp-block-woocommerce-checkout .uspo-cart-notice {
	padding: 14px 16px;
	background: rgba( 0, 0, 0, .03 );
	border-left: 3px solid var(--uspo-badge-bg, #111);
	border-radius: 2px;
	line-height: 1.6;
}

.wp-block-woocommerce-cart .uspo-cart-notice::before,
.wp-block-woocommerce-checkout .uspo-cart-notice::before {
	content: none;
}