/**
 * Coffee Trade — Single product
 * ----------------------------------------------------------------------------
 * A calm, advisory product page: clear hierarchy, premium price, uniform
 * content sections. Presentation only — no cart/variation/price logic touched.
 * Scoped to `.single-product` + `.woocommerce div.product`.
 */

/* --- Layout: more air between gallery and summary ------------------------- */
.single-product.woocommerce div.product {
	margin-top: var(--ctc-space-5);
}

.single-product.woocommerce div.product .woocommerce-product-gallery {
	margin-bottom: var(--ctc-space-5);
}

.single-product.woocommerce div.product .woocommerce-product-gallery__image img {
	border-radius: var(--ctc-radius);
	background: var(--ctc-stone);
}

/* --- Summary: title, rating, price --------------------------------------- */
.single-product.woocommerce div.product .summary .product_title {
	margin: 0 0 var(--ctc-space-3);
}

.single-product.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: var(--ctc-space-4);
}

.single-product.woocommerce div.product .woocommerce-product-rating .star-rating {
	color: var(--ctc-bronze);
}

.single-product.woocommerce div.product .summary .price {
	color: var(--ctc-text);
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 0 var(--ctc-space-4);
}

.single-product.woocommerce div.product .summary .price del {
	color: var(--ctc-text-muted);
	font-weight: 400;
}

.single-product.woocommerce div.product .summary .price ins {
	text-decoration: none;
	color: var(--ctc-walnut);
}

/* --- Short description: calm, readable lead ------------------------------- */
.single-product.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--ctc-text);
	line-height: var(--ctc-body-line-height);
	margin-bottom: var(--ctc-space-5);
}

/* --- Key facts (from product attributes, under the short description) ----- */
.single-product.woocommerce div.product .ctc-key-facts {
	list-style: none;
	margin: 0 0 var(--ctc-space-5);
	padding: var(--ctc-space-3) var(--ctc-space-4);
	background: var(--ctc-stone);
	border-radius: var(--ctc-radius);
}

.single-product.woocommerce div.product .ctc-key-facts__item {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ctc-space-2) var(--ctc-space-4);
	padding: var(--ctc-space-2) 0;
	border-bottom: var(--ctc-border-width) solid rgba(39, 23, 14, 0.10);
}

.single-product.woocommerce div.product .ctc-key-facts__item:last-child {
	border-bottom: 0;
}

.single-product.woocommerce div.product .ctc-key-facts__label {
	flex: 0 0 38%;
	min-width: 8rem;
	color: var(--ctc-walnut);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	align-self: center;
}

.single-product.woocommerce div.product .ctc-key-facts__value {
	flex: 1 1 auto;
	color: var(--ctc-text);
	font-weight: 500;
}

/* --- Structured description sections (brief's fixed product layout) -------- *
 * Optional: when authored content wraps each section in `.ctc-prod-section`
 * (see README content template), they render uniformly. Plain h2/h3 inside the
 * description/tab content are also styled (further down) so this is additive. */
.single-product.woocommerce div.product .ctc-prod-section {
	margin-top: var(--ctc-space-5);
	padding-top: var(--ctc-space-5);
	border-top: var(--ctc-border);
}

.single-product.woocommerce div.product .ctc-prod-section:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.single-product.woocommerce div.product .ctc-prod-section__title {
	margin: 0 0 var(--ctc-space-3);
	font-size: 1.15rem;
	font-weight: var(--ctc-heading-weight-strong);
	color: var(--ctc-text);
}

/* --- Cart form: quantity + add to cart ----------------------------------- */
.single-product.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ctc-space-3);
	margin-bottom: var(--ctc-space-4);
}

.single-product.woocommerce div.product form.cart .quantity input.qty {
	width: 4.5rem;
	padding: 0.65rem 0.5rem;
	border: var(--ctc-border);
	border-radius: var(--ctc-radius);
	background: var(--ctc-cream);
	color: var(--ctc-text);
	text-align: center;
}

.single-product.woocommerce div.product form.cart .button.single_add_to_cart_button {
	flex: 1 1 auto;
	min-width: 12rem;
}

/* Variation selects on a calm surface. */
.single-product.woocommerce div.product table.variations select {
	border: var(--ctc-border);
	border-radius: var(--ctc-radius);
	background: var(--ctc-cream);
	padding: 0.5rem 0.75rem;
}

/* --- Advisory CTA placed under the cart ---------------------------------- */
.single-product.woocommerce div.product .summary .ctc-single-advisory {
	display: inline-flex;
	margin: 0 0 var(--ctc-space-4);
}

/* --- Product meta: quiet, separated -------------------------------------- */
.single-product.woocommerce div.product .product_meta {
	margin-top: var(--ctc-space-5);
	padding-top: var(--ctc-space-4);
	border-top: var(--ctc-border);
	color: var(--ctc-text-muted);
	font-size: 0.9rem;
}

.single-product.woocommerce div.product .product_meta a {
	color: var(--ctc-walnut);
}

/* --- Tabs / content sections: uniform, premium --------------------------- */
.single-product.woocommerce div.product .woocommerce-tabs {
	margin-top: var(--ctc-space-7);
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 var(--ctc-space-5);
	padding: 0;
	border-bottom: var(--ctc-border);
	display: flex;
	flex-wrap: wrap;
	gap: var(--ctc-space-2);
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none; /* drop Woo's default underline artefact */
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: var(--ctc-radius) var(--ctc-radius) 0 0;
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none; /* remove Woo's tab corner pseudo-elements */
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: var(--ctc-space-3) var(--ctc-space-4);
	color: var(--ctc-text-muted);
	font-weight: 600;
	border-bottom: 2px solid transparent;
}

.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.single-product.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--ctc-text);
	border-bottom-color: var(--ctc-bronze);
}

.single-product.woocommerce div.product .woocommerce-Tabs-panel {
	color: var(--ctc-text);
	line-height: var(--ctc-body-line-height);
	max-width: 70ch; /* comfortable reading measure */
}

.single-product.woocommerce div.product .woocommerce-Tabs-panel h2,
.single-product.woocommerce div.product .woocommerce-Tabs-panel h3 {
	margin-top: var(--ctc-space-5);
}

/* --- Up-sells / related: section rhythm ---------------------------------- */
.single-product.woocommerce .related,
.single-product.woocommerce .upsells {
	margin-top: var(--ctc-space-8);
	padding-top: var(--ctc-space-6);
	border-top: var(--ctc-border);
}

.single-product.woocommerce .related > h2,
.single-product.woocommerce .upsells > h2 {
	margin-bottom: var(--ctc-space-5);
}