/* ============================================================
   ALIS Valves - WooCommerce Compatibility Styles
============================================================ */

/* General WooCommerce wrapper */
.woocommerce,
.woocommerce-page { font-family: var(--font-main); }

/* Product images */
.woocommerce div.product div.images { margin-bottom: 24px; }
.woocommerce div.product div.images img { border-radius: var(--radius); }

/* Product title and price */
.woocommerce div.product .product_title {
  font-family: var(--font-cond); font-size: clamp(24px, 3.5vw, 38px);
  font-weight: 700; color: var(--text-dark); margin-bottom: 12px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--green); font-size: 22px; font-weight: 700;
  font-family: var(--font-cond);
}

/* Add to cart button */
.woocommerce div.product form.cart .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--green); color: var(--white); border: none;
  font-family: var(--font-main); font-size: 13px; font-weight: 600;
  padding: 10px 22px; border-radius: 3px; cursor: pointer;
  transition: background var(--transition);
  letter-spacing: .04em; text-transform: uppercase;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: var(--green-dark); }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex; border-bottom: 1px solid var(--border);
  padding: 0; margin: 0 0 24px; list-style: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  margin: 0; padding: 0; border: none; border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 12px 20px; font-size: 13px; font-weight: 600;
  color: var(--text-mid); border-bottom: 3px solid transparent;
  transition: color var(--transition), border-color var(--transition);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--green); border-bottom-color: var(--green); background: none;
}

/* Reviews */
.woocommerce #reviews .comment-reply-title,
.woocommerce #reviews #respond h3 { font-family: var(--font-cond); font-weight: 700; }

/* Cart */
.woocommerce table.cart th { background: var(--off-white); font-weight: 700; }
.woocommerce table.cart td { vertical-align: middle; }

/* Checkout */
.woocommerce form .form-row label { font-weight: 600; color: var(--text-mid); font-size: 13px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  border: 1.5px solid var(--border); border-radius: 3px;
  font-family: var(--font-main); font-size: 14px;
  padding: 8px 12px; width: 100%;
  transition: border-color var(--transition);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus { border-color: var(--green); outline: none; }

/* Order received */
.woocommerce .woocommerce-order-received h2,
.woocommerce .woocommerce-thankyou-order-details { font-family: var(--font-cond); }

/* Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block; padding: 10px 16px; color: var(--text-mid); font-weight: 600;
  border-radius: 3px; transition: background var(--transition), color var(--transition);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: var(--green-bg); color: var(--green);
}

/* Notices */
.woocommerce-message, .woocommerce-info {
  border-top-color: var(--green); background: var(--green-bg);
  color: var(--text-dark);
}
.woocommerce-message::before { color: var(--green); }
.woocommerce-error { border-top-color: #c0392b; }