/* Extra WooCommerce-specific tweaks that sit on top of style.css */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
	max-width: 1100px;
	margin: 20px auto;
	padding: 14px 20px;
	border-left: 3px solid var(--maroon);
	background: var(--cream);
	list-style: none;
	font-size: 13px;
}
.woocommerce-error { border-left-color: var(--maroon); }
.woocommerce-message { border-left-color: #4a7c59; }

/* Add to cart form: quantity + button sit inline */
form.cart {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
form.cart .quantity {
	margin: 0;
}

.woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--line); margin-bottom: 20px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.woocommerce-tabs ul.tabs li { display: inline-block; margin-right: 20px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding-bottom: 10px; cursor: pointer; }
.woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--maroon); }
.woocommerce-tabs .panel { font-size: 13.5px; line-height: 1.9; color: #4b4239; }
.woocommerce-tabs table.shop_attributes { width: 100%; border-collapse: collapse; margin-top: 10px; }
.woocommerce-tabs table.shop_attributes th, .woocommerce-tabs table.shop_attributes td { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.woocommerce-tabs table.shop_attributes th { width: 200px; color: var(--taupe); font-weight: 500; }

/* Product meta (SKU / categories / tags) under the add-to-cart row */
.product_meta { margin-top: 20px; font-size: 12px; color: var(--taupe); }
.product_meta > span { display: block; margin-bottom: 6px; }
.product_meta a { color: #4b4239; }
.product_meta a:hover { color: var(--maroon); }

/* Star rating */
.star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; width: 5.4em; font-family: 'Font Awesome 6 Free'; }
.star-rating::before { content: "\f005\f005\f005\f005\f005"; font-weight: 400; color: var(--line); float: left; top: 0; left: 0; position: absolute; }
.star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; }
.star-rating span::before { content: "\f005\f005\f005\f005\f005"; font-weight: 900; color: var(--gold); top: 0; position: absolute; left: 0; }

/* Sharing icons */
.wcpro-product-trust + .woocommerce-social-sharing,
.social-sharing { margin-top: 16px; display: flex; gap: 10px; }

/* Loading state utility shared by ajax add-to-cart / buy-now buttons */
.loading { position: relative; }
.fa-spinner { margin-right: 4px; }

/* Related / upsell product rows reuse the theme card markup via wcpro_render_product_card,
   but WooCommerce's own related-products template can also render its default markup -
   these rules keep that fallback readable. */
ul.products { list-style: none; }
ul.products li.product { text-align: left; }
ul.products li.product img { width: 100%; aspect-ratio: 3/4.1; object-fit: cover; margin-bottom: 12px; }
ul.products li.product .woocommerce-loop-product__title { font-size: 13px; color: #3a322c; margin-bottom: 3px; }
ul.products li.product .price { font-size: 13px; color: var(--maroon); font-weight: 500; }