/* ==========================================================================
   Product detail primitives. Loaded only on is_product().
   Styles WooCommerce's public classes (variation form, gallery) — no markup copied.
   ========================================================================== */

.dc-pdp { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--60); align-items: start; }
.dc-pdp > * { margin: 0 !important; }
@media (min-width: 1024px) {
	.dc-pdp { grid-template-columns: minmax(0, 7fr) minmax(340px, 5fr); gap: var(--wp--preset--spacing--70); }
	.dc-pdp__summary { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px); }
}
.dc-pdp__summary { display: flex; flex-direction: column; gap: 16px; }
.dc-pdp__summary > * { margin: 0 !important; }
.dc-pdp__summary .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); }
.dc-pdp__summary .wc-block-components-product-price { font-size: var(--wp--preset--font-size--large); }

/* ---- Gallery (classic WC gallery output by woocommerce/product-image-gallery) ---- */
.dc-pdp .wp-block-woocommerce-product-image-gallery { max-width: none; width: 100%; }
.dc-pdp .woocommerce-product-gallery { position: relative; margin: 0; width: 100% !important; float: none !important; }
.dc-pdp .woocommerce-product-gallery__image img,
.dc-pdp .woocommerce-product-gallery__image--placeholder img { width: 100%; height: auto; aspect-ratio: var(--wp--custom--image--ratio, 3 / 4); object-fit: cover; background: var(--wp--preset--color--surface); }
.dc-pdp .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0 !important; padding: 0; list-style: none; }
.dc-pdp .flex-control-thumbs li { width: auto !important; margin: 0 !important; float: none !important; }
.dc-pdp .flex-control-thumbs img { aspect-ratio: var(--wp--custom--image--ratio, 3 / 4); object-fit: cover; cursor: pointer; opacity: .6; transition: opacity var(--wp--custom--motion--fast, 120ms); }
.dc-pdp .flex-control-thumbs img.flex-active, .dc-pdp .flex-control-thumbs img:hover { opacity: 1; outline: 1px solid var(--wp--preset--color--contrast); outline-offset: -1px; }
.dc-pdp .woocommerce-product-gallery__trigger { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 5; width: 44px; height: 44px; display: grid; place-items: center; background: var(--wp--preset--color--base); border-radius: var(--wp--custom--radius--pill, 999px); text-indent: -9999px; overflow: hidden; }
.dc-pdp .woocommerce-product-gallery__trigger::before { content: ""; text-indent: 0; width: 16px; height: 16px; border: 1.5px solid currentColor; border-radius: 50%; }
.dc-pdp .onsale { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 5; }
@media (max-width: 767px) {
	/* Edge-to-edge gallery on phones; thumbnails become a scrollable strip inside the gallery only. */
	.dc-pdp__gallery { margin-inline: calc(var(--dc-gutter) * -1) !important; }
	.dc-pdp .flex-control-thumbs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 64px; overflow-x: auto; padding-inline: var(--dc-gutter); scrollbar-width: none; }
}

