/* =========================================================================
   Thornbury & Vale — WooCommerce skin
   Restyles WooCommerce's default markup to match the heritage theme.
   ========================================================================= */

/* Homepage "featured" row: always four across (overrides the 3-column shop default) */
.tav-featured-products ul.products { grid-template-columns: repeat(4, 1fr) !important; }
@media (max-width: 980px) { .tav-featured-products ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 480px) { .tav-featured-products ul.products { grid-template-columns: 1fr !important; } }

/* Shop / archive header */
.woocommerce-products-header { text-align: center; max-width: 680px; margin: 0 auto 2.5rem; }
.woocommerce-products-header__title.page-title {
  font-family: var(--font-display); color: var(--green-800);
  font-size: clamp(2rem, 4vw, 2.85rem); margin-bottom: .6rem;
}
.term-description, .woocommerce-products-header + .term-description { color: var(--ink-soft); }

.woocommerce .woocommerce-result-count { color: var(--ink-faint); font-size: .9rem; margin: 0; }
.woocommerce .woocommerce-ordering { margin-bottom: 2rem; }
.woocommerce .woocommerce-ordering select {
  padding: .55rem 2.2rem .55rem 1rem; border: 1.5px solid var(--line); border-radius: 100px;
  background: var(--white); font-family: var(--font-body); color: var(--ink); width: auto;
}

/* ----- Product grid ----- */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.2rem, 2.5vw, 2rem);
  margin: 0 0 2.5rem; padding: 0; list-style: none;
}
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important; margin: 0 !important; float: none !important; padding: 0 !important;
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg);
  overflow: hidden; display: flex; flex-direction: column;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease); text-align: left;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; }
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img {
  margin: 0; aspect-ratio: 1/1; object-fit: cover; width: 100%; background: var(--cream-200);
  transition: transform .5s var(--ease);
}
.woocommerce ul.products li.product:hover img { transform: scale(1.05); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display); font-weight: 600; font-size: 1.18rem; color: var(--green-800);
  padding: 1rem 1.2rem .2rem; line-height: 1.25;
}
.woocommerce ul.products li.product .price {
  color: var(--green-700); font-family: var(--font-display); font-weight: 600; font-size: 1.2rem;
  padding: 0 1.2rem; margin-top: auto;
}
.woocommerce ul.products li.product .price del { color: var(--ink-faint); font-weight: 400; margin-right: .4rem; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--terracotta); }
.woocommerce ul.products li.product .button {
  margin: 1rem 1.2rem 1.3rem; align-self: flex-start;
}
.woocommerce ul.products li.product .added_to_cart { margin: 0 1.2rem 1.3rem; font-weight: 600; }

/* Sale badge */
.woocommerce span.onsale {
  background: var(--honey); color: var(--green-900); font-family: var(--font-body); font-weight: 700;
  font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; min-height: 0; min-width: 0;
  padding: .35rem .7rem; border-radius: 100px; top: .8rem; left: .8rem; margin: 0; line-height: 1;
}

/* ----- Buttons (map Woo buttons onto the theme) ----- */
.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 #place_order {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  background: var(--terracotta); color: #fff; font-family: var(--font-body); font-weight: 600;
  font-size: .98rem; padding: .8rem 1.5rem; border-radius: 100px; border: 0;
  transition: all .22s var(--ease); line-height: 1;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .woocommerce #place_order:hover {
  background: var(--terracotta-700); color: #fff; transform: translateY(-2px); box-shadow: var(--shadow-sm);
}
.woocommerce a.button.added::after { display: none; }

/* ----- Single product ----- */
.woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.woocommerce div.product .woocommerce-product-gallery { width: 100% !important; margin: 0; }
.woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.woocommerce div.product .product_title {
  font-family: var(--font-display); color: var(--green-800); font-size: clamp(1.9rem, 3.6vw, 2.6rem); margin-bottom: .5rem;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--terracotta); font-family: var(--font-display); font-weight: 600; font-size: 1.9rem; margin-bottom: 1.2rem;
}
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--ink-soft); font-size: 1.08rem; line-height: 1.7; }
.woocommerce div.product form.cart { margin: 1.6rem 0; display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; }
.woocommerce .quantity .qty {
  width: 80px; text-align: center; padding: .7rem .4rem; border: 1.5px solid var(--line); border-radius: 100px;
  font-family: inherit; font-size: 1rem;
}
.woocommerce div.product form.cart .button { padding: .85rem 1.8rem; font-size: 1.02rem; }
.woocommerce .product_meta { font-size: .9rem; color: var(--ink-faint); margin-top: 1.5rem; border-top: 1px solid var(--line); padding-top: 1.2rem; }
.woocommerce .product_meta a { color: var(--green-700); }

/* Single grid spans full width for tabs + related below */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells { grid-column: 1 / -1; }

.woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 1.5rem; border-bottom: 1px solid var(--line); display: flex; gap: .5rem; }
.woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: none; border: 0; border-radius: 0; padding: 0; margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--font-display); font-weight: 600; color: var(--ink-soft); padding: .8rem 1.1rem; display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--green-800); border-bottom: 2px solid var(--terracotta); }
.woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 1.5rem; }

.woocommerce .related h2, .woocommerce .upsells h2, .woocommerce .cross-sells h2 {
  font-family: var(--font-display); font-size: 1.8rem; margin-bottom: 1.5rem;
}

/* ----- Notices ----- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
  border-top: 0; border-left: 4px solid var(--green-600); background: var(--cream-200);
  color: var(--ink); border-radius: var(--radius); padding: 1rem 1.4rem; font-size: .98rem;
}
.woocommerce-message { border-left-color: var(--green-600); }
.woocommerce-info { border-left-color: var(--honey-700); }
.woocommerce-error { border-left-color: var(--terracotta); }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { color: inherit; opacity: .7; }

/* ----- Cart & checkout ----- */
.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: var(--radius-lg); border-collapse: separate; overflow: hidden; }
.woocommerce table.shop_table th { background: var(--cream-200); font-family: var(--font-body); color: var(--green-800); }
.woocommerce-cart table.cart img { width: 64px; border-radius: var(--radius); }
.woocommerce .cart_totals h2, .woocommerce-checkout h3 { font-family: var(--font-display); color: var(--green-800); }
.woocommerce form .form-row { margin-bottom: 1rem; }
.woocommerce form .form-row label { font-weight: 500; color: var(--ink-soft); margin-bottom: .3rem; display: block; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout select, .select2-container .select2-selection {
  border: 1.5px solid var(--line) !important; border-radius: 100px; padding: .7rem 1rem; font-family: inherit;
}
.woocommerce form .form-row textarea { border-radius: var(--radius); }
.woocommerce #payment, .woocommerce-checkout #order_review { background: var(--cream-200); border-radius: var(--radius-lg); padding: 1.5rem; }
.woocommerce #payment ul.payment_methods { border: 0; }

/* ----- Breadcrumb ----- */
.woocommerce .woocommerce-breadcrumb { color: var(--ink-faint); font-size: .85rem; margin-bottom: 1.5rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--green-700); }

/* ----- Responsive ----- */
@media (max-width: 1024px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .woocommerce ul.products, .woocommerce-page ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: repeat(2, 1fr); }
  .woocommerce div.product { grid-template-columns: 1fr; }
}
@media (max-width: 460px) {
  .woocommerce ul.products, .woocommerce-page ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: 1fr; }
}
