/* ════════════════════════════════════════════
   BETTR FLOW — WOOCOMMERCE UI
   Cart · Checkout · Account · Lost Password · Thank You
   ════════════════════════════════════════════ */

:root {
  --bg:          oklch(99.5% 0.004 145);
  --green:       oklch(41% 0.058 147);
  --green-light: oklch(49% 0.068 147);
  --green-faint: oklch(96% 0.018 147);
  --cream:       oklch(94% 0.065 85);
  --cream-dark:  oklch(85% 0.085 85);
  --text:        oklch(12% 0.008 145);
  --text-mid:    oklch(48% 0.012 145);
  --text-light:  oklch(68% 0.008 145);
  --border:      oklch(92% 0.005 145);
  --stone:       oklch(96.5% 0.006 145);
  --red:         oklch(50% 0.18 25);
  --red-faint:   oklch(98% 0.015 25);
}
*, *::before, *::after { box-sizing: border-box; }

/* ── PAGE WRAPPER ─────────────────────────── */
.woo-wrap {
  padding: 108px 6% 96px;
  max-width: 1100px;
  margin: 0 auto;
  min-height: 70vh;
}
.woocommerce-account .woo-wrap {
  padding-top: 96px;
}

/* ── GLOBAL FONT OVERRIDE ─────────────────── */
.woocommerce *, .woocommerce-page * {
  font-family: 'Mulish', sans-serif !important;
}
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input[type="submit"], .woocommerce #place_order,
.woocommerce-MyAccount-navigation ul li a,
.woocommerce .cart_totals h2, #order_review_heading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ── HEADINGS ─────────────────────────────── */
.woocommerce h1, .woocommerce-page h1 {
  font-weight: 800 !important; color: var(--text) !important;
  letter-spacing: -0.5px !important;
  font-size: clamp(1.6rem, 2.8vw, 2.2rem) !important;
  margin-bottom: 36px !important;
}
.woocommerce h2, .woocommerce-page h2 {
  font-weight: 800 !important; color: var(--text) !important;
  letter-spacing: -0.3px !important;
  font-size: 1.1rem !important; margin-bottom: 20px !important;
}
.woocommerce h3, .woocommerce-page h3 {
  font-weight: 700 !important; font-size: 0.95rem !important;
  margin-bottom: 16px !important;
}

