/* ============================================================
   Brakoon v2 — WooCommerce Dark Overrides
   ============================================================ */

/* ===== GENERAL WC LAYOUT ===== */
.woocommerce-page .woocommerce,
.woocommerce {
  font-family: var(--font-b);
  color: var(--text);
}

.woocommerce-page {
  padding-top: 108px;
  min-height: 100vh;
  background: var(--bg);
}

/* ===== FORMS ===== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select {
  background: var(--bg2);
  border: 1px solid var(--border);
  color: var(--text);
  font-family: var(--font-b);
  font-size: .9rem;
  padding: 12px 16px;
  border-radius: 8px;
  transition: border-color .15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--orange);
  outline: none;
  box-shadow: none;
}

.woocommerce form .form-row label {
  font-family: var(--font-h);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 6px;
}

/* ===== BUTTONS ===== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page a.button,
.woocommerce-page button.button {
  background: var(--orange);
  color: var(--bg);
  font-family: var(--font-h);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: none;
  border-radius: 8px;
  padding: 14px 28px;
  transition: background .15s;
  cursor: pointer;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover {
  background: var(--orange2);
  color: var(--bg);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--orange);
  color: var(--bg);
}

/* ===== CART PAGE ===== */
.woocommerce-cart-form__cart-item,
.woocommerce table.shop_table {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce table.shop_table th {
  font-family: var(--font-h);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--bg3);
  border-bottom: 1px solid var(--border);
  padding: 12px 16px;
}

.woocommerce table.shop_table td {
  border-top: 1px solid var(--border);
  padding: 16px;
  color: var(--muted);
  vertical-align: middle;
}

.woocommerce table.shop_table .product-name a {
  font-family: var(--font-h);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text);
  transition: color .15s;
}
.woocommerce table.shop_table .product-name a:hover { color: var(--orange); }

.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal {
  font-family: var(--font-h);
  font-weight: 700;
  color: var(--orange);
}

.woocommerce .cart-subtotal th,
.woocommerce .order-total th {
  font-family: var(--font-h);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
}

.woocommerce .order-total .amount {
  font-family: var(--font-h);
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--orange);
}

.woocommerce .cart-collaterals,
.woocommerce .cart_totals {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 24px;
}

/* Remove item button */
.woocommerce table.cart a.remove {
  color: var(--muted2) !important;
  font-size: 1.2rem;
  line-height: 1;
  transition: color .15s;
}
.woocommerce table.cart a.remove:hover { color: var(--orange) !important; }

/* ===== CHECKOUT ===== */
.woocommerce-checkout {
  background: var(--bg);
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
  font-family: var(--font-h);
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

.woocommerce #payment {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce #payment div.payment_box {
  background: var(--bg3);
  color: var(--muted);
}
.woocommerce #payment div.payment_box::before {
  border-bottom-color: var(--bg3);
}

.woocommerce #payment ul.payment_methods {
  border-bottom: 1px solid var(--border);
}

.woocommerce #payment ul.payment_methods li {
  color: var(--text);
  font-family: var(--font-b);
}

.woocommerce .place-order .button {
  width: 100%;
  text-align: center;
  padding: 16px;
  font-size: 1rem;
  background: var(--orange);
  border-radius: 10px;
}

/* ===== ORDER REVIEW TABLE ===== */
.woocommerce-checkout-review-order-table {
  font-size: .88rem;
}

/* ===== NOTICES ===== */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  background: var(--bg2);
  border-top: 3px solid var(--orange);
  color: var(--text);
  font-family: var(--font-b);
  font-size: .9rem;
  border-radius: 0 0 10px 10px;
}
.woocommerce-notices-wrapper .woocommerce-error { border-top-color: #f87171; }
.woocommerce-notices-wrapper .woocommerce-info { border-top-color: #60a5fa; }

/* ===== ORDER RECEIVED / THANK YOU ===== */
.woocommerce-order {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 32px;
  margin-top: 32px;
}

.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 32px;
}
.woocommerce-order-overview li {
  background: var(--bg2);
  padding: 16px 20px;
  font-family: var(--font-b);
  font-size: .88rem;
  color: var(--muted);
}
.woocommerce-order-overview li strong { color: var(--text); }

/* ===== MY ACCOUNT ===== */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
  font-family: var(--font-h);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 10px 14px;
  display: block;
  transition: color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { color: var(--orange); }

/* ===== COUPON / DISCOUNT CODE ===== */
.woocommerce form.checkout_coupon,
.woocommerce-cart .coupon {
  border: 1px solid var(--border);
  background: var(--bg2);
  padding: 20px;
  border-radius: 10px;
}

/* ===== PRODUCT SINGLE (WC default elements override) ===== */
.single-product .product .price {
  font-family: var(--font-h);
  font-weight: 900;
  color: var(--orange);
  font-size: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--font-h);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--muted);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--orange); }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .woocommerce-page { padding-top: 104px; }
}