/* Biotrix: WooCommerce pages (cart, checkout, account, notices) in the brand style. */

/* ---------- Page content area (cart, checkout, my account, other pages) ---------- */

.bx-page { padding-top: clamp(32px, 5vw, 56px); }
.bx-page__content { display: grid; gap: 20px; }
.bx-page__content > * { max-width: 100%; }
.bx-page__content p { color: #33414f; }
.bx-page__content a:not(.button):not(.wc-block-components-button) { color: var(--navy); text-decoration: underline; }

/* ---------- Product cards: AJAX add-to-cart links ---------- */

.product-card__plus { text-decoration: none; }
.product-card__quick .btn,
.coa-float__buy .btn { text-decoration: none; }
/* WooCommerce adds a "View cart" link after an AJAX add; the toast and header count replace it. */
.product-card .added_to_cart,
.coa-float .added_to_cart { display: none !important; }
.ajax_add_to_cart.loading { opacity: 0.6; pointer-events: none; }

/* ---------- Shop toolbar sort dropdown ---------- */

.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select {
  appearance: none;
  padding: 9px 38px 9px 16px;
  border: 1.5px solid var(--line);
  border-radius: 999px;
  background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%230e3559' stroke-width='1.8'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  cursor: pointer;
}
.chip { text-decoration: none; display: inline-flex; align-items: center; }
.woocommerce-pagination { margin-top: 40px; text-align: center; }

/* ---------- Notices ---------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
  list-style: none;
  margin: 0 0 20px;
  padding: 14px 18px;
  border: 0;
  border-left: 3px solid var(--navy);
  border-radius: 10px;
  background: rgba(14, 53, 89, 0.06);
  color: var(--ink);
  font-size: 15px;
}
.woocommerce-error { border-left-color: var(--sale); background: rgba(200, 16, 46, 0.06); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }
.woocommerce-message .button,
.woocommerce-info .button { float: right; margin-left: 12px; }

/* ---------- Buttons (classic and block-based WooCommerce) ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  min-height: 48px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px !important;
  background: var(--navy) !important;
  color: var(--white) !important;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover { background: var(--navy-900) !important; }
.woocommerce a.button,
.woocommerce button.button { display: inline-flex; align-items: center; justify-content: center; }

/* ---------- Form fields ---------- */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input {
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  font-family: var(--font-body);
}
.woocommerce form .form-row input.input-text:focus,
.wc-block-components-text-input input:focus { border-color: var(--navy) !important; box-shadow: 0 0 0 3px rgba(14, 53, 89, 0.12); outline: 0; }

/* ---------- Cart and checkout blocks ---------- */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout { font-family: var(--font-body); color: var(--ink); }
.wc-block-components-totals-item__label,
.wc-block-components-product-name { color: var(--navy-900); font-weight: 600; }
.wc-block-components-product-name { text-decoration: none; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--navy-900); }
.bx-tier-note { color: var(--ok); font-weight: 600; }

/* ---------- My account ---------- */

.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 10px; color: var(--muted); text-decoration: none !important; font-weight: 500; }
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover { background: var(--mist); color: var(--navy); }
.woocommerce-account .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: start; }
.woocommerce-account:not(.logged-in) .woocommerce { display: block; max-width: 520px; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }

@media (max-width: 860px) {
  .woocommerce-account .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}