/* ── BREADCRUMB ───────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 0.78rem; color: var(--text-light);
  margin-bottom: 20px; display: block;
}
.woocommerce-breadcrumb a { color: var(--text-mid); text-decoration: none; }
.woocommerce-breadcrumb a:hover { color: var(--green); }

/* ── NOTICES ──────────────────────────────── */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
  background: var(--green-faint) !important;
  border-top: none !important;
  border: 1.5px solid oklch(88% 0.03 147) !important;
  border-radius: 14px !important; padding: 14px 20px !important;
  margin-bottom: 24px !important; font-size: 0.88rem !important;
  color: var(--text) !important; font-weight: 500 !important;
  list-style: none !important; display: flex !important;
  align-items: center !important; gap: 12px !important; flex-wrap: wrap !important;
}
.woocommerce .woocommerce-error {
  background: var(--red-faint) !important;
  border-top: none !important;
  border: 1.5px solid oklch(88% 0.05 25) !important;
  border-radius: 14px !important; padding: 14px 20px !important;
  margin-bottom: 24px !important; font-size: 0.88rem !important;
  color: oklch(32% 0.1 25) !important; font-weight: 500 !important;
  list-style: none !important;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before { display: none !important; }

/* ── BUTTONS ──────────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input[type="submit"],
.woocommerce #place_order,
.woocommerce .woocommerce-button {
  background: var(--green) !important;
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important; font-size: 0.9rem !important;
  padding: 13px 26px !important; border-radius: 100px !important;
  border: none !important; cursor: pointer !important;
  text-decoration: none !important; letter-spacing: 0.1px !important;
  line-height: 1.4 !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  box-shadow: none !important;
  transition: background 0.25s cubic-bezier(0.16,1,0.3,1),
              transform 0.15s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.25s cubic-bezier(0.16,1,0.3,1) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce #place_order:hover {
  background: var(--green-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px oklch(41% 0.075 147 / 0.22) !important;
  color: #fff !important;
}
.woocommerce a.button:active,
.woocommerce button.button:active { transform: scale(0.97) !important; }
.woocommerce a.button.wc-backward,
.woocommerce .return-to-shop a {
  background: transparent !important; color: var(--text) !important;
  border: 1.5px solid var(--border) !important; box-shadow: none !important;
}
.woocommerce a.button.wc-backward:hover,
.woocommerce .return-to-shop a:hover {
  background: var(--stone) !important; transform: none !important;
}
/* Update cart — ghost pill, overrides global green button with higher specificity */
.woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"],
.woocommerce-cart .woocommerce table.cart td.actions input[name="update_cart"],
.woocommerce table.cart td.actions button[name="update_cart"],
.woocommerce table.cart td.actions input[name="update_cart"] {
  background: transparent !important;
  color: var(--text-mid) !important;
  border: 1.5px solid var(--border) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  padding: 10px 20px !important;
  border-radius: 100px !important;
  margin-left: auto !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition: border-color 0.2s cubic-bezier(0.16,1,0.3,1),
              color 0.2s cubic-bezier(0.16,1,0.3,1) !important;
}
.woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"]:hover,
.woocommerce table.cart td.actions button[name="update_cart"]:hover {
  color: var(--text) !important;
  border-color: var(--text-mid) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ── FORM FIELDS ──────────────────────────── */
.woocommerce form .form-row,
.woocommerce form .woocommerce-form-row { margin-bottom: 18px !important; }
.woocommerce form .form-row label,
.woocommerce form .woocommerce-form-row label {
  font-size: 0.78rem !important; font-weight: 600 !important;
  color: var(--text-mid) !important; margin-bottom: 7px !important;
  display: block !important; letter-spacing: 0.2px !important;
}
.woocommerce form .form-row label .required { color: var(--green) !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .woocommerce-form-row input.input-text,
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="password"],
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  width: 100% !important; padding: 12px 16px !important;
  border: 1.5px solid var(--border) !important; border-radius: 12px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.9rem !important; color: var(--text) !important;
  background: var(--bg) !important; box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important; appearance: none !important; -webkit-appearance: none !important;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px oklch(41% 0.058 147 / 0.1) !important;
}
.woocommerce form .form-row select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b6b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important; padding-right: 38px !important;
}
.woocommerce form .form-row textarea { resize: vertical !important; min-height: 88px !important; }
.woocommerce form p.form-row-first,
.woocommerce form p.form-row-last { width: 48% !important; display: inline-block !important; vertical-align: top !important; }
.woocommerce form p.form-row-first { margin-right: 4% !important; }


/* ════════════════════════════════════════════
   LOGIN / REGISTER — two-column side by side
   ════════════════════════════════════════════ */
#customer_login {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important; align-items: stretch !important;
}
#customer_login::before, #customer_login::after { display: none !important; }
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login .col-1,
#customer_login .col-2 {
  float: none !important; width: 100% !important; margin: 0 !important;
  background: var(--bg) !important; border: 1.5px solid var(--border) !important;
  border-radius: 24px !important; padding: 36px !important;
  display: flex !important; flex-direction: column !important;
}
/* card is on the column — strip it from the form */
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register {
  background: transparent !important; border: none !important;
  border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; flex: 1 !important;
}
/* push submit rows to bottom so both buttons bottom-align */
.woocommerce-form-login > p.form-row:not(.woocommerce-form-row--wide) {
  margin-top: auto !important;
}
/* offset register button up by ~height of "Lost your password?" in login (~32px) */
.woocommerce-form-register > p.form-row:not(.woocommerce-form-row--wide) {
  margin-top: auto !important;
  margin-bottom: 32px !important;
}
#customer_login h2 {
  font-size: 0.65rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--green) !important; margin-bottom: 24px !important;
  padding-bottom: 14px !important; border-bottom: 1px solid var(--border) !important;
}
.woocommerce .woocommerce-form-login .form-row,
.woocommerce .woocommerce-form-register .form-row {
  width: 100% !important; display: block !important; float: none !important;
}
.woocommerce .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register__submit {
  width: 100% !important; padding: 14px 20px !important; font-size: 0.95rem !important;
  margin-top: 4px !important;
}
.woocommerce .woocommerce-form__label-for-checkbox {
  display: flex !important; align-items: center !important;
  gap: 7px !important; font-size: 0.85rem !important;
  color: var(--text-mid) !important; cursor: pointer !important;
}
.woocommerce .woocommerce-LostPassword,
.woocommerce form .lost_password {
  font-size: 0.8rem !important; color: var(--text-light) !important;
  margin-top: 10px !important; text-align: center !important;
}
.woocommerce .woocommerce-LostPassword a,
.woocommerce form .lost_password a {
  color: var(--green) !important; text-decoration: none !important; font-weight: 600 !important;
}
/* Issue 1: "A link to set a new password..." helper text in register form */
.woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-form-register .woocommerce-privacy-policy-text p,
.woocommerce form .woocommerce-privacy-policy-text,
.woocommerce form .woocommerce-privacy-policy-text p,
.woocommerce-form-register > p,
.woocommerce form.register > p {
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.76rem !important;
  color: var(--text-light) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  margin-top: 12px !important;
}

