/*
 * ALG — My Account page styles
 * Wraps WC's [woocommerce_my_account] with our dark-theme sidebar + content layout.
 */

/* Strip Botiga / WC stock chrome. */
body.woocommerce-account .woocommerce-page-header,
body.woocommerce-account .botiga-page-header,
body.woocommerce-account .page-header,
body.woocommerce-account header.entry-header,
body.woocommerce-account .entry-header .entry-title,
body.woocommerce-account .entry-header .page-title,
body.woocommerce-account .wp-block-woocommerce-account {
  display: none !important;
}

body.woocommerce-account main#main { background: var(--c-bg-page); padding: 0 !important; }
body.woocommerce-account .entry-content,
body.woocommerce-account article.post,
body.woocommerce-account #post-10 {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  max-width: none !important;
}

/* ── Wrapper ───────────────────────────────── */
.alg-account {
  background: var(--c-bg-page);
  color: var(--c-white);
  padding: 3rem 0 5rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
}

.alg-account__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
}

.alg-account__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.alg-account__heading-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.alg-account h1.alg-account__heading,
.alg-account .alg-account__heading {
  font-family: var(--font-display) !important;
  font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--c-white) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

.alg-account__welcome {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  color: rgba(255,255,255,0.7);
  margin: 0;
}
.alg-account__welcome strong { color: var(--c-white); font-weight: var(--fw-bold); }

.alg-account__signout {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.8) !important;
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.18) !important;
  border-radius: 6px;
  text-decoration: none !important;
  transition: background var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease;
}
.alg-account__signout:hover {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.4) !important;
  color: #ffffff !important;
}

/* ────────────────────────────────────────────
   LOGGED-IN LAYOUT — sidebar + content
   ──────────────────────────────────────────── */
.alg-account__body.is-logged-in .woocommerce {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 12px;
  position: sticky;
  top: 100px;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation li::before,
.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation li::marker { content: none !important; }

.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation a {
  display: flex !important;
  align-items: center !important;
  padding: 11px 14px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  font-weight: var(--fw-medium) !important;
  color: rgba(255,255,255,0.78) !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  transition: background var(--t-fast) ease, color var(--t-fast) ease;
}
.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation a:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
}

.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation .is-active > a,
.alg-account__body.is-logged-in .woocommerce-MyAccount-navigation .is-active a {
  background: var(--c-yellow) !important;
  color: #222 !important;
  font-weight: var(--fw-bold) !important;
}

/* Content card */
.alg-account__body.is-logged-in .woocommerce-MyAccount-content {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 28px;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0;
}

/* ────────────────────────────────────────────
   LOGGED-OUT LAYOUT — login + register cards
   ──────────────────────────────────────────── */
.alg-account__body.is-logged-out {
  width: 100%;
}

.alg-account__body.is-logged-out .woocommerce {
  width: 100% !important;
  max-width: 980px;
  margin: 0 auto !important;
  display: block !important;
}

.alg-account__body.is-logged-out .u-columns,
.alg-account__body.is-logged-out .u-columns-2,
.alg-account__body.is-logged-out .col2-set {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  float: none !important;
}

/* Botiga's WC CSS hard-clamps these to max-width:50% with flex-basis:50% via
   `body.woocommerce-account #customer_login .col-1 / .col-2`. Override
   everything so each column expands to fill its grid cell. */
body.woocommerce-account .alg-account__body.is-logged-out #customer_login .col-1,
body.woocommerce-account .alg-account__body.is-logged-out #customer_login .col-2,
.alg-account__body.is-logged-out .u-column1,
.alg-account__body.is-logged-out .u-column2,
.alg-account__body.is-logged-out .col-1,
.alg-account__body.is-logged-out .col-2 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  min-width: 0 !important;
}

/* Reset Botiga's negative margins on the parent flex row so our grid layout
   isn't visually bled into the column padding. */
