/*
 * AakaarKala — woocommerce.css
 * Overrides for WooCommerce default styles
 */

/* ── SHOP / ARCHIVE ─────────────────────── */
.woocommerce-loop-product__title { display: none; } /* we render our own */
.woocommerce ul.products         { list-style: none; margin: 0; padding: 0; }
.woocommerce ul.products li.product { margin: 0; }

/* ── SINGLE PRODUCT ─────────────────────── */
.woocommerce div.product .woocommerce-product-gallery { display: none; } /* we use our own gallery */
.woocommerce div.product p.price,
.woocommerce div.product span.price { display: none; } /* our sp-prices handles it */
.woocommerce div.product .product_title { display: none; } /* our sp-title handles it */
.woocommerce div.product .woocommerce-product-details__short-description { display: none; }
.woocommerce div.product form.cart { display: none; } /* we have our own qty/add-to-cart */

/* ── TABS ON SINGLE PRODUCT ─────────────── */
.woocommerce-tabs { display: none; } /* content shown in sp-full-desc */

/* ── NOTICES ─────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 10px;
  border-left: none;
  padding: .8rem 1.2rem;
  font-size: .85rem;
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}
.woocommerce-message { background: var(--teal-s); color: var(--teal); }
.woocommerce-info    { background: var(--violet-s); color: var(--violet); }
.woocommerce-error   { background: var(--pink-s); color: var(--pink-d); }
.woocommerce-message::before,
.woocommerce-info::before { display: none; }
.woocommerce-message a.button,
.woocommerce-info a.button {
  background: var(--pink);
  color: #fff;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: .76rem;
  font-weight: 700;
  float: none;
  margin-left: auto;
}

/* ── CHECKOUT / PAYMENT ─────────────────── */
.woocommerce-checkout-payment { background: none; padding: 0; border-radius: 0; }
.woocommerce-checkout-payment ul.payment_methods { list-style: none; margin: 0 0 1rem; padding: 0; }
.woocommerce-checkout-payment ul.payment_methods li.payment_method {
  border: 1.5px solid var(--line);
  border-radius: 10px;
  padding: .75rem 1rem;
  margin-bottom: .5rem;
  cursor: pointer;
  transition: .15s;
}
.woocommerce-checkout-payment ul.payment_methods li.payment_method:hover { border-color: var(--pink); }
.woocommerce-checkout-payment ul.payment_methods li label {
  font-size: .86rem;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .6rem;
}
.woocommerce-checkout-payment ul.payment_methods li input[type=radio] {
  accent-color: var(--pink);
  width: 15px;
  height: 15px;
}
.woocommerce-checkout-payment .payment_box {
  background: var(--bg);
  border-radius: 8px;
  padding: .7rem .9rem;
  margin-top: .5rem;
  font-size: .8rem;
  color: var(--muted);
}
#place_order {
  width: 100%;
  padding: 13px;
  border-radius: 50px;
  font-size: .9rem;
  font-weight: 700;
  background: var(--pink);
  color: #fff;
  border: none;
  cursor: pointer;
  transition: .22s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#place_order:hover { background: var(--pink-d); }

/* ── ACCOUNT PAGES ──────────────────────── */
.woocommerce-MyAccount-content p { font-size: .88rem; color: var(--char); margin-bottom: .8rem; }
.woocommerce-MyAccount-content strong { color: var(--ink); }
.woocommerce-MyAccount-content .button {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border-radius: 50px;
  background: var(--pink);
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  transition: .2s;
  border: none;
  cursor: pointer;
  margin-top: .5rem;
}
.woocommerce-MyAccount-content .button:hover { background: var(--pink-d); }

/* Order table */
table.woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
}
table.woocommerce-orders-table th {
  text-align: left;
  padding: .7rem .9rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--muted);
  border-bottom: 2px solid var(--line);
}
table.woocommerce-orders-table td {
  padding: .75rem .9rem;
  border-bottom: 1px solid var(--line);
  color: var(--char);
}
table.woocommerce-orders-table tr:last-child td { border-bottom: none; }
.woocommerce-orders-table__cell-order-status .order-status {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: .7rem;
  font-weight: 700;
  text-transform: capitalize;
}
.woocommerce-orders-table__cell-order-status .wc-completed   { background: var(--teal-s); color: var(--teal); }
.woocommerce-orders-table__cell-order-status .wc-processing  { background: var(--violet-s); color: var(--violet); }
.woocommerce-orders-table__cell-order-status .wc-pending     { background: var(--gold-s); color: #92400e; }
.woocommerce-orders-table__cell-order-status .wc-cancelled,
.woocommerce-orders-table__cell-order-status .wc-failed      { background: var(--pink-s); color: var(--pink-d); }

.woocommerce-orders-table__cell-order-actions a {
  background: var(--pink);
  color: #fff;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: .72rem;
  font-weight: 700;
  display: inline-block;
}
.woocommerce-orders-table__cell-order-actions a:hover { background: var(--pink-d); }

/* Edit account / address forms */
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row { margin-bottom: 1rem; }
.woocommerce-EditAccountForm fieldset {
  border: 1.5px solid var(--line);
  border-radius: 10px;
  padding: 1.2rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.woocommerce-EditAccountForm legend {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0 .5rem;
}

/* ── BREADCRUMB ─────────────────────────── */
.woocommerce-breadcrumb { display: none; } /* we use our own */

/* ── PAGINATION ─────────────────────────── */
.woocommerce-pagination ul {
  list-style: none;
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  border: 1.5px solid var(--line);
  font-size: .84rem;
  font-weight: 600;
  color: var(--char);
  transition: .15s;
}
.woocommerce-pagination ul li a:hover { border-color: var(--pink); color: var(--pink); }
.woocommerce-pagination ul li span.current {
  background: var(--pink);
  color: #fff;
  border-color: var(--pink);
}

/* ── ORDER DETAIL PAGE ──────────────────── */
.woocommerce-order-details__title,
.woocommerce-column__title {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 1.1rem;
  color: var(--ink);
  margin-bottom: 1rem;
}
table.woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
  margin-bottom: 1.5rem;
}
table.woocommerce-table--order-details th,
table.woocommerce-table--order-details td {
  padding: .65rem .9rem;
  border-bottom: 1px solid var(--line);
  text-align: left;
}
table.woocommerce-table--order-details tfoot tr:last-child td,
table.woocommerce-table--order-details tfoot tr:last-child th {
  font-weight: 700;
  font-size: .95rem;
  color: var(--ink);
}

/* ── COUPON RESULT ──────────────────────── */
.woocommerce-remove-coupon { color: var(--pink) !important; font-size: .72rem; margin-left: .5rem; }