/* ── LOST PASSWORD / RESET ────────────────── */
form.woocommerce-ResetPassword,
form.lost_reset_password {
  max-width: 480px !important; margin: 0 auto !important;
  background: var(--bg) !important; border: 1.5px solid var(--border) !important;
  border-radius: 24px !important; padding: 40px 36px !important;
}
form.woocommerce-ResetPassword > p:first-of-type,
form.lost_reset_password > p:first-of-type {
  font-size: 0.88rem !important; color: var(--text-mid) !important;
  line-height: 1.7 !important; margin-bottom: 22px !important;
}
form.woocommerce-ResetPassword .button,
form.lost_reset_password .button {
  width: 100% !important; padding: 14px 20px !important; font-size: 0.95rem !important;
}


/* ════════════════════════════════════════════
   MY ACCOUNT — LOGGED IN (custom bf- wrapper)
   ════════════════════════════════════════════ */

/* Layout */
.bf-account-layout {
  display: flex !important;
  gap: 28px !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
}
.bf-account-nav {
  flex: 0 0 200px !important;
  width: 200px !important;
  max-width: 200px !important;
  position: sticky !important;
  top: 84px !important;
  align-self: flex-start !important;
}
.bf-account-main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}

/* Nav card */
.bf-nav-menu {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.bf-nav-eyebrow {
  font-size: 0.57rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  color: var(--text-light) !important;
  padding: 8px 12px 14px !important;
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  background: transparent !important;
  border: none !important;
}
.bf-nav-menu ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.bf-nav-item { margin: 0 !important; padding: 0 !important; }
.bf-nav-item a {
  display: flex !important;
  align-items: center !important;
  padding: 11px 14px !important;
  border-radius: 11px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.81rem !important;
  font-weight: 500 !important;
  color: var(--text-mid) !important;
  text-decoration: none !important;
  transition: color 0.18s cubic-bezier(0.16,1,0.3,1),
              background 0.18s cubic-bezier(0.16,1,0.3,1) !important;
  letter-spacing: 0.05px !important;
}
.bf-nav-item a:hover {
  color: var(--text) !important;
  background: var(--stone) !important;
}
.bf-nav-item.is-active a {
  color: var(--green) !important;
  background: var(--green-faint) !important;
  font-weight: 700 !important;
}
.bf-nav-item--customer-logout {
  margin-top: 4px !important;
  padding-top: 4px !important;
  border-top: 1px solid var(--border) !important;
}
.bf-nav-item--customer-logout a {
  color: var(--text-light) !important;
  font-weight: 400 !important;
  font-size: 0.77rem !important;
}
.bf-nav-item--customer-logout a:hover {
  color: var(--red) !important;
  background: var(--red-faint) !important;
}

/* Content card */
.bf-account-main .woocommerce-MyAccount-content,
.woocommerce-MyAccount-content {
  background: var(--bg) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 22px !important;
  padding: 36px !important;
  min-height: 320px !important;
}

/* Content headings */
.woocommerce-MyAccount-content h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  color: var(--text-light) !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--border) !important;
}
.woocommerce-MyAccount-content h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  margin-bottom: 14px !important;
}

/* Dashboard welcome */
.woocommerce-MyAccount-content > p {
  font-size: 0.9rem !important;
  color: var(--text-mid) !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
  max-width: 62ch !important;
}
.woocommerce-MyAccount-content > p strong { color: var(--text) !important; }
.woocommerce-MyAccount-content > p a {
  color: var(--green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.woocommerce-MyAccount-content > p a:hover { text-decoration: underline !important; }

/* Orders table */
.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--bg) !important;
  margin-bottom: 24px !important;
}
.woocommerce-orders-table thead th,
.woocommerce-MyAccount-content table.shop_table thead th {
  background: var(--stone) !important;
  padding: 11px 18px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--text-light) !important;
  border-bottom: 1.5px solid var(--border) !important;
}
.woocommerce-orders-table td,
.woocommerce-MyAccount-content table.shop_table td {
  padding: 14px 18px !important;
  font-size: 0.86rem !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
  vertical-align: middle !important;
}
.woocommerce-orders-table tbody tr:last-child td,
.woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
  border-bottom: none !important;
}
.woocommerce-orders-table .button {
  padding: 7px 16px !important;
  font-size: 0.78rem !important;
  border-radius: 100px !important;
}