body.woocommerce-account .alg-account__body.is-logged-out #customer_login {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 0 auto !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 768px) {
  body.woocommerce-account .alg-account__body.is-logged-out #customer_login {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px) {
  .alg-account__body.is-logged-out .u-columns,
  .alg-account__body.is-logged-out .u-columns-2,
  .alg-account__body.is-logged-out .col2-set {
    grid-template-columns: 1fr !important;
  }
}

.alg-account__body.is-logged-out .woocommerce-form-login,
.alg-account__body.is-logged-out .woocommerce-form-register {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  padding: 32px !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Section titles ("Login" / "Register") — pull them inside the card visually */
.alg-account__body.is-logged-out h2 {
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--c-white) !important;
  margin: 0 0 8px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* The two cards live inside .u-columns-2 by default — make them a clean side-by-side */
.alg-account__body.is-logged-out .u-columns,
.alg-account__body.is-logged-out .u-columns-2,
.alg-account__body.is-logged-out .col2-set {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  width: 100% !important;
  max-width: 880px;
  margin: 0 auto !important;
}

.alg-account__body.is-logged-out .col-1,
.alg-account__body.is-logged-out .col-2 {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Privacy text in the register form */
.alg-account__body.is-logged-out .woocommerce-form-register p:not(.form-row) {
  font-family: var(--font-sans) !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.7) !important;
  margin: 0 0 8px !important;
}

/* "Lost your password?" link */
.alg-account__body.is-logged-out .lost_password {
  font-size: 0.85rem !important;
  margin-top: 4px;
}
.alg-account__body.is-logged-out .lost_password a {
  color: var(--c-white) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.alg-account__body.is-logged-out .lost_password a:hover {
  color: rgba(255,255,255,0.7) !important;
}

/* Buttons full-width inside the cards for cleaner look */
.alg-account__body.is-logged-out .form-row button,
.alg-account__body.is-logged-out button.woocommerce-button {
  width: 100% !important;
  margin: 4px 0 0 !important;
}

/* Remember-me checkbox row */
.alg-account__body.is-logged-out .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}

/* ────────────────────────────────────────────
   GENERIC CONTENT STYLING
   ──────────────────────────────────────────── */
.alg-account p,
.alg-account .woocommerce-MyAccount-content p {
  font-family: var(--font-sans) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.85) !important;
  margin: 0 0 1rem !important;
}

.alg-account h1,
.alg-account h2,
.alg-account h3 {
  font-family: var(--font-display) !important;
  font-weight: var(--fw-bold) !important;
  color: var(--c-white) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

.alg-account h2 { font-size: 1.25rem !important; }
.alg-account h3 { font-size: 1.05rem !important; }

.alg-account a {
  color: var(--c-yellow) !important;
  text-decoration: none !important;
}
.alg-account a:hover { color: var(--c-yellow-dark) !important; }

/* ────────────────────────────────────────────
   FORMS — login, register, address, account details
   ──────────────────────────────────────────── */
.alg-account label,
.alg-account .form-row label {
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.7) !important;
  margin: 0 0 6px !important;
  display: block;
}

.alg-account .required { color: var(--c-red) !important; text-decoration: none; }

.alg-account .form-row {
  margin: 0 0 14px !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  display: block;
}
.alg-account .form-row-first,
.alg-account .form-row-last {
  width: calc(50% - 8px) !important;
  display: inline-block !important;
  vertical-align: top;
}
.alg-account .form-row-first { margin-right: 14px !important; }

.alg-account input[type="text"],
.alg-account input[type="email"],
.alg-account input[type="tel"],
.alg-account input[type="password"],
.alg-account input[type="number"],
.alg-account textarea,
.alg-account select,
.alg-account .select2-selection,
.alg-account .select2-container .select2-selection--single {
  width: 100% !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1.5px solid rgba(255,255,255,0.18) !important;
  border-radius: 6px !important;
  color: var(--c-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: var(--fw-regular) !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 44px !important;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.4 !important;
}

.alg-account textarea { resize: vertical; min-height: 100px !important; }
.alg-account input::placeholder { color: rgba(255,255,255,0.45) !important; }

.alg-account input:focus,
.alg-account textarea:focus,
.alg-account select:focus,
.alg-account .select2-container--focus .select2-selection {
  border-color: var(--c-yellow) !important;
  background: rgba(255,255,255,0.06) !important;
}

.alg-account .select2-selection__rendered,
.alg-account .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--c-white) !important;
  line-height: 1.4 !important;
  padding: 0 !important;
}