/* ---- Variation form (selectors scoped to beat WooCommerce block CSS without !important) ---- */
.dc-pdp .wp-block-woocommerce-add-to-cart-form form.cart { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations,
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations tbody { display: block; width: 100%; border: 0; margin: 0; }
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations tr { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations :is(th, td) { display: block; width: 100%; padding: 0; margin: 0; border: 0; line-height: 1.4; text-align: start; background: none; }
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations th.label label { font-size: var(--wp--preset--font-size--small); font-weight: 600; margin: 0; }
.dc-pdp .wp-block-woocommerce-add-to-cart-form table.variations select {
	width: 100%; max-width: none; height: var(--wp--custom--control--height, 48px); min-height: 0;
	padding: 0 40px 0 14px; margin: 0; line-height: 1.4; font-size: 16px;
}
.dc-pdp table.variations select option:disabled { color: var(--wp--preset--color--muted); }
.dc-pdp .reset_variations { display: inline-block; margin-top: 8px; font-size: var(--wp--preset--font-size--small); }
.dc-pdp .single_variation_wrap { display: flex; flex-direction: column; gap: 12px; }
.dc-pdp .woocommerce-variation { display: flex; flex-direction: column; gap: 6px; }
.dc-pdp .woocommerce-variation:empty, .dc-pdp .woocommerce-variation > :empty { display: none; }
.dc-pdp .woocommerce-variation-price .price { font-size: var(--wp--preset--font-size--large); margin: 0; }
.dc-pdp .woocommerce-variation-availability .stock,
.dc-pdp p.stock { margin: 0; font-size: var(--wp--preset--font-size--small); font-weight: 500; }
.dc-pdp .stock.in-stock { color: var(--wp--preset--color--success); }
.dc-pdp .stock.out-of-stock { color: var(--wp--preset--color--sale); }
.dc-pdp .woocommerce-variation-add-to-cart,
.dc-pdp form.cart:not(.variations_form) { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.dc-pdp .quantity { display: flex; margin: 0 !important; }
.dc-pdp .quantity input.qty { width: 72px; height: var(--wp--custom--control--height-lg, 52px); text-align: center; }
.dc-pdp .single_add_to_cart_button { flex: 1 1 200px; min-height: var(--wp--custom--control--height-lg, 52px); margin: 0 !important; }
/* WooCommerce keeps the button focusable (it explains what is missing), so it must keep AA contrast. */
.dc-pdp form.cart .single_add_to_cart_button.button.alt.disabled { opacity: 1; background: var(--wp--preset--color--border); color: var(--wp--preset--color--contrast); cursor: not-allowed; }

/* ---- Product info accordions (core/details) ---- */
.dc-accordion { border-top: 1px solid var(--wp--preset--color--border); }
.dc-accordion > .wp-block-details { margin: 0; border-bottom: 1px solid var(--wp--preset--color--border); }
.dc-accordion summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; cursor: pointer; list-style: none; font-weight: 600; font-size: var(--wp--preset--font-size--small); }
.dc-accordion summary::-webkit-details-marker { display: none; }
.dc-accordion summary::after { content: "+"; font-weight: 400; font-size: 1.25em; }
.dc-accordion details[open] > summary::after { content: "\2212"; }
.dc-accordion details > :not(summary) { margin-top: 0; padding-bottom: 16px; font-size: var(--wp--preset--font-size--small); }
.dc-accordion .wp-block-woocommerce-product-sku, .dc-accordion .wp-block-post-terms { margin: 0 0 4px; }

/* Placeholder content must be visibly a placeholder for editors. */
.dc-placeholder { padding: 12px; border: 1px dashed var(--wp--preset--color--warning); color: var(--wp--preset--color--warning); font-size: var(--wp--preset--font-size--x-small); }

/* Sticky buy bar (mobile): never covers content — body gets matching bottom padding,
   and the bar hides while an input has focus (on-screen keyboard). */
.dc-buybar { position: fixed; z-index: 45; inset-inline: 0; bottom: 0; display: flex; align-items: center; gap: 12px; padding: 10px var(--dc-gutter) calc(10px + env(safe-area-inset-bottom)); background: var(--wp--preset--color--base); border-top: 1px solid var(--wp--preset--color--border); box-shadow: 0 -6px 24px rgb(0 0 0 / .06); transform: translateY(0); transition: transform var(--wp--custom--motion--base, 200ms) var(--wp--custom--motion--easing, ease); }
.dc-buybar[hidden] { display: flex; transform: translateY(110%); visibility: hidden; }
.dc-buybar__info { flex: 1; min-width: 0; font-size: var(--wp--preset--font-size--small); line-height: 1.3; }
.dc-buybar__name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
.dc-buybar__btn { flex: none; min-height: var(--wp--custom--control--height, 48px); }
@media (min-width: 1024px) { .dc-buybar { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .dc-buybar { transition: none; } }
.dc-pdp .dc-wl--pdp { flex: none; }
.dc-pdp .dc-attr__head .dc-sg-open { font-weight: 500; }