/* Issue 5: empty state text & links */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message {
  margin-bottom: 0 !important;
  font-size: 0.88rem !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 500 !important;
}
.woocommerce-MyAccount-content .woocommerce-info a,
.woocommerce-MyAccount-content .woocommerce-message a {
  color: var(--green) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.woocommerce-MyAccount-content .woocommerce-info a:hover,
.woocommerce-MyAccount-content .woocommerce-message a:hover {
  text-decoration: underline !important;
}

/* Order status badges */
mark.order-status { background: transparent !important; }
.woocommerce-order-status, mark.order-status {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}
mark.order-status.status-processing {
  background: var(--green-faint) !important;
  color: var(--green) !important;
}
mark.order-status.status-completed {
  background: oklch(95% 0.018 145) !important;
  color: oklch(36% 0.04 145) !important;
}
mark.order-status.status-on-hold {
  background: oklch(97% 0.04 85) !important;
  color: oklch(45% 0.08 85) !important;
}
mark.order-status.status-cancelled {
  background: var(--red-faint) !important;
  color: var(--red) !important;
}

/* Issue 6: Addresses */
.woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}
.woocommerce-Address {
  background: var(--stone) !important;
  border-radius: 16px !important;
  border: 1.5px solid var(--border) !important;
  padding: 22px 24px !important;
}
.woocommerce-Address-title {
  display: block !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--border) !important;
}
.woocommerce-Address-title h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--text-light) !important;
  margin: 0 0 10px !important;
  border: none !important;
  padding: 0 !important;
}
.woocommerce-Address-title a {
  display: inline-block !important;
  font-size: 0.76rem !important;
  color: var(--green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 5px 12px !important;
  border: 1px solid oklch(88% 0.02 147) !important;
  border-radius: 100px !important;
  background: var(--green-faint) !important;
  transition: background 0.15s cubic-bezier(0.16,1,0.3,1) !important;
}
.woocommerce-Address-title a:hover {
  background: oklch(93% 0.025 147) !important;
}
.woocommerce-Address address {
  font-size: 0.86rem !important;
  color: var(--text-mid) !important;
  line-height: 1.85 !important;
  font-style: normal !important;
}
.woocommerce-Address address p {
  color: var(--text-light) !important;
  font-style: italic !important;
}

/* Issue 7: Edit account — all inputs inside MyAccount content area */
.woocommerce-MyAccount-content form .form-row,
.woocommerce-MyAccount-content form .woocommerce-form-row {
  margin-bottom: 16px !important;
  width: 100% !important;
  float: none !important;
  display: block !important;
}
.woocommerce-MyAccount-content form .form-row label,
.woocommerce-MyAccount-content form .woocommerce-form-row label {
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  color: var(--text-mid) !important;
  margin-bottom: 6px !important;
  display: block !important;
  letter-spacing: 0.2px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input.input-text,
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.9rem !important;
  color: var(--text) !important;
  background: var(--bg) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.woocommerce-MyAccount-content form input[type="text"]:focus,
.woocommerce-MyAccount-content form input[type="email"]:focus,
.woocommerce-MyAccount-content form input[type="password"]:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px oklch(41% 0.058 147 / 0.1) !important;
}
/* side-by-side first/last fields */
.woocommerce-MyAccount-content form p.form-row-first,
.woocommerce-MyAccount-content form p.form-row-last {
  width: 48% !important;
  display: inline-block !important;
  vertical-align: top !important;
}
.woocommerce-MyAccount-content form p.form-row-first { margin-right: 4% !important; }

/* display name helper text */
.woocommerce-EditAccountForm .description,
.woocommerce-EditAccountForm em,
.woocommerce-EditAccountForm span.description {
  display: block !important;
  font-size: 0.73rem !important;
  color: var(--text-light) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  margin-top: 5px !important;
  line-height: 1.5 !important;
}

/* Password Change fieldset — strip the box, replace with subtle divider */
.woocommerce-EditAccountForm fieldset {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border-top: 1px solid var(--border) !important;
  padding-top: 24px !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.woocommerce-EditAccountForm fieldset legend {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.57rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  color: var(--text-light) !important;
  padding: 0 0 16px !important;
  display: block !important;
  background: none !important;
  float: none !important;
  width: 100% !important;
}
.woocommerce-EditAccountForm p.form-row { margin-bottom: 16px !important; }

/* Save changes button */
.woocommerce-EditAccountForm input[type="submit"],
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-EditAccountForm .woocommerce-Button {
  background: var(--green) !important;
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  padding: 13px 28px !important;
  border-radius: 100px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 12px !important;
  transition: background 0.25s cubic-bezier(0.16,1,0.3,1) !important;
  display: inline-block !important;
}
.woocommerce-EditAccountForm input[type="submit"]:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover {
  background: var(--green-light) !important;
}

/* Edit address form */
.woocommerce-address-fields h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: var(--text-light) !important;
  margin-bottom: 22px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Downloads table */
.woocommerce-MyAccount-downloads-file a {
  color: var(--green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.woocommerce-MyAccount-downloads-file a:hover {
  text-decoration: underline !important;
}


/* ════════════════════════════════════════════
   CART PAGE
   ════════════════════════════════════════════ */
.woocommerce-cart .woo-wrap { max-width: 900px; }
.woocommerce-cart .woocommerce {
  display: block !important;
}
.woocommerce-cart .woocommerce::before,
.woocommerce-cart .woocommerce::after { display: none !important; }
.woocommerce-cart-form { display: block !important; width: 100% !important; margin-bottom: 28px !important; }
.woocommerce-cart .cart-collaterals {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

/* ── Cart table shell ── */
.woocommerce table.cart {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
  background: var(--bg) !important;
  font-family: 'Mulish', sans-serif !important;
}

/* ── Column widths ── */
.woocommerce table.cart th.product-remove,
.woocommerce table.cart td.product-remove  { width: 36px !important; padding-right: 0 !important; }
.woocommerce table.cart th.product-thumbnail,
.woocommerce table.cart td.product-thumbnail { width: 88px !important; }
.woocommerce table.cart th.product-price,
.woocommerce table.cart td.product-price   { width: 110px !important; white-space: nowrap !important; }
.woocommerce table.cart th.product-quantity,
.woocommerce table.cart td.product-quantity { width: 96px !important; }
.woocommerce table.cart th.product-subtotal,
.woocommerce table.cart td.product-subtotal { width: 110px !important; white-space: nowrap !important; text-align: right !important; }

/* ── Column headers ── */
.woocommerce table.cart thead th {
  background: transparent !important;
  padding: 13px 18px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: var(--text-light) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* ── Body cells ── */
.woocommerce table.cart tbody td {
  padding: 18px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.88rem !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
  vertical-align: middle !important;
}
.woocommerce table.cart tbody tr:last-child td { border-bottom: none !important; }

/* ── Product thumbnail ── */
.woocommerce table.cart .product-thumbnail img {
  width: 76px !important; height: 76px !important;
  object-fit: cover !important; border-radius: 12px !important;
  border: 1px solid var(--border) !important; display: block !important;
}

/* ── Product name ── */
.woocommerce table.cart .product-name a {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  color: var(--text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.woocommerce table.cart .product-name a:hover { color: var(--green) !important; }

/* ── Remove button ── */
.woocommerce table.cart td.product-remove a {
  color: var(--text-light) !important;
  text-decoration: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 28px !important; height: 28px !important; border-radius: 8px !important;
  font-size: 1.1rem !important;
  transition: color 0.15s, background 0.15s !important;
}
.woocommerce table.cart td.product-remove a:hover {
  color: var(--red) !important; background: var(--red-faint) !important;
}

/* ── Quantity input ── */
.woocommerce .quantity .qty {
  box-sizing: border-box !important;
  width: 64px !important;
  height: 40px !important;
  padding: 0 10px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--text) !important;
  background: var(--bg) !important;
  text-align: center !important;
  outline: none !important;
  display: block !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  -webkit-appearance: textfield !important;
}
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
.woocommerce .quantity .qty:focus {
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px oklch(41% 0.058 147 / 0.1) !important;
}

/* ── Actions row (coupon + update cart) ── */
.woocommerce table.cart td.actions {
  background: var(--stone) !important;
  padding: 20px 22px !important;
  border-top: 1px solid var(--border) !important;
}
.woocommerce table.cart td.actions .coupon {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}
.woocommerce table.cart td.actions .coupon #coupon_code {
  height: 40px !important;
  padding: 0 16px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 100px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.85rem !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  outline: none !important;
  width: 170px !important;
  box-sizing: border-box !important;
}
.woocommerce table.cart td.actions .coupon #coupon_code:focus {
  border-color: var(--green) !important;
}
/* Apply coupon button — sized to match Update cart */
.woocommerce table.cart td.actions .coupon .button[name="apply_coupon"],
.woocommerce table.cart td.actions .coupon button[name="apply_coupon"] {
  height: 40px !important;
  padding: 0 20px !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  border-radius: 100px !important;
}
/* Update cart — ghost pill, same height as Apply coupon */
.woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"],
.woocommerce-cart .woocommerce table.cart td.actions input[name="update_cart"],
.woocommerce table.cart td.actions button[name="update_cart"],
.woocommerce table.cart td.actions input[name="update_cart"] {
  background: transparent !important;
  color: var(--text-mid) !important;
  border: 1.5px solid var(--border) !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 100px !important;
  margin-left: auto !important;
  display: block !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  transition: border-color 0.18s cubic-bezier(0.16,1,0.3,1),
              color 0.18s cubic-bezier(0.16,1,0.3,1) !important;
}
.woocommerce-cart .woocommerce table.cart td.actions button[name="update_cart"]:hover,
.woocommerce table.cart td.actions button[name="update_cart"]:hover {
  color: var(--text) !important;
  border-color: var(--text-mid) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ── Cart Totals panel ── */
.woocommerce .cart-collaterals { margin-top: 0 !important; }
.woocommerce .cart_totals {
  width: 360px !important;
  background: var(--stone) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  position: static !important;
}
.woocommerce .cart_totals h2 {
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--text-light) !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}
.woocommerce .cart_totals table {
  width: 100% !important;
  margin-bottom: 0 !important; border: none !important;
  border-radius: 0 !important; background: transparent !important;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  background: transparent !important; border: none !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 12px 0 !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.88rem !important;
}
.woocommerce .cart_totals table th {
  color: var(--text-mid) !important;
  font-weight: 500 !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
}
.woocommerce .cart_totals table td {
  text-align: right !important;
  font-weight: 600 !important;
  color: var(--text) !important;
}
.woocommerce .cart_totals table tr:last-child th,
.woocommerce .cart_totals table tr:last-child td { border-bottom: none !important; }
/* Total row — heavier, no font switch */
.woocommerce .cart_totals .order-total th {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: var(--text) !important;
  padding-top: 16px !important;
  border-top: 1.5px solid var(--border) !important;
  border-bottom: none !important;
}
.woocommerce .cart_totals .order-total td {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  color: var(--green) !important;
  padding-top: 16px !important;
  border-top: 1.5px solid var(--border) !important;
  border-bottom: none !important;
}
.woocommerce .cart_totals .order-total td .woocommerce-Price-amount { color: inherit !important; }
.woocommerce .wc-proceed-to-checkout { margin-top: 16px !important; }
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  width: 100% !important;
  padding: 14px 20px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  border-radius: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.woocommerce .cart_totals::after {
  content: '🔒  Secure checkout · Easy returns';
  display: block !important;
  text-align: center !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.72rem !important;
  color: var(--text-light) !important;
  margin-top: 12px !important;
  letter-spacing: 0.2px !important;
}


/* ════════════════════════════════════════════
   CHECKOUT PAGE
   ════════════════════════════════════════════ */
.woocommerce-checkout .woo-wrap { max-width: 1100px; }
.woocommerce form.checkout {
  display: grid !important; grid-template-columns: 1fr 400px !important;
  gap: 40px !important; align-items: start !important;
}
.woocommerce form.checkout::before,
.woocommerce form.checkout::after { display: none !important; }
#customer_details { grid-column: 1 !important; grid-row: 1 !important; }
/* heading floats independently — hide it, heading moves inside the card */
#order_review_heading { display: none !important; }
#order_review {
  grid-column: 2 !important;
  grid-row: 1 / span 10 !important;
  background: var(--stone) !important; border-radius: 22px !important;
  border: 1.5px solid var(--border) !important; padding: 28px !important;
  position: sticky !important; top: 88px !important;
  align-self: start !important;
}
#order_review::before {
  content: 'Your Order';
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.6rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--text-light) !important;
  margin-bottom: 18px !important; padding-bottom: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}
#billing, #shipping {
  background: var(--bg) !important; border-radius: 20px !important;
  border: 1.5px solid var(--border) !important; padding: 28px 32px !important;
  margin-bottom: 20px !important;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
  font-size: 0.65rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--green) !important; margin-bottom: 20px !important;
  padding-bottom: 12px !important; border-bottom: 1px solid var(--border) !important;
}
#order_review table.shop_table {
  width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important;
  border: 1px solid var(--border) !important; border-radius: 14px !important;
  overflow: hidden !important; background: var(--bg) !important; margin-bottom: 20px !important;
}
#order_review table.shop_table thead th {
  background: var(--stone) !important; padding: 10px 16px !important;
  font-size: 0.65rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 1.5px !important;
  color: var(--text-light) !important; border-bottom: 1px solid var(--border) !important;
}
#order_review table.shop_table tbody td,
#order_review table.shop_table tfoot th,
#order_review table.shop_table tfoot td {
  padding: 13px 16px !important; font-size: 0.88rem !important;
  border-bottom: 1px solid var(--border) !important;
}
#order_review table.shop_table tfoot .order-total th,
#order_review table.shop_table tfoot .order-total td {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important; font-size: 0.95rem !important; border-bottom: none !important;
}
#order_review table.shop_table tfoot .order-total td .woocommerce-Price-amount {
  color: var(--green) !important;
}
#payment {
  background: var(--bg) !important; border-radius: 20px !important;
  padding: 28px !important; border: 1.5px solid var(--border) !important;
  margin-top: 20px !important;
}
.woocommerce #payment > h3 {
  font-size: 0.65rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--green) !important; margin-bottom: 20px !important;
  padding-bottom: 12px !important; border-bottom: 1px solid var(--border) !important;
}
.woocommerce #payment ul.payment_methods {
  list-style: none !important; padding: 0 !important; margin: 0 0 24px !important;
}
.woocommerce #payment ul.payment_methods li {
  padding: 14px 18px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important; margin-bottom: 10px !important;
  background: var(--bg) !important; cursor: pointer !important;
  display: block !important;
  transition: border-color 0.2s !important;
}
.woocommerce #payment ul.payment_methods li label {
  display: flex !important; align-items: center !important; gap: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important; font-weight: 600 !important;
  cursor: pointer !important; width: 100% !important;
  color: var(--text) !important;
}
.woocommerce #payment ul.payment_methods li img {
  max-height: 24px !important; width: auto !important; display: inline-block !important;
}
.woocommerce #payment ul.payment_methods li:has(input:checked) {
  border-color: var(--green) !important; background: var(--green-faint) !important;
}
.woocommerce #payment ul.payment_methods li input[type="radio"] {
  accent-color: var(--green) !important; flex-shrink: 0 !important;
}
.woocommerce #payment .payment_box {
  background: var(--stone) !important; border-radius: 10px !important;
  padding: 12px 14px !important; margin-top: 10px !important;
  font-size: 0.82rem !important; color: var(--text-mid) !important;
  line-height: 1.65 !important; width: 100% !important; display: block !important;
}
.woocommerce #payment #place_order {
  width: 100% !important; padding: 16px 20px !important;
  font-size: 0.95rem !important; border-radius: 100px !important; margin-top: 4px !important;
}


