/* My Own Fitness — WooCommerce (coș, checkout, contul meu, notificări), în locul stilului general WooCommerce.
   Doar tokenuri --mof-*. Se încarcă numai pe paginile WooCommerce. */

/* Notificări */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { list-style: none; margin: 0 0 var(--mof-space-5); padding: var(--mof-space-4) var(--mof-space-5); border-radius: var(--mof-radius-md); background: var(--mof-surface-soft); color: var(--mof-ink); font-size: 17px; line-height: 26px; }
.woocommerce-error { background: var(--mof-surface); border: 2px solid var(--mof-error); color: var(--mof-error); font-weight: 500; }
.woocommerce-error li + li { margin-top: var(--mof-space-2); }
.woocommerce-message .button, .woocommerce-info .button { float: right; margin-left: var(--mof-space-4); }
.woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { display: none; }

/* Butoane WooCommerce: pastile, ca mof-btn--dark; plata e butonul roz de cumpărare */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce-page .button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 var(--mof-space-6); border: 2px solid transparent; border-radius: var(--mof-radius-pill);
  background: var(--mof-ink); color: var(--mof-on-ink); font-family: var(--mof-font-display); font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none; cursor: pointer; }
.woocommerce .button:focus-visible, .woocommerce-page .button:focus-visible { outline: 2px solid var(--mof-focus-ring); outline-offset: 2px; }
.woocommerce .button:disabled, .woocommerce .button.disabled { opacity: .5; cursor: not-allowed; }
.woocommerce #place_order, .woocommerce .checkout-button { width: 100%; background: var(--mof-grad-pink); color: var(--mof-on-pink); }

/* Tabele (coș, rezumatul comenzii) */
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; margin: 0 0 var(--mof-space-5); font-size: 17px; line-height: 26px; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: var(--mof-space-3) var(--mof-space-2); border-bottom: 1px solid var(--mof-line); text-align: left; vertical-align: middle; }
.woocommerce table.shop_table th { font-family: var(--mof-font-display); font-weight: 600; color: var(--mof-ink); }
.woocommerce table.shop_table .order-total td, .woocommerce table.shop_table .order-total th { font-family: var(--mof-font-display); font-size: 22px; line-height: 30px; font-weight: 700; color: var(--mof-ink); border-bottom: 0; }
.woocommerce table.shop_table img { width: 64px; height: auto; border-radius: var(--mof-radius-sm); }
.woocommerce a.remove { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--mof-radius-pill); color: var(--mof-ink); font-size: 24px; text-decoration: none; }
.woocommerce a.remove:hover { background: var(--mof-surface-soft); }
.woocommerce .quantity .qty { width: 72px; text-align: center; }
.woocommerce .cart-collaterals .cart_totals { max-width: 480px; margin-left: auto; }
.woocommerce .coupon { display: flex; flex-wrap: wrap; gap: var(--mof-space-3); align-items: center; }

/* Checkout: datele clientei la stânga, comanda și plata la dreapta */
.woocommerce form.checkout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0 var(--mof-space-7); align-items: start; }
.woocommerce form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.woocommerce form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
.woocommerce form.checkout #order_review_heading, .woocommerce form.checkout #order_review { grid-column: 2; }
.woocommerce form.checkout #order_review { padding: var(--mof-space-5); border-radius: var(--mof-radius-md); background: var(--mof-surface-soft); }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { float: none; width: 100%; }
.woocommerce form.checkout h3 { font-size: 22px; line-height: 30px; margin: 0 0 var(--mof-space-4); }
.woocommerce form .form-row { display: flex; flex-direction: column; gap: 6px; margin: 0 0 var(--mof-space-4); padding: 0; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { width: 100%; }
.woocommerce form .form-row .required { color: var(--mof-error); text-decoration: none; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: var(--mof-error); }
.woocommerce-billing-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--mof-space-4); }
.woocommerce-billing-fields__field-wrapper #billing_email_field, .woocommerce-billing-fields__field-wrapper #billing_phone_field { grid-column: 1 / -1; }
.woocommerce ul.wc_payment_methods { margin: 0 0 var(--mof-space-4); padding: 0; list-style: none; }
.woocommerce ul.wc_payment_methods li { padding: var(--mof-space-3) 0; border-bottom: 1px solid var(--mof-line); }
.woocommerce ul.wc_payment_methods li label { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--mof-space-2); font-family: var(--mof-font-display); font-size: 16px; font-weight: 600; }
.woocommerce ul.wc_payment_methods li img { max-height: 24px; max-width: 100%; width: auto; }
.woocommerce .payment_box { margin-top: var(--mof-space-2); font-size: 15px; line-height: 22px; color: var(--mof-ink-body); }
.woocommerce .payment_box p { margin: 0; }
.woocommerce .woocommerce-terms-and-conditions-wrapper { margin: 0 0 var(--mof-space-4); font-size: 15px; line-height: 22px; }
.woocommerce .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: var(--mof-space-2); }
.woocommerce .woocommerce-privacy-policy-text p { margin: 0 0 var(--mof-space-3); }

@media (max-width: 860px) {
  .woocommerce form.checkout { grid-template-columns: 1fr; }
  .woocommerce form.checkout #customer_details, .woocommerce form.checkout #order_review_heading, .woocommerce form.checkout #order_review { grid-column: 1; grid-row: auto; }
  .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
  .woocommerce-message .button, .woocommerce-info .button { float: none; display: flex; margin: var(--mof-space-3) 0 0; }
}