/* ==========================================================================
   Single product — same language as the card: the bottle stands in a cream
   panel (white photo background multiplied away), large type, ink button.
   ========================================================================== */
/* the slider moves slides with transform (own stacking context), so the cream
   must sit on the slide itself for the multiply blend to reach it */
.single-product .wd-gallery-images .wd-carousel-item,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image > a { background: var(--lg-cream) !important; }
.single-product .woocommerce-product-gallery .wd-gallery-images {
	background: var(--lg-cream);
	border-radius: 28px;
	isolation: isolate;
	overflow: hidden;
}
.single-product .woocommerce-product-gallery .wd-gallery-images img {
	height: min(640px, 70vh) !important;
	width: 100% !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	padding: 36px 24px;
	background: transparent !important;
}
.single-product .wd-gallery-thumb .wd-carousel-item img {
	background: var(--lg-cream-soft);
	border-radius: 10px;
	mix-blend-mode: multiply;
	object-fit: contain;
	aspect-ratio: 3 / 4;
	height: auto !important;
}

/* summary */
.single-product .summary-inner .product_title {
	font-family: var(--lg-font);
	font-size: clamp(32px, 3.2vw, 50px);
	font-weight: 400;
	line-height: 1.05;
	color: var(--lg-ink);
	margin-bottom: 14px;
}
/* the price apart from the title (the client asked; a burgundy tag was too heavy): no background,
   a very dark warm brown instead of the title's burgundy, and bold */
.single-product .summary-inner > .price {
	font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.1;
	color: #2B1C19 !important;
	font-weight: 700;
}
.single-product .summary-inner > .price .amount,
.single-product .summary-inner > .price bdi,
.single-product .summary-inner > .price .woocommerce-Price-currencySymbol { color: inherit !important; }
.single-product .summary-inner > .price del { font-size: .6em; font-weight: 400; opacity: .55; }
.single-product .summary-inner > .price ins { text-decoration: none; }
.single-product .woocommerce-product-details__short-description { font-size: 18px; line-height: 1.55; color: var(--lg-ink-soft); }
.single-product .stock { color: var(--lg-ink); }

.single-product form.cart { gap: 12px; }
.single-product form.cart .quantity input.qty,
.single-product form.cart .quantity .minus,
.single-product form.cart .quantity .plus { height: 54px; border-color: var(--lg-line); color: var(--lg-ink); }
.single-product .single_add_to_cart_button {
	min-height: 54px;
	min-width: 220px;
	font-size: 20px !important;
	border-radius: 8px !important;
}
.single-product .product_meta { font-size: 14px; color: var(--lg-ink-soft); }
.single-product .product_meta > span > .meta-label, .single-product .product_meta .meta-label { color: var(--lg-ink); }
.single-product .wd-action-btn > a { color: var(--lg-ink-soft); }

/* tabs */
.single-product .wd-nav-tabs > li > a, .single-product .tabs-layout-tabs .wd-nav-tabs .nav-link-text {
	font-family: var(--lg-font);
	font-size: 18px;
	text-transform: none;
	letter-spacing: 0;
	color: var(--lg-ink-soft);
}
.single-product .wd-nav-tabs > li.active > a .nav-link-text { color: var(--lg-ink); }
.single-product .woocommerce-product-attributes tr { justify-content: flex-start !important; gap: 14px; }   /* WoodMart spreads label and value to the two ends */
.single-product .woocommerce-product-attributes th { color: var(--lg-ink); font-weight: 700; width: auto !important; flex: none; white-space: nowrap; text-align: start; }
.single-product .woocommerce-product-attributes th .wd-attr-name::after { content: ":"; }
.single-product .woocommerce-product-attributes td { color: var(--lg-ink-soft); text-align: start !important; }   /* the value right beside its label (the client asked), not at the far end */

/* related products title */
.single-product .related-and-upsells .title, .single-product .related-products .title {
	font-family: var(--lg-font);
	font-size: clamp(28px, 3vw, 44px);
	font-weight: 400;
	color: var(--lg-ink);
	text-align: center;
}

@media (max-width: 767px) {
	.single-product .woocommerce-product-gallery .wd-gallery-images { border-radius: 20px; }
	.single-product .woocommerce-product-gallery .wd-gallery-images img { height: 420px !important; padding: 24px 12px; }
	.single-product .single_add_to_cart_button { min-width: 0; flex: 1 1 auto; }
}

/* ACF product facts (badges + short list) */
.lg-facts { margin: 6px 0 22px; display: grid; gap: 14px; }
.lg-facts__badges { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.lg-facts__badges li {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px; border-radius: 30px;
	background: var(--lg-cream); color: var(--lg-ink);
	font-size: 15px; line-height: 1.2; white-space: nowrap;
}
.lg-facts__badges svg { width: 14px; height: 14px; color: var(--lg-taupe-deep); flex: none; }
.lg-facts__list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.lg-facts__list > div { display: flex; justify-content: flex-start; align-items: baseline; gap: 6px; padding: 9px 0; border-bottom: 1px solid var(--lg-line); font-size: 15px; }
.lg-facts__list dt { color: var(--lg-ink); font-weight: 700; margin: 0; flex: none; }
.lg-facts__list dt::after { content: ":"; }
.lg-facts__list dd { color: var(--lg-ink-soft); margin: 0; text-align: start; }   /* beside its label (the client asked), not at the far end */
@media (max-width: 767px) { .lg-facts__list { grid-template-columns: 1fr; } }

/* phones: the accordion arrows (מידע נוסף, חוות דעת) sit at the left end, like every other open / close arrow on the site */
.rtl.single-product .wd-accordion-title { flex-direction: row !important; justify-content: space-between; }
/* "מידע נוסף" is the tab's own title; the heading repeated inside the panel goes */
.woocommerce-Tabs-panel--additional_information .wc-tab-inner > h2:first-child { display: none; }

/* hover zoom (features.js): the photo grows 1.4× toward the mouse; the panel's rounded frame clips it */
.single-product .woocommerce-product-gallery__image.lg-zoomable { overflow: hidden; cursor: zoom-in; }
.single-product .woocommerce-product-gallery__image.lg-zoomable img { transition: transform .45s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.single-product .woocommerce-product-gallery__image.lg-zoomable.is-zoomed img { transform: scale(1.4); }