/* ── CHECKOUT NOTICES (Returning customer / Coupon) ── */
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a {
  color: var(--green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-family: 'Mulish', sans-serif !important;
}
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover { text-decoration: underline !important; }
.woocommerce-checkout .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout { margin-top: 0 !important; }

/* ── CHECKOUT ERROR BOX ───────────────────── */
.woocommerce .woocommerce-error::before {
  content: '\26A0\00A0\00A0 Please fix the following errors:';
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.75rem !important; font-weight: 700 !important;
  color: var(--red) !important; letter-spacing: 0.2px !important;
  margin-bottom: 10px !important; padding-bottom: 10px !important;
  border-bottom: 1px solid oklch(88% 0.05 25) !important;
}
.woocommerce .woocommerce-error li {
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.82rem !important; color: oklch(32% 0.1 25) !important;
  list-style: none !important; padding: 3px 0 !important;
}
.woocommerce .woocommerce-error li a,
.woocommerce .woocommerce-error a {
  color: var(--red) !important; text-decoration: none !important;
  font-family: 'Mulish', sans-serif !important; font-weight: 600 !important;
}
.woocommerce .woocommerce-error li a:hover,
.woocommerce .woocommerce-error a:hover { text-decoration: underline !important; }
.woocommerce-checkout .woocommerce-error { margin-top: 0 !important; }

/* ── CHECKOUT INLINE FIELD VALIDATION ERRORS ── */
.checkout-inline-error-message {
  font-family: 'Mulish', sans-serif !important;
  font-size: 0.75rem !important;
  color: var(--red) !important;
  font-weight: 600 !important;
  margin-top: 4px !important; margin-bottom: 0 !important;
  display: block !important;
}

/* ════════════════════════════════════════════
   ORDER RECEIVED / THANK YOU
   ════════════════════════════════════════════ */
.woocommerce-order-received .woo-wrap { max-width: 820px; }
.woocommerce-thankyou-order-received {
  font-size: 1rem; color: var(--text-mid); margin-bottom: 36px; line-height: 1.7;
}
.woocommerce-order-overview {
  display: flex !important; list-style: none !important;
  padding: 0 !important; margin: 0 0 40px !important;
  background: var(--stone) !important; border-radius: 18px !important;
  border: 1.5px solid var(--border) !important; overflow: hidden !important;
}
.woocommerce-order-overview li {
  flex: 1 !important; min-width: 130px !important; padding: 20px 24px !important;
  border-right: 1px solid var(--border) !important;
  font-size: 0.78rem !important; color: var(--text-mid) !important; font-weight: 500 !important;
}
.woocommerce-order-overview li:last-child { border-right: none !important; }
.woocommerce-order-overview li strong {
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important; font-weight: 800 !important;
  color: var(--text) !important; margin-top: 5px !important;
}
.woocommerce-order-details, .woocommerce-customer-details {
  background: var(--bg); border-radius: 20px;
  border: 1.5px solid var(--border); margin-bottom: 24px; overflow: hidden;
}
.woocommerce-order-details h2, .woocommerce-customer-details h2 {
  font-size: 0.65rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 2px !important;
  color: var(--green) !important; margin: 0 !important;
  padding: 18px 24px !important; border-bottom: 1px solid var(--border) !important;
}
.woocommerce-customer-details address {
  padding: 20px 24px !important; font-style: normal !important;
  font-size: 0.88rem !important; color: var(--text-mid) !important; line-height: 1.8 !important;
}

/* SureCart drawer */
.sc-drawer.sc-cart-drawer, .sc-cart-wrapper {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.wp-block-button__link.sc-button__link {
  background: var(--green) !important; color: #fff !important;
  border-radius: 100px !important; font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important; padding: 14px 24px !important;
  font-size: 0.9rem !important; border: none !important;
  width: 100% !important; text-align: center !important; display: block !important;
}
.wp-block-button__link.sc-button__link:hover { background: var(--green-light) !important; }


/* ════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════ */
@media (max-width: 960px) {
  .woocommerce form.checkout { grid-template-columns: 1fr !important; }
  #customer_details, #order_review_heading { grid-column: 1 !important; grid-row: auto !important; }
  #order_review { grid-column: 1 !important; grid-row: auto !important; position: static !important; }
  .bf-account-layout { flex-direction: column !important; gap: 16px !important; }
  .bf-account-nav {
    width: 100% !important; max-width: 100% !important; flex: none !important;
    position: static !important; top: auto !important;
  }
  .bf-nav-menu ul { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
  .bf-nav-eyebrow { display: none !important; }
  .bf-account-main .woocommerce-MyAccount-content,
  .woocommerce-MyAccount-content { padding: 24px !important; border-radius: 16px !important; }
  .woocommerce-Addresses { grid-template-columns: 1fr !important; }
  .woocommerce-cart .woocommerce { grid-template-columns: 1fr !important; }
  .woocommerce-cart .cart-collaterals { grid-column: 1 !important; grid-row: auto !important; }
  .woocommerce .cart_totals { position: static !important; }
}
@media (max-width: 640px) {
  .woo-wrap { padding: 88px 5% 64px !important; }
  #customer_login { grid-template-columns: 1fr !important; }
  .woocommerce form p.form-row-first,
  .woocommerce form p.form-row-last { width: 100% !important; display: block !important; margin-right: 0 !important; }
  .woocommerce-order-overview { flex-direction: column !important; }
  .woocommerce-order-overview li { border-right: none !important; border-bottom: 1px solid var(--border) !important; }
  .woocommerce table.cart thead { display: none !important; }
  .woocommerce table.cart tbody td { display: block !important; padding: 10px 16px !important; border-bottom: none !important; }
  .woocommerce table.cart tbody tr { border-bottom: 1px solid var(--border) !important; }
  .woocommerce table.cart td.actions .coupon { flex-direction: column !important; align-items: stretch !important; }
  form.woocommerce-ResetPassword, form.lost_reset_password { padding: 28px 22px !important; }
  .woocommerce-MyAccount-content { padding: 22px 18px !important; }
  #billing, #shipping { padding: 20px 18px !important; }
  #payment { padding: 20px 18px !important; }
}