.alg-account select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 40px !important;
}
.alg-account select option { background: #fff !important; color: #1F1F21 !important; }

.alg-account input:-webkit-autofill,
.alg-account input:-webkit-autofill:hover,
.alg-account input:-webkit-autofill:focus,
.alg-account textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--c-bg-page) inset !important;
  -webkit-text-fill-color: var(--c-white) !important;
  caret-color: var(--c-white);
  transition: background-color 9999s ease-out 0s;
}

.alg-account input[type="checkbox"],
.alg-account input[type="radio"] {
  accent-color: var(--c-yellow);
}

/* Remember-me checkbox */
.alg-account .woocommerce-form__label-for-checkbox,
.alg-account .woocommerce-form__label-checkbox {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.8) !important;
  font-weight: var(--fw-regular) !important;
}

.alg-account .lost_password { font-size: 13px; }

/* Submit buttons */
.alg-account button.woocommerce-button,
.alg-account button.button,
.alg-account .button.button-primary,
.alg-account input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 24px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.85rem !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #222 !important;
  background: var(--c-yellow) !important;
  border: 1.5px solid var(--c-yellow) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  margin: 4px 8px 4px 0 !important;
  transition: background var(--t-fast) ease, transform var(--t-fast) ease;
}
.alg-account button.woocommerce-button:hover,
.alg-account button.button:hover,
.alg-account input[type="submit"]:hover {
  background: var(--c-yellow-dark) !important;
  border-color: var(--c-yellow-dark) !important;
  transform: translateY(-1px);
}

/* Secondary / outlined link-buttons (e.g. "Edit", "Add new", "View") */
.alg-account a.button,
.alg-account a.edit,
.alg-account .woocommerce-orders-table__cell-order-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 16px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  margin: 4px 4px 4px 0 !important;
  transition: background var(--t-fast) ease, color var(--t-fast) ease, border-color var(--t-fast) ease;
}
.alg-account a.button:hover,
.alg-account a.edit:hover,
.alg-account .woocommerce-orders-table__cell-order-actions a:hover {
  background: var(--c-yellow) !important;
  color: #222 !important;
  border-color: var(--c-yellow) !important;
}

/* Promote primary actions ("Order again", "Pay", "Cancel") to yellow */
.alg-account a.button.order-again,
.alg-account a.button.pay,
.alg-account .woocommerce-orders-table__cell-order-actions a.order-again,
.alg-account .woocommerce-orders-table__cell-order-actions a.pay {
  background: var(--c-yellow) !important;
  color: #222 !important;
  border-color: var(--c-yellow) !important;
}
.alg-account a.button.order-again:hover,
.alg-account .woocommerce-orders-table__cell-order-actions a.order-again:hover {
  background: var(--c-yellow-dark) !important;
  border-color: var(--c-yellow-dark) !important;
}

/* ────────────────────────────────────────────
   ORDERS TABLE
   ──────────────────────────────────────────── */
.alg-account .woocommerce-orders-table,
.alg-account table.shop_table {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 0 20px !important;
}

.alg-account table.shop_table thead th {
  background: transparent !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  text-align: left !important;
}

.alg-account table.shop_table tbody td {
  background: transparent !important;
  color: rgba(255,255,255,0.88) !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  padding: 14px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  vertical-align: middle;
}

.alg-account table.shop_table tbody tr:last-child td { border-bottom: 0 !important; }
.alg-account table.shop_table tbody tr:hover td { background: rgba(255,255,255,0.02) !important; }

.alg-account table.shop_table .amount,
.alg-account table.shop_table bdi { color: rgba(255,255,255,0.88) !important; }

