/* =========================================================
   AOWEIDA — WooCommerce compatibility styles
   The theme disables WooCommerce's default CSS and styles the
   store, cart, checkout and account with the AOWEIDA design.
   ========================================================= */

/* --- Shop / archive grid --- */
.woocommerce ul.products { list-style: none; padding: 0; margin: 0; }
.woocommerce .products li.product { list-style: none; }

/* --- Buttons (mirror .btn / .btn-outline) --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--c-primary);
  background: transparent;
  color: var(--c-primary);
  text-decoration: none;
  transition: .15s;
  line-height: 1.2;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.added_to_cart:hover {
  background: var(--c-primary);
  color: #fff;
}
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--c-primary);
  color: #fff;
  border-color: var(--c-primary);
}
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background: var(--c-primary-d);
  border-color: var(--c-primary-d);
}
.woocommerce a.button.loading::after { content: "…"; }

/* --- Quantity input --- */
.woocommerce .quantity .qty {
  width: 64px;
  padding: 9px;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  font-size: 14px;
}

/* --- Price --- */
.woocommerce .price,
.woocommerce ul.products li.product .price {
  color: var(--c-primary);
  font-weight: 700;
  font-size: 15px;
}
.woocommerce .price del { color: var(--c-muted); font-weight: 500; }
.woocommerce .price ins { text-decoration: none; }

/* --- Notices --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  margin: 0 0 20px;
  padding: 14px 18px;
  border-radius: 8px;
  font-size: 14px;
}
.woocommerce-message { background: #e7f6ee; color: #0B5442; border: 1px solid #b9e3cd; }
.woocommerce-info { background: #eef4f8; color: #042C53; border: 1px solid #cfe0f2; }
.woocommerce-error { background: #fdeaea; color: #a32d2d; border: 1px solid #f3c1c1; list-style: none; }
.woocommerce-error li { list-style: none; }

/* --- Breadcrumb --- */
.woocommerce .woocommerce-breadcrumb {
  font-size: 13px;
  color: var(--c-muted);
  padding: 18px 0;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--c-primary); }

/* --- Single product --- */
.woocommerce div.product { margin-top: 10px; }
.woocommerce .product_meta { font-size: 13px; color: var(--c-muted); margin-top: 18px; }
.woocommerce .product_meta a { color: var(--c-primary); }
.woocommerce .star-rating { color: var(--c-accent); }
.woocommerce .summary .price { font-size: 24px; margin-bottom: 14px; }
.woocommerce .summary .stock { color: var(--c-primary); font-weight: 600; }
.woocommerce .related h2, .woocommerce .upsells h2 { font-size: 22px; margin: 30px 0 18px; }

/* --- Cart & checkout forms --- */
.woocommerce form .form-row { margin-bottom: 14px; }
.woocommerce form .form-row label {
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"] {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  font-size: 14px;
  font-family: var(--font);
  background: #fff;
  color: var(--c-dark);
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--c-primary);
  box-shadow: 0 0 0 3px rgba(15,110,86,.12);
}

/* --- Tables (cart, checkout, account) --- */
.woocommerce table.shop_table,
.woocommerce table.shop_attributes,
.woocommerce .woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 20px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce .woocommerce-orders-table th,
.woocommerce .woocommerce-orders-table td {
  border: 1px solid var(--c-border);
  padding: 12px 14px;
  text-align: left;
}
.woocommerce table.shop_table th { background: #f0f4f8; }
.woocommerce .cart-collaterals { margin-top: 30px; }
.woocommerce-cart-form .actions .button { margin-top: 10px; }
.woocommerce .wc-proceed-to-checkout { margin-top: 14px; }

/* --- Checkout two columns --- */
.woocommerce-checkout .col2-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.woocommerce-checkout #order_review { margin-top: 20px; }

/* --- Account --- */
.woocommerce-MyAccount-navigation { margin-bottom: 24px; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.woocommerce-MyAccount-navigation li a {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--c-muted);
}
.woocommerce-MyAccount-navigation li.is-active a { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

/* --- Pagination --- */
.woocommerce nav.woocommerce-pagination { margin-top: 30px; text-align: center; }
.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; list-style: none; padding: 0; }
.woocommerce nav.woocommerce-pagination li a,
.woocommerce nav.woocommerce-pagination li span {
  padding: 8px 14px;
  border: 1px solid var(--c-border);
  border-radius: 8px;
  color: var(--c-dark);
}
.woocommerce nav.woocommerce-pagination li span.current {
  background: var(--c-primary);
  color: #fff;
  border-color: var(--c-primary);
}

/* --- On-sale badge --- */
.woocommerce span.onsale {
  background: var(--c-accent);
  color: #fff;
  border-radius: 20px;
  font-size: 12px;
  padding: 4px 12px;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

/* --- Responsive --- */
@media (max-width: 720px) {
  .woocommerce-checkout .col2-set { grid-template-columns: 1fr; }
  .woocommerce ul.products,
  .woocommerce .products { grid-template-columns: 1fr; }
}