/**
 * WooCommerce styling for Tokyo Studio Capture.
 *
 * Migrated from additional-css.txt (Phase 0.1 audit). Visual values (colors,
 * sizes) are preserved as-is -- this is a structural migration, not a
 * redesign. Duplicate/dead rules found during the audit have been removed;
 * see the migration report for details.
 *
 * Phase 1B: the badge background (#C19A83) and the review-link button's 4px
 * radius now reference var(--tsc-accent) / var(--tsc-radius-sm) -- same
 * resolved values. The review card's 6px radius and the badge's 999px pill
 * radius are intentionally left as literals: neither matches an approved
 * radius token (sm 4px / md 8px / lg 12px) exactly, and mapping either to
 * the nearest token would change the rendered corner radius.
 */

/* Product thumbnail sizing (shop/archive grid) */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap img {
	width: 100%;
	height: 300px;
	object-fit: contain !important;
	background: #111;
}

/* Native WooCommerce review list: hide "verified owner" label and avatar */
.woocommerce-review__author + em {
	display: none;
}

.commentlist .avatar {
	display: none;
}

/* --- TSC single-review teaser card ---
   Markup: inc/woocommerce-hooks.php -> tsc_single_review_box() */
.tsc-review-card {
	margin-top: 15px;
	padding: 15px;
	background: #f5f5f5;
	border-radius: 6px;
	font-size: 14px;
}

.tsc-review-card__meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tsc-review-card__date {
	text-align: right;
	font-size: 12px;
	color: #777;
}

.tsc-review-card__excerpt {
	margin-top: 10px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tsc-review-card__footer {
	margin-top: 10px;
}

.tsc-review-card__link {
	display: inline-block;
	padding: 6px 12px;
	background: #111;
	color: #fff;
	border-radius: var(--tsc-radius-sm);
	font-size: 13px;
	text-decoration: none;
}

/* --- TSC shop-loop average rating ---
   Markup: inc/woocommerce-hooks.php -> tsc_product_loop_rating_html() */
.tsc-product-rating {
	margin-top: 4px;
	font-size: 13px;
	color: #444;
}

.tsc-product-rating__stars {
	color: #f5a623;
}

/* --- TSC NEW / SALE badge ---
   Markup: inc/woocommerce-hooks.php -> tsc_custom_product_badge()
   Astra's own onsale indicator is hidden since the TSC badge replaces it. */
.ast-onsale-card {
	display: none !important;
}

.woocommerce ul.products li.product .tsc-product-badge {
	position: absolute;
	top: 1.2em;
	left: 1.2em;
	right: auto;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 60px;
	height: 30px;
	padding: 0;

	background: var(--tsc-accent);
	color: #fff;

	border-radius: 999px;

	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;

	z-index: 5;
}

/* Badge is not shown on the single-product page.
   .onsale is still genuinely needed here: WooCommerce's native
   woocommerce_show_product_sale_flash() (single-product summary) was never
   unhooked in PHP -- only the loop version was -- so it still prints its own
   <span class="onsale"> on the single-product page and must still be hidden.
   .tsc-product-badge is kept here defensively even though it is not currently
   printed on single-product pages. */
.single-product .onsale,
.single-product .tsc-product-badge,
.single-product .ast-onsale-card {
	display: none !important;
}

/* Single-product gallery: hide the zoom trigger icon. */
.single-product .woocommerce-product-gallery__trigger,
.single-product .ast-woocommerce-product-gallery__trigger {
	display: none !important;
}