/* Order-status pill (rendered by the woocommerce_my_account_my_orders_column_order-status
   action in alg-account.php as <span class="alg-order-status alg-order-status--{status}">). */
.alg-account .alg-order-status,
.alg-account span.alg-order-status {
  display: inline-block;
  padding: 5px 12px;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 999px;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.85);
  line-height: 1.2;
  white-space: nowrap;
}

/* Per-status colour cues. */
.alg-account .alg-order-status--processing { background: rgba(64, 140, 220, 0.18); color: #6FB2F0; }
.alg-account .alg-order-status--on-hold    { background: rgba(245, 158, 11, 0.18); color: #E07A1F; }
.alg-account .alg-order-status--pending    { background: rgba(255, 255, 255, 0.12); color: rgba(255,255,255,0.85); }
.alg-account .alg-order-status--completed  { background: rgba(63, 163, 77, 0.18);  color: #6FD686; }
.alg-account .alg-order-status--cancelled,
.alg-account .alg-order-status--failed,
.alg-account .alg-order-status--refunded   { background: rgba(237, 28, 37, 0.18); color: #F38B91; }

/* Make sure the status TD itself stays a normal table-cell (no leftover styling). */
.alg-account .woocommerce-orders-table__cell-order-status {
  background: transparent !important;
  padding: 14px 12px !important;
  vertical-align: middle !important;
}

/* Order details tables (single order view) */
.alg-account .woocommerce-customer-details address,
.alg-account .col-1 address,
.alg-account .col-2 address,
.alg-account address {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.85) !important;
  padding: 16px !important;
  font-family: var(--font-sans);
  font-style: normal;
  line-height: 1.55;
}

/* The "Order #1315 was placed on …" intro line on order details — WC wraps
   the values in <mark> tags which default to a yellow highlight. */
.alg-account mark,
.alg-account .woocommerce-order-details mark,
.alg-account .woocommerce-order p.order-info mark,
.alg-account .woocommerce-order p mark {
  background: transparent !important;
  color: var(--c-yellow) !important;
  font-weight: var(--fw-bold) !important;
  padding: 0 !important;
  font-size: inherit !important;
}

.alg-account .woocommerce-order p,
.alg-account .woocommerce-order > p {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Order total rows (subtotal / shipping / total) at the bottom of the order */
.alg-account .order_details tfoot th,
.alg-account .order_details tfoot td,
.alg-account .shop_table tfoot th,
.alg-account .shop_table tfoot td {
  background: transparent !important;
  color: var(--c-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: var(--fw-medium) !important;
  padding: 10px 12px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  border-bottom: 0 !important;
  text-align: right !important;
}

.alg-account .order_details tfoot tr:last-child th,
.alg-account .order_details tfoot tr:last-child td,
.alg-account .shop_table tfoot tr:last-child th,
.alg-account .shop_table tfoot tr:last-child td {
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding-top: 14px !important;
}

.alg-account .order_details .product-name a,
.alg-account .order_details td.product-name {
  color: var(--c-white) !important;
  text-decoration: none !important;
  font-weight: var(--fw-medium);
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.alg-account .order_details .product-quantity {
  color: rgba(255,255,255,0.55) !important;
}

/* Two-column customer details (Billing | Shipping) on the order view. */
.alg-account .woocommerce-customer-details .col2-set,
.alg-account .woocommerce-customer-details .addresses {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.alg-account .woocommerce-customer-details .col-1,
.alg-account .woocommerce-customer-details .col-2 {
  width: 100% !important;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 18px !important;
  margin: 0 !important;
}

.alg-account .woocommerce-column__title {
  font-family: var(--font-display) !important;
  font-size: 0.95rem !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--c-white) !important;
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* ────────────────────────────────────────────
   ADDRESSES PAGE — 2-col cards
   ──────────────────────────────────────────── */
.alg-account .woocommerce-Addresses,
.alg-account .addresses {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 0 !important;
}
.alg-account .woocommerce-Address,
.alg-account .col-1, .alg-account .col-2 {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 20px !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  overflow: hidden;
}

.alg-account .woocommerce-Address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  margin: 0 0 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.alg-account .woocommerce-Address-title h3,
.alg-account .woocommerce-Address-title .woocommerce-Address-title-text {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  flex: 1 1 auto;
}

.alg-account .woocommerce-Address-title .edit {
  margin: 0 !important;
  flex: 0 0 auto;
  font-size: 11px !important;
  padding: 7px 12px !important;
}

.alg-account .woocommerce-Address address {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.85);
  margin: 0;
}

/* ────────────────────────────────────────────
   NOTICES
   ──────────────────────────────────────────── */
.alg-account .woocommerce-error,
.alg-account .woocommerce-info,
.alg-account .woocommerce-message {
  background: rgba(255,255,255,0.04) !important;
  border-left: 3px solid var(--c-yellow) !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 12px 16px !important;
  border-radius: 6px;
  margin: 0 0 16px;
  font-size: 13px;
  list-style: none !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
.alg-account .woocommerce-error { border-left-color: var(--c-red) !important; }

/* ════════════════════════════════════════════
   CUSTOM B2B DASHBOARD (.alg-account--dashboard)
   ════════════════════════════════════════════ */
.alg-account--dashboard .alg-account__inner { max-width: 1440px; }

/* Top bar */
.alg-dash__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.alg-dash__title-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.alg-account--dashboard h1.alg-account__heading {
  font-size: clamp(2rem, 3.5vw, 2.75rem) !important;
}

.alg-dash__profile-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  background: var(--c-yellow) !important;
  border: 1.5px solid var(--c-yellow) !important;
  border-radius: 6px !important;
  color: #222 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  transition: background var(--t-fast) ease, transform var(--t-fast) ease;
}
.alg-dash__profile-toggle:hover { background: var(--c-yellow-dark) !important; border-color: var(--c-yellow-dark) !important; }
.alg-dash__profile-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.alg-dash__profile-toggle svg { transition: transform var(--t-fast) ease; }

.alg-dash__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.alg-dash__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.04em !important;
  border-radius: 6px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background var(--t-fast) ease, border-color var(--t-fast) ease, transform var(--t-fast) ease;
}
.alg-dash__btn--primary {
  background: var(--c-blue-mid) !important;
  border-color: var(--c-blue-mid) !important;
  color: #fff !important;
}
.alg-dash__btn--primary:hover {
  background: var(--c-blue-deep) !important;
  border-color: var(--c-blue-deep) !important;
}
.alg-dash__btn--secondary {
  background: var(--c-blue-mid) !important;
  border-color: var(--c-blue-mid) !important;
  color: #fff !important;
}
.alg-dash__btn--secondary:hover {
  background: var(--c-blue-deep) !important;
  border-color: var(--c-blue-deep) !important;
}

/* Profile dropdown panel */
.alg-dash__profile {
  background: transparent;
  margin-bottom: 1.5rem;
}
.alg-dash__profile[hidden] { display: none; }

.alg-dash__profile-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}
.alg-dash__profile-row--addresses {
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 0;
}

.alg-dash__info-card {
  position: relative;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 16px;
}

.alg-dash__info-label {
  display: block;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin-bottom: 4px;
}

.alg-dash__info-value {
  display: block;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: var(--fw-medium);
  color: var(--c-white);
  word-break: break-word;
}

.alg-dash__edit {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  transition: background var(--t-fast) ease, color var(--t-fast) ease, border-color var(--t-fast) ease;
  margin: 0 !important;
  padding: 0 !important;
}
.alg-dash__edit:hover {
  background: var(--c-yellow) !important;
  border-color: var(--c-yellow) !important;
  color: #222 !important;
}

/* Address cards */
.alg-dash__address-card {
  position: relative;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 16px;
}

.alg-dash__address-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.alg-dash__address-count {
  display: inline-block;
  background: rgba(255,255,255,0.1);
  color: var(--c-white);
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
  padding: 2px 6px;
  border-radius: 4px;
}

.alg-dash__address-line {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,0.78) !important;
  margin: 0 80px 0 0 !important;
  padding: 0 !important;
}

.alg-dash__address-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 6px;
}
.alg-dash__address-actions .alg-dash__edit { position: static; }

/* Tabs */
.alg-dash__tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 1.5rem;
  padding-bottom: 0;
  flex-wrap: wrap;
}

.alg-dash__tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: var(--fw-bold) !important;
  color: rgba(255,255,255,0.6) !important;
  cursor: pointer !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 !important;
  transition: color var(--t-fast) ease, border-color var(--t-fast) ease;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.alg-dash__tab:hover { color: var(--c-white) !important; }
.alg-dash__tab.is-active {
  color: var(--c-white) !important;
  border-bottom-color: var(--c-white) !important;
}

.alg-dash__tab-count {
  display: inline-block;
  background: #444;
  color: var(--c-white);
  font-size: 11px;
  font-weight: var(--fw-bold);
  padding: 1px 7px;
  border-radius: 999px;
  min-width: 22px;
  text-align: center;
}
.alg-dash__tab.is-active .alg-dash__tab-count { background: var(--c-white); color: #222; }

.alg-dash__search {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.alg-dash__search svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.55);
  pointer-events: none;
}
.alg-dash__search-input {
  background: rgba(255,255,255,0.04) !important;
  border: 1.5px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  padding: 8px 12px 8px 34px !important;
  color: var(--c-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  width: 240px !important;
  outline: none !important;
  min-height: 36px !important;
}
.alg-dash__search-input::placeholder { color: rgba(255,255,255,0.4) !important; }
.alg-dash__search-input:focus { border-color: var(--c-yellow) !important; }

/* Tab panels */
.alg-dash__panel { display: none; }
.alg-dash__panel.is-active { display: block; }

/* Stats grid */
.alg-dash__stats {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  margin-bottom: 1.5rem;
}

.alg-dash__stat {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  transition: border-color var(--t-fast) ease;
}
.alg-dash__stat:hover { border-color: rgba(255,255,255,0.25); }
.alg-dash__stat.is-active { border-color: var(--c-blue-mid); background: rgba(34, 96, 210, 0.08); }

.alg-dash__stat-label {
  font-family: var(--font-sans);
  font-size: 12px;
  color: rgba(255,255,255,0.75);
  line-height: 1.25;
  flex: 1 1 auto;
}
.alg-dash__stat-value {
  font-family: var(--font-sans);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  color: var(--c-white);
  flex: 0 0 auto;
}

/* Orders table */
.alg-dash__table-wrap {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  overflow: hidden;
}

.alg-dash__table {
  width: 100%;
  border-collapse: collapse;
}

.alg-dash__table thead th {
  background: transparent !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: var(--fw-medium) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  padding: 14px 16px !important;
  text-align: left !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.alg-dash__th--right { text-align: right !important; }

.alg-dash__table tbody td {
  background: transparent !important;
  color: rgba(255,255,255,0.88) !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  padding: 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  vertical-align: middle;
}
.alg-dash__table tbody tr:last-child td { border-bottom: 0 !important; }
.alg-dash__table tbody tr:hover td { background: rgba(255,255,255,0.02) !important; }

.alg-dash__td--right { text-align: right !important; }
.alg-dash__empty { text-align: center; color: rgba(255,255,255,0.5); padding: 40px !important; }

.alg-dash__order-num {
  display: inline-block;
  padding: 5px 12px;
  background: rgba(255,255,255,0.06);
  color: var(--c-white) !important;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: var(--fw-medium);
  border-radius: 6px;
  text-decoration: none !important;
  transition: background var(--t-fast) ease;
}
.alg-dash__order-num:hover { background: var(--c-yellow) !important; color: #222 !important; }

/* Status pills inside the table */
.alg-dash__pill {
  display: inline-block;
  padding: 5px 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--fw-medium);
  border-radius: 999px;
  background: transparent;
  color: rgba(255,255,255,0.85);
  white-space: nowrap;
}

/* Shipment colours — text only, no background */
.alg-dash__pill--shipment {
  background: transparent;
  padding: 0;
  font-weight: var(--fw-medium);
}
.alg-dash__pill--pending      { color: #E07A1F; }
.alg-dash__pill--on-hold      { color: #E07A1F; }
.alg-dash__pill--processing   { color: #6FB2F0; }
.alg-dash__pill--fulfilled    { color: #6FD686; }
.alg-dash__pill--cancelled,
.alg-dash__pill--refunded,
.alg-dash__pill--failed       { color: #F38B91; }

/* Payment pills — filled */
.alg-dash__pill--payment.alg-dash__pill--paid     { background: rgba(63, 163, 77, 0.0); color: #6FD686; border: 1.5px solid rgba(63, 163, 77, 0.6); }
.alg-dash__pill--payment.alg-dash__pill--unpaid   { background: var(--c-red); color: #fff; }
.alg-dash__pill--payment.alg-dash__pill--refunded { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }

/* Amount colour matches payment status */
.alg-dash__amount--paid     { color: #6FD686 !important; font-weight: var(--fw-bold); }
.alg-dash__amount--paid bdi, .alg-dash__amount--paid .amount { color: #6FD686 !important; }
.alg-dash__amount--unpaid   { color: #F38B91 !important; font-weight: var(--fw-bold); }
.alg-dash__amount--unpaid bdi, .alg-dash__amount--unpaid .amount { color: #F38B91 !important; }

.alg-dash__table tfoot td {
  background: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.75) !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: var(--fw-medium) !important;
  padding: 16px !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.alg-dash__amount-grand,
.alg-dash__amount-grand bdi,
.alg-dash__amount-grand .amount {
  color: var(--c-white) !important;
  font-weight: var(--fw-bold) !important;
}

/* Placeholder panel */
.alg-dash__placeholder {
  padding: 60px;
  text-align: center;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: rgba(255,255,255,0.7);
}
.alg-dash__placeholder h2 { color: var(--c-white); margin-bottom: 10px !important; }

/* ════════════════════════════════════════════
   MODALS (Edit Details / Edit Address)
   ════════════════════════════════════════════ */
.alg-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 20px;
  overflow-y: auto;
}
.alg-modal.is-open { display: flex; }

.alg-modal__panel {
  background: #1F1F21;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
}

.alg-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.alg-modal h2.alg-modal__title,
.alg-modal .alg-modal__title {
  font-family: var(--font-display) !important;
  font-size: 1.05rem !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--c-white) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.alg-modal__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 6px !important;
  color: var(--c-white) !important;
  cursor: pointer !important;
  padding: 0 !important;
}
.alg-modal__close:hover { background: rgba(255,255,255,0.06) !important; }

.alg-modal__body {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 !important;
}

.alg-modal h3.alg-modal__sub,
.alg-modal .alg-modal__sub {
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
  margin: 8px 0 4px !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.alg-modal__field { display: flex; flex-direction: column; gap: 6px; }
.alg-modal__field label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
}
.alg-req { color: var(--c-red); }

.alg-modal__row { display: grid; gap: 10px; }
.alg-modal__row--2 { grid-template-columns: 1fr 1fr; }
.alg-modal__row--3 { grid-template-columns: 2fr 2fr 1fr; }

.alg-modal input[type="text"],
.alg-modal input[type="email"],
.alg-modal input[type="tel"],
.alg-modal input[type="number"],
.alg-modal select,
.alg-modal__field input,
.alg-modal__field select,
.alg-modal__row > input,
.alg-modal__row > select {
  width: 100% !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1.5px solid rgba(255,255,255,0.18) !important;
  border-radius: 6px !important;
  color: var(--c-white) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  padding: 11px 14px !important;
  min-height: 42px !important;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  box-shadow: none !important;
}
.alg-modal input::placeholder { color: rgba(255,255,255,0.4) !important; }
.alg-modal input:focus,
.alg-modal select:focus {
  border-color: var(--c-yellow) !important;
  background: rgba(255,255,255,0.06) !important;
}

.alg-modal select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}
.alg-modal select option { background: #fff !important; color: #1F1F21 !important; }

.alg-modal__foot {
  display: flex;
  justify-content: center;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 8px;
}

.alg-modal__save {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 36px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.85rem !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: var(--c-blue-mid) !important;
  border: 1.5px solid var(--c-blue-mid) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.alg-modal__save:hover { background: var(--c-blue-deep) !important; border-color: var(--c-blue-deep) !important; }
.alg-modal__save:disabled { opacity: 0.6; cursor: wait; }

/* ════════════════════════════════════════════
   ORDER DETAIL VIEW
   ════════════════════════════════════════════ */
.alg-order-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: var(--fw-medium);
  color: var(--c-white) !important;
  text-decoration: none !important;
  margin-bottom: 1.5rem;
}
.alg-order-detail__back:hover { color: var(--c-yellow) !important; }

.alg-order-detail__top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
.alg-order-detail__card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 16px;
}
.alg-order-detail__label {
  display: block;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  margin-bottom: 4px;
}
.alg-order-detail__value {
  display: block;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  color: var(--c-white);
}

.alg-order-detail__addrs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
.alg-order-detail__addr-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 14px 16px;
}
.alg-order-detail__addr-card p {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,0.85) !important;
  margin: 0 !important;
}

.alg-order-detail__prod {
  display: flex !important;
  align-items: center;
  gap: 12px;
}
.alg-order-detail__prod-thumb {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 auto;
}
.alg-order-detail__prod-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.alg-order-detail__qty-line {
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  margin-top: 4px;
}

.alg-order-detail__placeholder,
.alg-dash__placeholder,
.alg-dash__dash,
.alg-dash__stat-value.is-dash {
  color: rgba(255,255,255,0.35) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
}

.alg-dash__stat-value.is-dash {
  font-size: 1.25rem !important;
  font-weight: var(--fw-bold) !important;
}

.alg-order-detail__grand td {
  background: rgba(255,255,255,0.04) !important;
  font-family: var(--font-display) !important;
  font-size: 1rem !important;
  font-weight: var(--fw-bold) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* ════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════ */
@media (max-width: 1280px) {
  .alg-dash__stats { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1024px) {
  .alg-account__body.is-logged-in .woocommerce {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .alg-account__body.is-logged-in .woocommerce-MyAccount-navigation {
    position: static;
    top: auto;
  }
  .alg-dash__profile-row { grid-template-columns: repeat(2, 1fr); }
  .alg-dash__stats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .alg-dash__topbar { gap: 12px; }
  .alg-dash__actions .alg-dash__btn { padding: 8px 12px !important; font-size: 0.75rem !important; }
  .alg-dash__search { width: 100%; margin-left: 0; }
  .alg-dash__search-input { width: 100% !important; }
  .alg-dash__stats { grid-template-columns: repeat(2, 1fr); }
  .alg-dash__profile-row,
  .alg-dash__profile-row--addresses { grid-template-columns: 1fr; }
  .alg-dash__table thead { display: none; }
  .alg-dash__table tbody td {
    display: block;
    padding: 6px 16px !important;
    border: 0 !important;
  }
  .alg-dash__table tbody tr {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  .alg-dash__td--right { text-align: left !important; }
}

@media (max-width: 640px) {
  .alg-account { padding: 2rem 0 4rem; }
  .alg-account__inner { padding: 0 20px; }
  .alg-account__body.is-logged-in .woocommerce-MyAccount-content { padding: 20px; }
  .alg-account .form-row-first,
  .alg-account .form-row-last { width: 100% !important; display: block !important; margin-right: 0 !important; }
  .alg-account table.shop_table thead { display: none; }
  .alg-account table.shop_table tbody td {
    display: block;
    padding: 6px 0 !important;
    border: 0 !important;
  }
  .alg-account table.shop_table tbody tr {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
}