/* WooCommerce in the Viljandi Kehastuudio look. Loaded after WooCommerce's own CSS. */

.shop-head{margin-block:1.4rem 2rem;max-width:62ch}
.shop-head h1{font-size:clamp(2rem,5vw,2.6rem);margin:.4rem 0 .6rem}
.shop-head p:not(.eyebrow){color:var(--muted);font-size:1.05rem}

/* buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce-page a.button,.woocommerce-page button.button,
.wc-block-components-button:not(.is-link),.wp-block-button__link,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;border-radius:999px!important;
  font:600 1rem/1 var(--body)!important;padding:.85rem 1.4rem!important;text-decoration:none;transition:transform .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover{transform:translateY(-1px);background:var(--accent)!important;color:var(--accent-ink)!important;opacity:.95}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}

/* sale badge and prices */
.woocommerce span.onsale{background:var(--accent);color:var(--accent-ink);border-radius:6px;min-width:0;min-height:0;line-height:1;padding:.4rem .6rem;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;top:.8rem;left:.8rem;right:auto;margin:0}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums}
.woocommerce div.product p.price{font-size:1.5rem;margin:.6rem 0 1rem}
.woocommerce .price del{color:var(--muted);opacity:1;font-size:.8em}
.woocommerce .price ins{text-decoration:none;color:var(--accent);font-weight:600}

/* single product */
.woocommerce div.product{margin-top:1.4rem}
.woocommerce div.product .product_title{font-family:var(--display);font-size:clamp(1.8rem,4.5vw,2.4rem);line-height:1.1;margin-bottom:.2rem}
.woocommerce div.product div.images img{border-radius:18px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink);font-size:1.05rem;margin-bottom:1.2rem}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1.2rem}
.woocommerce div.product form.cart div.quantity{margin:0}
.woocommerce .quantity .qty{width:4.2rem;padding:.7rem .5rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:500 1rem var(--mono)}
.woocommerce div.product .product_meta{font-size:.88rem;color:var(--muted)}
.woocommerce div.product .product_meta a{color:var(--muted)}
.product-description{clear:both;padding-top:2rem;border-top:1px solid var(--line);max-width:70ch}
.product-description h2{font-size:1.4rem;margin-bottom:.8rem}
.product-description p{color:var(--muted);font-size:1.03rem;margin:0 0 .8rem}
.product-description a{color:var(--accent)}

/* product grid (shop, categories, related) */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1.2rem;margin:0 0 3rem}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:.6rem .6rem 1.2rem;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;margin-bottom:.8rem}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 1.1rem/1.25 var(--display);padding:0 .5rem;color:var(--ink)}
.woocommerce ul.products li.product .price{padding:0 .5rem}
.woocommerce ul.products li.product .button{margin:auto .5rem 0;align-self:flex-start}
.woocommerce ul.products li.product a{text-decoration:none}
.related.products{clear:both;padding-top:2rem;border-top:1px solid var(--line);margin-top:2rem}
.related.products > h2{font-size:1.4rem;margin-bottom:1rem}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:var(--muted);font-size:.9rem}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:.4rem .6rem;background:var(--surface);color:var(--ink)}

/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{border-radius:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--accent)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}

/* cart and checkout pages (block based) */
.page-body .wp-block-woocommerce-cart,.page-body .wp-block-woocommerce-checkout{margin-top:.5rem}
.wc-block-components-product-name{color:var(--ink);font-weight:600}
.wc-block-components-totals-item__value,.wc-block-formatted-money-amount{font-family:var(--mono)}

/* wider layout for cart, checkout and account so the order summary has room */
.woocommerce-cart main.wrap,.woocommerce-checkout main.wrap,.woocommerce-account main.wrap{max-width:1120px}
