/* WooCommerce views (category archive, product page, cart/checkout/account) styled to the prototype's category and
   product views. These templates stay WooCommerce/Blocksy (Elementor archive templates need Pro), so this CSS does the
   layout: crumbs, big heading + lede, child-category chips, 4-up product cards with "From $x inc GST", and on the
   product page: gallery left / buy panel right, tabs, "Goes well with". Scoped to WooCommerce body classes. */
.woocommerce-page, .woocommerce{ font-family:var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-ink,#0A0B1A); }
.woocommerce-breadcrumb{ display:flex; gap:8px; flex-wrap:wrap; font:400 13px/1.4 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-mute,#5D6075); padding-top:22px; }
.woocommerce-breadcrumb a{ color:inherit; text-decoration:none; }
.woocommerce-products-header{ display:grid; gap:10px; padding-block:14px 22px; max-width:none; text-align:left; }
.woocommerce-products-header .page-title, .woocommerce-products-header h1, .tax-product_cat h1.page-title, .post-type-archive-product h1.page-title{ font:760 clamp(28px,3.4vw,50px)/1.02 var(--ydc-font-display,system-ui,sans-serif) !important; font-stretch:112%; letter-spacing:-.01em; margin:0 !important; text-wrap:balance; text-align:left !important; }
.woocommerce-products-header .term-description, .woocommerce-products-header .term-description p{ font:400 clamp(16px,1.35vw,19px)/1.55 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-mute,#5D6075); max-width:60ch; margin:0; }
/* Child categories as chips (WooCommerce "show subcategories" setting, or Blocksy's) */
.woocommerce ul.products li.product-category{ width:auto !important; margin:0 8px 8px 0 !important; }
.woocommerce ul.products li.product-category a{ display:inline-flex; align-items:center; gap:6px; border:1.5px solid var(--ydc-line,#E2E4EE); border-radius:999px; padding:8px 14px; font:600 13.5px/1.2 var(--ydc-font-body,system-ui,sans-serif); color:inherit; text-decoration:none; }
.woocommerce ul.products li.product-category a:hover{ border-color:var(--ydc-ink,#0A0B1A); }
.woocommerce ul.products li.product-category img{ display:none; }
.woocommerce ul.products li.product-category h2{ font:inherit; margin:0; padding:0; }
.woocommerce ul.products li.product-category h2 .count{ background:none; color:var(--ydc-mute,#5D6075); font-weight:400; }
/* Toolbar */
.woocommerce-result-count{ font:400 14px/1.4 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-mute,#5D6075); }
.woocommerce-ordering select{ border:1.5px solid var(--ydc-line,#E2E4EE); border-radius:999px; padding:8px 14px; font:600 13.5px/1.2 var(--ydc-font-body,system-ui,sans-serif); background:#fff; }
/* Product cards */
.woocommerce ul.products li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .ct-media-container{ text-decoration:none; color:inherit; }
.woocommerce ul.products li.product img, .woocommerce ul.products li.product .ct-media-container img{ aspect-ratio:4/5; object-fit:cover; border-radius:16px; background:var(--ydc-mist,#F3F4F8); transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.woocommerce ul.products li.product:hover img{ transform:scale(1.02); }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2{ font:650 15.5px/1.25 var(--ydc-font-body,system-ui,sans-serif) !important; margin:10px 0 2px !important; padding:0 !important; color:var(--ydc-ink,#0A0B1A); }
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .ydc-price{ font:400 14px/1.4 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-ink,#0A0B1A); }
.woocommerce ul.products li.product .price .ydc-price, .woocommerce ul.products li.product .ydc-price .woocommerce-Price-amount{ font-weight:700; font-size:16px; font-variant-numeric:tabular-nums; }
.woocommerce ul.products li.product .ydc-price small{ color:var(--ydc-mute,#5D6075); font-weight:400; font-size:.8em; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .ct-woo-card-actions .button{ display:inline-block; margin-top:6px; background:none !important; border:0 !important; padding:0 !important; color:var(--ydc-ink,#0A0B1A) !important; font:600 13.5px/1.4 var(--ydc-font-body,system-ui,sans-serif) !important; text-decoration:underline; text-underline-offset:3px; border-radius:0; box-shadow:none !important; }
.woocommerce span.onsale, .ct-woo-badge{ background:var(--ydc-blue,#3F5BF6); color:#fff; border-radius:999px; font:700 11.5px/1 var(--ydc-font-body,system-ui,sans-serif); letter-spacing:.04em; padding:6px 10px; min-height:0; min-width:0; }
/* Product page: Blocksy already puts the gallery left and the summary right; tune type and the buy panel */
.single-product .product_title, .single-product h1.product_title{ font:760 clamp(28px,3.4vw,50px)/1.02 var(--ydc-font-display,system-ui,sans-serif) !important; font-stretch:112%; letter-spacing:-.01em; text-wrap:balance; }
.single-product .woocommerce-product-details__short-description, .single-product .woocommerce-product-details__short-description p{ font:400 16px/1.55 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-mute,#5D6075); }
.single-product .woocommerce-product-gallery, .single-product .woocommerce-product-gallery img{ border-radius:24px; overflow:hidden; background:var(--ydc-mist,#F3F4F8); }
.single-product .woocommerce-product-gallery .flex-control-thumbs img{ border-radius:12px; }
.single-product .posted_in, .single-product .tagged_as, .single-product .sku_wrapper{ font:400 13px/1.5 var(--ydc-font-body,system-ui,sans-serif); color:var(--ydc-mute,#5D6075); }
.single-product .posted_in a{ color:inherit; }
/* Tabs: Details · Artwork guide · Delivery · FAQs (headings from the product's tabs) */
.woocommerce div.product .woocommerce-tabs ul.tabs{ display:flex; gap:22px; border-bottom:1px solid var(--ydc-line,#E2E4EE); padding:0; margin:0 0 22px; overflow-x:auto; scrollbar-width:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:0 !important; background:none !important; border-radius:0 !important; margin:0 !important; padding:0 !important; box-shadow:none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 0 !important; font:400 15px/1.4 var(--ydc-font-body,system-ui,sans-serif) !important; color:var(--ydc-mute,#5D6075) !important; white-space:nowrap; position:relative; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--ydc-ink,#0A0B1A) !important; font-weight:650 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--ydc-ink,#0A0B1A); }
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{ display:none; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{ text-align:left; padding:10px 0; border-bottom:1px solid var(--ydc-line,#E2E4EE); font:400 14px/1.5 var(--ydc-font-body,system-ui,sans-serif); background:none !important; font-style:normal !important; }
.woocommerce table.shop_attributes th{ width:38%; color:var(--ydc-mute,#5D6075); font-weight:600; }
/* "Goes well with" (related products heading text is set by the plugin) */
.woocommerce .related > h2, .woocommerce .up-sells > h2, .woocommerce .related .ct-module-title, section.related h2{ font:700 clamp(21px,1.9vw,28px)/1.12 var(--ydc-font-display,system-ui,sans-serif) !important; font-stretch:108%; margin:0 0 18px !important; }
/* Cart / checkout / account: pill buttons, quiet tables */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page .ct-button{ border-radius:999px; font:600 15px/1.2 var(--ydc-font-body,system-ui,sans-serif); min-height:48px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; }
.woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce #place_order{ background:var(--ydc-ink,#0A0B1A); color:#fff; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-page input[type="text"], .woocommerce-page input[type="email"], .woocommerce-page input[type="tel"], .woocommerce-page input[type="password"]{ border:1.5px solid var(--ydc-line,#E2E4EE); border-radius:12px; padding:12px 14px; font:inherit; background:#fff; }
.woocommerce table.shop_table{ border:0; border-collapse:collapse; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border:0; border-bottom:1px solid var(--ydc-line,#E2E4EE); padding:12px 8px; }
@media (max-width:900px){ .woocommerce ul.products[class*="columns-"] li.product{ width:48% !important; } .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n){ margin-right:0 !important; } }