/*
Theme Name: Verda Nook
Theme URI: https://verdanook.com/
Description: A restrained, material-led child theme for the Verda Nook Elementor storefront.
Author: Verda Nook
Template: hello-biz
Version: 0.1.0
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: verda-nook
*/

:root {
  --vn-chalk: #f7f5ef;
  --vn-stone: #d9d2c7;
  --vn-taupe: #a78f7b;
  --vn-olive: #6b6f63;
  --vn-copper: #9a5b3f;
  --vn-bronze: #2b2824;
  --vn-content: 1320px;
  --vn-gutter: clamp(20px, 4vw, 64px);
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--vn-chalk);
  color: var(--vn-bronze);
  font-family: Montserrat, Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--vn-taupe); color: var(--vn-bronze); }
:focus-visible { outline: 2px solid var(--vn-copper); outline-offset: 3px; }

/* Elementor owns the page layouts. These rules are intentionally limited to
   fallback WordPress and WooCommerce surfaces. */
.site-main,
.woocommerce-page .site-main {
  width: min(calc(100% - 2 * var(--vn-gutter)), var(--vn-content));
  margin-inline: auto;
}

.woocommerce-page .woocommerce-breadcrumb {
  color: var(--vn-olive);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.woocommerce-page .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-product-attributes a {
  color: inherit;
  text-decoration-color: var(--vn-copper);
  text-underline-offset: 0.25em;
}

.woocommerce-page .button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page a.button,
.woocommerce-page #respond input#submit {
  min-height: 48px;
  padding: 0.85rem 1.35rem;
  border: 1px solid var(--vn-bronze);
  border-radius: 2px;
  background: var(--vn-bronze);
  color: var(--vn-chalk);
  font-family: Montserrat, Inter, Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1.2;
  text-transform: uppercase;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.woocommerce-page .button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page a.button:hover {
  border-color: var(--vn-copper);
  background: var(--vn-copper);
  color: var(--vn-chalk);
}

.woocommerce-page input:not([type='checkbox']):not([type='radio']),
.woocommerce-page textarea,
.woocommerce-page select {
  min-height: 48px;
  border: 1px solid rgba(43, 40, 36, 0.24);
  border-radius: 2px;
  background: #fff;
  color: var(--vn-bronze);
}

.woocommerce-page .woocommerce-loop-product__title,
.woocommerce-page .product_title {
  color: var(--vn-bronze);
  font-family: Montserrat, Inter, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.woocommerce-page .price,
.woocommerce-page .amount { color: var(--vn-bronze); }
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
  border-top-color: var(--vn-copper);
  background: var(--vn-stone);
  color: var(--vn-bronze);
}

.woocommerce-page .woocommerce-error { border-top-color: #a74432; }

@media (max-width: 767px) {
  .woocommerce-page .site-main { width: calc(100% - 32px); }
  .woocommerce-page .woocommerce-breadcrumb { line-height: 1.5; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .woocommerce-page .button,
  .woocommerce-page button.button,
  .woocommerce-page input.button,
  .woocommerce-page a.button { transition: none; }
}