/*! BioCollex Refresh · module: account · Sign in, Sign up, Lost password, member area
 * Sign-in pages: visitors who are not logged in, body.woocommerce-account:not(.logged-in).
 * Mobile first. Builds on section 6 of bcx-refresh.css (moving light, floating
 * vials, glowing rewards card); account.js adds the Sign in | Create account
 * switch, the rewards line and the desktop vial group styled here.
 * Member area: body.woocommerce-account.logged-in, last section of this file.
 */

/* ===================== Sign in + Sign up ===================== */

/* --- Sign in | Create account switch --- */
.woocommerce-account:not(.logged-in) .bxrf-acct-seg {
  position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr;
  margin: 0 0 18px; padding: 4px; border-radius: 999px;
  background: rgba(221, 231, 246, .92); box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
}
.woocommerce-account:not(.logged-in) .bxrf-acct-seg::before {
  content: ""; position: absolute; z-index: -1; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px);
  border-radius: 999px; background: #fff;
  box-shadow: 0 1px 2px rgba(11, 21, 48, .08), 0 6px 16px -8px rgba(11, 21, 48, .38);
  transition: transform .26s var(--bxrf-ease);
}
.woocommerce-account:not(.logged-in) .bxrf-acct-seg[data-on="up"]::before { transform: translateX(100%); }
.woocommerce-account:not(.logged-in) .bx-login a.bxrf-acct-tab {
  display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 8px; border-radius: 999px;
  font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; text-align: center;
  color: var(--bxrf-muted); text-decoration: none; -webkit-tap-highlight-color: transparent;
  transition: color .2s ease, opacity .15s ease;
}
.woocommerce-account:not(.logged-in) .bxrf-acct-seg[data-on="in"] a.bxrf-acct-tab[data-k="in"],
.woocommerce-account:not(.logged-in) .bxrf-acct-seg[data-on="up"] a.bxrf-acct-tab[data-k="up"] { color: var(--bxrf-ink); }
.woocommerce-account:not(.logged-in) .bx-login a.bxrf-acct-tab:active { opacity: .72; }
@media (hover: hover) and (pointer: fine) {
  .woocommerce-account:not(.logged-in) .bx-login a.bxrf-acct-tab:not([aria-current]):hover { color: var(--bxrf-navy-2); }
}

/* --- Heading and intro --- */
.woocommerce-account:not(.logged-in) .bx-login h1 {
  margin: 0 0 6px; padding-bottom: 2px; font-size: 26px; line-height: 1.14; text-wrap: balance;
}
.woocommerce-account:not(.logged-in) .bx-login .bx-sub { margin: 0 0 18px; font-size: 14.5px; line-height: 1.45; text-wrap: pretty; }
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-notices-wrapper:empty { display: none; }

/* Notices (wrong password, reset link sent...): the theme's icon gets its own
   column so it never sits on the text, and no focus ring on the message box */
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-error,
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-message,
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-info,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-error,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-message,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-info {
  margin: 0 0 16px; padding: 12px 14px 12px 42px; border-radius: 14px; font-size: 14px; line-height: 1.5;
}
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-error::before,
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-message::before,
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-info::before,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-error::before,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-message::before,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-info::before { left: 14px; top: 14px; width: 18px; height: 18px; }
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-error::before,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-error::before { background-color: #b91c1c; }
.woocommerce-lost-password:not(.logged-in) main .woocommerce-message::before,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-info::before { background-color: var(--bxrf-ok); }
.woocommerce-account:not(.logged-in) .bx-login [role=alert]:focus,
.woocommerce-lost-password:not(.logged-in) main [role=alert]:focus { outline: none; }
.woocommerce-account:not(.logged-in) .bx-login .woocommerce-error li,
.woocommerce-lost-password:not(.logged-in) main .woocommerce-error li { margin: 0; padding: 0; list-style: none; }

/* --- Fields --- */
.woocommerce-account:not(.logged-in) .bx-login label:not(.bx-check):not(.bx-consent) {
  margin: 0 0 6px; font-size: 13.5px !important; line-height: 1.3;
}
.woocommerce-account:not(.logged-in) .bx-login input[type=text],
.woocommerce-account:not(.logged-in) .bx-login input[type=email],
.woocommerce-account:not(.logged-in) .bx-login input[type=password],
.woocommerce-account:not(.logged-in) .bx-login input[type=tel] {
  height: 50px; margin: 0 0 14px; padding-right: 14px; font-size: 16px; /* 16px: iPhone does not zoom in on tap */
  padding-left: 44px !important; background-position: 15px 50% !important;
}
.woocommerce-account:not(.logged-in) .bx-login .bx-pw input { padding-right: 52px !important; }
/* Keep the lock icon while the password is shown (the field is type=text then) */
.woocommerce-account:not(.logged-in) .bx-login .bx-pw input[type=text] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
}

/* Show / hide password: a full 44px target, and a slash while the password is showing */
.woocommerce-account:not(.logged-in) .bx-login .bx-eye {
  top: 3px; right: 3px; display: grid; place-items: center; width: 44px; height: 44px; padding: 12px; border-radius: 12px;
  color: #64748b; -webkit-tap-highlight-color: transparent; transition: color .15s ease, background-color .15s ease;
}
.woocommerce-account:not(.logged-in) .bx-login .bx-eye[aria-label="Hide password"] { color: var(--bxrf-blue); }
.woocommerce-account:not(.logged-in) .bx-login .bx-eye[aria-label="Hide password"]::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 23px; height: 2px; border-radius: 2px;
  background: currentColor; box-shadow: 0 0 0 1.5px #f8fafd; transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .woocommerce-account:not(.logged-in) .bx-login .bx-eye:hover { color: var(--bxrf-navy-2); background-color: rgba(42, 106, 208, .07); }
}

/* Remember me / Forgot password: both are 44px tall targets */
.woocommerce-account:not(.logged-in) .bx-login .bx-login-row { flex-wrap: wrap; gap: 0 12px; min-height: 44px; margin: -6px 0 12px; }
.woocommerce-account:not(.logged-in) .bx-login .bx-check { min-height: 44px; font-size: 14.5px; color: #1e293b; white-space: nowrap; }
.woocommerce-account:not(.logged-in) .bx-login .bx-login-row a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14.5px; white-space: nowrap; }
@media (max-width: 359.98px) {
  .woocommerce-account:not(.logged-in) .bx-login .bx-check,
  .woocommerce-account:not(.logged-in) .bx-login .bx-login-row a { font-size: 13.5px; }
  .woocommerce-account:not(.logged-in) .bx-login .bx-check { gap: 8px; }
}

/* --- Main button --- */
.woocommerce-account:not(.logged-in) .bx-login button.bx-submit {
  width: 100%; height: 52px; margin-top: 2px; font-size: 16px; font-weight: 700; letter-spacing: -.005em;
  -webkit-tap-highlight-color: transparent;
}
.woocommerce-account:not(.logged-in) .bx-login button.bx-submit:active { transform: scale(.98) !important; }
@media (hover: none) {
  .woocommerce-account:not(.logged-in) .bx-login button.bx-submit:hover { transform: none; }
}

/* --- Rewards reminder under the button --- */
.woocommerce-account:not(.logged-in) .bx-login .bxrf-acct-trust {
  display: flex; align-items: center; gap: 11px; width: fit-content; max-width: 100%; margin: 14px auto 0; padding: 8px 16px 8px 8px;
  border-radius: 16px; background: rgba(238, 244, 254, .9); box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
  color: #3d4b63;
}
.woocommerce-account:not(.logged-in) .bxrf-acct-trust-ic {
  display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 10px;
  color: #fff; background: linear-gradient(135deg, var(--bxrf-navy-2), var(--bxrf-blue));
  box-shadow: 0 6px 12px -6px rgba(42, 106, 208, .85);
}
.woocommerce-account:not(.logged-in) .bxrf-acct-trust-ic svg { fill: currentColor; }
.woocommerce-account:not(.logged-in) .bxrf-acct-trust-t { min-width: 0; }
.woocommerce-account:not(.logged-in) .bxrf-acct-trust-t > * { display: block; }
.woocommerce-account:not(.logged-in) .bxrf-acct-trust b { font-size: 13.5px; font-weight: 700; line-height: 1.3; color: var(--bxrf-navy-2); }
.woocommerce-account:not(.logged-in) .bxrf-acct-trust-t > span { font-size: 12.5px; line-height: 1.35; color: var(--bxrf-muted); }

/* --- "Don't have an account? Sign up" --- */
.woocommerce-account:not(.logged-in) .bx-login .bx-switch { margin: 18px 0 0; padding-top: 14px; font-size: 14.5px; }
.woocommerce-account:not(.logged-in) .bx-login .bx-switch a { display: inline-block; margin: -11px -4px; padding: 11px 4px; }

/* --- Sign up: names side by side, consents as one readable group --- */
.woocommerce-account:not(.logged-in) .bx-login .bx-grid2 { grid-template-columns: 1fr 1fr; gap: 0 10px; }
.woocommerce-account:not(.logged-in) .bx-login .bx-grid2 > div { min-width: 0; }
.woocommerce-account:not(.logged-in) .bx-login .bx-req { display: none; } /* every field is required except the phone, which says "(optional)" */
.woocommerce-account:not(.logged-in) .bx-login label.bx-consent {
  margin: 0; padding: 12px 14px; gap: 12px; font-size: 14px; line-height: 1.45; color: #1e293b;
  background: #f6f9fe; border: 1px solid #e3eaf5; border-top-width: 0;
}
.woocommerce-account:not(.logged-in) .bx-login :not(.bx-consent) + label.bx-consent { margin-top: 4px; border-top-width: 1px; border-radius: 16px 16px 0 0; }
.woocommerce-account:not(.logged-in) .bx-login label.bx-consent:not(:has(+ label.bx-consent)) { margin-bottom: 18px; border-radius: 0 0 16px 16px; }
.woocommerce-account:not(.logged-in) .bx-login .bx-consent input[type=checkbox] { flex: none; width: 20px; height: 20px; margin: 0; }
.woocommerce-account:not(.logged-in) .bx-login .bx-consent small { margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--bxrf-muted); }
@media (max-width: 349.98px) {
  .woocommerce-account:not(.logged-in) .bx-login .bx-grid2 input { padding-left: 14px !important; background-image: none !important; }
}

/* --- Phones: the form starts right under the banner --- */
@media (max-width: 767.98px) {
  .woocommerce-account:not(.logged-in) .bx-login-panel { padding: 16px 16px 40px; }
  /* The member band moves into the rewards reminder under the button */
  html.bxrf-acct-on .woocommerce-account:not(.logged-in) .bxrf-auth-band { display: none; }
  html.bxrf-acct-typing body.woocommerce-account:not(.logged-in) #bcx-agent:not(.bcx-open) { opacity: 0; pointer-events: none; transform: scale(.85); }
}
/* Chat bubble steps aside while it would cover the form (account.js measures the overlap) */
html.bxrf-acct-hush body.woocommerce-account:not(.logged-in) #bcx-agent:not(.bcx-open) { opacity: 0; pointer-events: none; transform: scale(.85); }

/* --- Tablet and desktop: two panels, form centred in its column --- */
@media (min-width: 768px) {
  .woocommerce-account:not(.logged-in) .bx-login { grid-template-columns: 40% 1fr; min-height: clamp(560px, calc(100vh - 180px), 720px); }
  /* Top-aligned, so the switch lines up with the vial instead of floating mid-column */
  .woocommerce-account:not(.logged-in) .bx-login-panel { align-items: flex-start; padding: 44px 40px 56px; }
  .woocommerce-account:not(.logged-in) .bx-login-inner { max-width: 440px; margin: 0 auto; }
  .woocommerce-account:not(.logged-in) .bx-login h1 { font-size: 30px; }

  /* Vial and rewards card stay together and in view (account.js groups them).
     overflow: clip (not hidden) so the sticky group can follow the page; older browsers keep hidden. */
  html.bxrf-acct-art-on .woocommerce-account:not(.logged-in) .bx-login-art { display: block !important; overflow: hidden !important; overflow: clip !important; padding: 0 !important; }
  .woocommerce-account:not(.logged-in) .bxrf-acct-art {
    position: sticky; top: var(--bxrf-acct-head, 0px); z-index: 2;
    display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 2.6vh, 26px);
    padding: clamp(20px, 5vh, 48px) 24px 32px;
  }
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > img {
    position: relative; z-index: 2; display: block; width: auto; max-width: 72%; max-height: none;
    height: clamp(140px, 30vh, 300px); object-fit: contain;
    animation: bxrf-float 6s ease-in-out infinite;
  }
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > .bxrf-auth-card { position: relative; left: auto; bottom: auto; translate: none; width: min(360px, 100%); }
  /* The two drifting vials stay smaller than the main one */
  html.bxrf-acct-art-on .woocommerce-account:not(.logged-in) .bx-login-art > .bxrf-fx img.v1 { width: clamp(56px, 6.5vw, 100px); }
  html.bxrf-acct-art-on .woocommerce-account:not(.logged-in) .bx-login-art > .bxrf-fx img.v2 { width: clamp(46px, 5vw, 80px); }
}
/* Short laptop screens: a smaller vial so vial + card fit under the banner, and a tighter top */
@media (min-width: 768px) and (max-height: 760px) {
  .woocommerce-account:not(.logged-in) .bxrf-acct-art { gap: 10px; padding-top: clamp(14px, 3vh, 48px); }
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > img { height: clamp(120px, 22vh, 300px); }
  html.bxrf-acct-art-on .woocommerce-account:not(.logged-in) .bx-login-art > .bxrf-fx img.v1 { top: 5%; width: clamp(46px, 4.6vw, 72px); }
  html.bxrf-acct-art-on .woocommerce-account:not(.logged-in) .bx-login-art > .bxrf-fx img.v2 { top: 4%; width: clamp(40px, 3.8vw, 60px); }
  .woocommerce-account:not(.logged-in) .bx-login-panel { padding-top: 28px; }
  .woocommerce-account:not(.logged-in) .bxrf-acct-seg { margin-bottom: 14px; }
}
@media (min-width: 768px) and (min-height: 640px) {
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > .bxrf-auth-card { display: block; }
  /* The card already says it, so the reminder under the button steps back */
  .woocommerce-account:not(.logged-in) .bx-login:has(.bxrf-acct-art > .bxrf-auth-card) .bxrf-acct-trust { display: none; }
}
@media (max-height: 639.98px) {
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > .bxrf-auth-card { display: none; }
}
@media (min-width: 1024px) {
  .woocommerce-account:not(.logged-in) .bx-login { grid-template-columns: 44% 1fr; }
  .woocommerce-account:not(.logged-in) .bx-login-panel { padding: 52px 48px 64px; }
  .woocommerce-account:not(.logged-in) .bx-login h1 { font-size: 34px; }
}

/* ===================== Lost password / new password ===================== */
.woocommerce-lost-password:not(.logged-in) main.site-main { min-height: 0; padding: 16px 16px 44px; }
.woocommerce-lost-password:not(.logged-in) main .woocommerce { padding: 22px 18px 14px; border-radius: 22px; }
.woocommerce-lost-password:not(.logged-in) .bxrf-reset-head { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.woocommerce-lost-password:not(.logged-in) .bxrf-reset-ic { flex: none; width: 42px; height: 42px; margin: 0; border-radius: 13px; }
.woocommerce-lost-password:not(.logged-in) .bxrf-reset-h { margin: 0; padding-bottom: 2px; font-size: 23px; line-height: 1.15; }
.woocommerce-lost-password:not(.logged-in) form.woocommerce-ResetPassword > p:first-child { margin: 0 0 16px; font-size: 14.5px; line-height: 1.5; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .form-row { margin: 0 0 14px !important; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword label { margin: 0 0 6px; font-size: 13.5px; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword label .required { display: none; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword input.input-text { height: 50px; padding-left: 44px; font-size: 16px; background-position: 15px 50%; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword button[type=submit] { height: 52px; margin-top: 2px; -webkit-tap-highlight-color: transparent; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword button[type=submit]:active { transform: scale(.98); }
.woocommerce-lost-password:not(.logged-in) .bxrf-reset-back { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 12px; padding-top: 8px; }
/* "Check your email" state */
.woocommerce-lost-password:not(.logged-in) main .woocommerce > p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--bxrf-muted); }
.woocommerce-lost-password:not(.logged-in) .bxrf-acct-sent .bxrf-reset-ic svg { animation: none; }
/* Set-a-new-password form: WooCommerce's own show / hide button, drawn to match */
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .password-input { position: relative; display: block; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .password-input input.input-text { padding-right: 52px; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .show-password-input {
  position: absolute; top: 50%; right: 3px; transform: translateY(-50%); width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 12px; cursor: pointer;
  font-size: 0; color: transparent;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat 50% 50% / 20px 20px;
}
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .show-password-input.display-password {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a6ad0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .show-password-input::before,
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .show-password-input::after { content: none; display: none; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .woocommerce-password-strength { margin: 8px 0 0; padding: 8px 12px; border-radius: 10px; font-size: 13px; }
.woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword .woocommerce-password-hint { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.45; color: var(--bxrf-muted); }
@media (max-width: 767.98px) {
  html.bxrf-acct-typing body.woocommerce-lost-password:not(.logged-in) #bcx-agent:not(.bcx-open) { opacity: 0; pointer-events: none; transform: scale(.85); }
  /* The card fills the width on phones, so the drifting vials could only peek out from behind it */
  .woocommerce-lost-password:not(.logged-in) main > .bxrf-fx img { display: none; }
}
@media (min-width: 768px) {
  .woocommerce-lost-password:not(.logged-in) main.site-main { min-height: 0; padding: 56px 24px 72px; }
  .woocommerce-lost-password:not(.logged-in) main > .bxrf-fx img.v3 { right: 4%; bottom: 6%; }
  .woocommerce-lost-password:not(.logged-in) main .woocommerce { max-width: 440px; padding: 30px 28px 18px; border-radius: 24px; }
  .woocommerce-lost-password:not(.logged-in) .bxrf-reset-ic { width: 46px; height: 46px; border-radius: 14px; }
  .woocommerce-lost-password:not(.logged-in) .bxrf-reset-h { font-size: 26px; }
}

/* ===================== Member area (logged in) ===================== */
/* The theme's account menu (.bxa-nav) and sections (.bxa-*, WooCommerce tables and forms)
   in the brand navy and blue. Desktop: a sidebar card that stays in view. Phones (the
   theme's 860px breakpoint): instead of the theme's unlabelled 52px icon rail, a row of
   labelled tabs on a track that stays under the header and swipes sideways. account.js
   adds the sliding marker (.bxrf-mx-ink), the dashboard's welcome card and tiles, the
   status chips and the entrance; without it the menu still shows the current section. */
body.woocommerce-account.logged-in {
  --bxrf-mx-grad: linear-gradient(135deg, var(--bxrf-navy-2), var(--bxrf-blue));
  --bxrf-mx-card: 0 1px 2px rgba(11, 21, 48, .05), 0 16px 34px -24px rgba(11, 21, 48, .38);
  --bxrf-mx-hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64' fill='none' stroke='white' stroke-width='1.3'%3E%3Cpath d='M28 2 52 16v28L28 58 4 44V16z'/%3E%3Ccircle cx='28' cy='2' r='2.4' fill='white'/%3E%3Ccircle cx='4' cy='44' r='2.4' fill='white'/%3E%3C/svg%3E");
  --bxrf-mx-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
  --bxrf-mx-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a6ad0' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5Z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E");
  --bxrf-mx-bill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a6ad0' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2.5'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E");
  --bxrf-mx-ship: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a6ad0' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
  --bxrf-mx-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  --bxrf-mx-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

/* Until account.js has laid the section out (a few ms), it stays hidden so the welcome card
   doesn't jump in over the plain heading. If the script never runs it shows after .9s. */
@keyframes bxrf-mx-hold { from, to { opacity: 0; } }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content:not(.bxrf-mx-done) { animation: bxrf-mx-hold .9s linear; }

/* ---------- Account menu: shared ---------- */
body.woocommerce-account.logged-in .bxa-nav { position: relative; }
body.woocommerce-account.logged-in .bxa-nav li { position: relative; z-index: 1; } /* above the sliding marker */
body.woocommerce-account.logged-in .bxa-nav a { color: var(--bxrf-ink); -webkit-tap-highlight-color: transparent; transition: background-color .2s ease, color .25s ease, box-shadow .2s ease; }
body.woocommerce-account.logged-in .bxa-nav a svg { color: var(--bxrf-blue); transition: color .25s ease, background-color .25s ease; }
body.woocommerce-account.logged-in .bxa-nav a:hover { background: var(--bxrf-mist); }
body.woocommerce-account.logged-in .bxa-nav a:focus-visible { outline: 2px solid var(--bxrf-blue); outline-offset: 2px; }
body.woocommerce-account.logged-in .bxa-nav .bxa-avatar { background: var(--bxrf-mx-grad); }
/* Current section: filled until the marker takes over, then the marker draws it */
body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"] {
  border-color: transparent; color: #fff; font-weight: 700; background: var(--bxrf-mx-grad); box-shadow: 0 10px 22px -14px rgba(42, 106, 208, .95);
}
body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"] svg { color: #fff; }
body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"] .bxa-avatar { background: rgba(255, 255, 255, .2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32); }
html.bxrf-mx-ink-on body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"] { background: transparent; box-shadow: none; }
body.woocommerce-account.logged-in .bxrf-mx-ink {
  position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 0; border-radius: 16px; pointer-events: none; opacity: 0;
  background: var(--bxrf-mx-grad); box-shadow: 0 12px 24px -14px rgba(42, 106, 208, .95);
}
html.bxrf-mx-ink-on body.woocommerce-account.logged-in .bxrf-mx-ink { opacity: 1; }
body.woocommerce-account.logged-in .bxrf-mx-ink.is-moving { transition: transform .55s var(--bxrf-ease), width .55s var(--bxrf-ease), height .55s var(--bxrf-ease); }

/* ---------- Buttons and links in the brand blue ---------- */
body.woocommerce-account.logged-in .bxa-btn,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-button {
  background: var(--bxrf-mx-grad); color: #fff !important;
  box-shadow: 0 8px 18px -12px rgba(42, 106, 208, .8); transition: filter .2s, transform .15s;
}
body.woocommerce-account.logged-in .bxa-btn:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-button:hover {
  background: var(--bxrf-mx-grad); filter: brightness(1.08);
}
body.woocommerce-account.logged-in .bxa-btn:active,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:active { transform: scale(.98); }
/* Cancelling an unpaid order stays available but reads as the quieter choice */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button.cancel,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button.cancel:hover { color: #b42318 !important; background: #fdecec; box-shadow: none; }
.woocommerce-account.logged-in .bxa-section-head a,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title a { color: var(--bxrf-blue); }

/* ---------- Status chips: dashboard list, orders table, welcome card ---------- */
body.woocommerce-account.logged-in .bxa-status,
body.woocommerce-account.logged-in .bxrf-mx-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 999px;
  font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .005em; white-space: nowrap;
  color: #475569; background: #eef2f7;
}
body.woocommerce-account.logged-in .bxa-status::before,
body.woocommerce-account.logged-in .bxrf-mx-chip::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.woocommerce-account.logged-in .bxa-status.is-processing, body.woocommerce-account.logged-in .bxrf-mx-chip.is-processing { color: #1f5bbf; background: #e6effd; }
body.woocommerce-account.logged-in .bxa-status.is-processing::before, body.woocommerce-account.logged-in .bxrf-mx-chip.is-processing::before { animation: bxrf-mx-pulse 2.2s ease-in-out infinite; }
body.woocommerce-account.logged-in .bxa-status.is-completed, body.woocommerce-account.logged-in .bxrf-mx-chip.is-completed { color: #15803d; background: #e5f5ea; }
body.woocommerce-account.logged-in .bxa-status.is-on-hold, body.woocommerce-account.logged-in .bxrf-mx-chip.is-on-hold,
body.woocommerce-account.logged-in .bxa-status.is-pending, body.woocommerce-account.logged-in .bxrf-mx-chip.is-pending { color: #92560a; background: #fcf1dc; }
body.woocommerce-account.logged-in .bxa-status.is-cancelled, body.woocommerce-account.logged-in .bxrf-mx-chip.is-cancelled,
body.woocommerce-account.logged-in .bxa-status.is-failed, body.woocommerce-account.logged-in .bxrf-mx-chip.is-failed { color: #b42318; background: #fdecec; }
@keyframes bxrf-mx-pulse { 50% { box-shadow: 0 0 0 4px rgba(31, 91, 191, .18); } }

/* ---------- Dashboard: welcome card ---------- */
body.woocommerce-account.logged-in .bxrf-mx-hero {
  position: relative; isolation: isolate; overflow: hidden; margin: 0 0 14px; padding: 20px 18px 18px; border-radius: 24px; color: #fff;
  background:
    radial-gradient(130% 120% at 100% 0%, rgba(79, 143, 230, .6) 0%, rgba(79, 143, 230, 0) 55%),
    radial-gradient(90% 90% at 0% 100%, rgba(42, 106, 208, .38) 0%, rgba(42, 106, 208, 0) 60%),
    linear-gradient(155deg, #0a1f44 0%, #132c5c 55%, #1d4590 100%);
  box-shadow: 0 26px 46px -30px rgba(10, 31, 68, .9);
}
body.woocommerce-account.logged-in .bxrf-mx-hero-fx {
  position: absolute; z-index: -1; top: -30px; right: -50px; width: 280px; height: 230px; opacity: .14; pointer-events: none;
  background: var(--bxrf-mx-hex) 0 0 / 56px 64px;
  -webkit-mask: radial-gradient(closest-side, #000 30%, transparent); mask: radial-gradient(closest-side, #000 30%, transparent);
}
body.woocommerce-account.logged-in .bxrf-mx-hero::after {
  content: ""; position: absolute; z-index: -1; top: -90px; right: -70px; width: 240px; height: 240px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(126, 178, 255, .42) 0%, rgba(126, 178, 255, 0) 70%);
  animation: bxrf-mx-glow 10s ease-in-out infinite alternate;
}
@keyframes bxrf-mx-glow { to { transform: translate3d(-40px, 30px, 0) scale(1.15); } }
body.woocommerce-account.logged-in .bxrf-mx-hero-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.woocommerce-account.logged-in .bxrf-mx-av {
  display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 50%;
  font-size: 19px; font-weight: 700; letter-spacing: .02em; color: #fff;
  background: linear-gradient(140deg, #5d9af0 0%, #2a6ad0 55%, #1d4ea8 100%);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .16), 0 12px 24px -10px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .35);
}
body.woocommerce-account.logged-in .bxrf-mx-hero-t { min-width: 0; }
body.woocommerce-account.logged-in .bxrf-mx-eyebrow { margin: 0 0 3px; font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: #9cc0f5; }
body.woocommerce-account.logged-in .bxrf-mx-hero .bxa-title { margin: 0; color: #fff; font-size: 23px; line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; overflow-wrap: break-word; }
body.woocommerce-account.logged-in .bxrf-mx-hero .bxa-lead { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .78); text-wrap: pretty; }
/* Latest order: the first row of "Recent orders", one tap from the top */
body.woocommerce-account.logged-in a.bxrf-mx-latest {
  position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; margin-top: 16px; padding: 10px 12px 10px 10px; border-radius: 16px;
  color: #fff; text-decoration: none; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); -webkit-tap-highlight-color: transparent; transition: background-color .2s ease, transform .15s ease;
}
body.woocommerce-account.logged-in a.bxrf-mx-latest:active { transform: scale(.985); }
body.woocommerce-account.logged-in a.bxrf-mx-latest:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
body.woocommerce-account.logged-in .bxrf-mx-latest-ic { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 12px; background: rgba(255, 255, 255, .14); }
body.woocommerce-account.logged-in .bxrf-mx-latest-t { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
body.woocommerce-account.logged-in .bxrf-mx-latest-t small { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #9cc0f5; }
body.woocommerce-account.logged-in .bxrf-mx-latest-t b { font-size: 15px; font-weight: 700; line-height: 1.25; }
body.woocommerce-account.logged-in .bxrf-mx-latest-t span { overflow: hidden; font-size: 12.5px; line-height: 1.3; color: rgba(255, 255, 255, .72); white-space: nowrap; text-overflow: ellipsis; }
/* The chip sits top right, beside the small label, so the order number and date keep the full width */
body.woocommerce-account.logged-in .bxrf-mx-latest .bxrf-mx-chip { position: absolute; top: 9px; right: 10px; padding-top: 3px; padding-bottom: 3px; font-size: 11.5px; box-shadow: 0 4px 12px -6px rgba(0, 0, 0, .4); }
body.woocommerce-account.logged-in .bxrf-mx-latest-t small { padding-right: 96px; }
@media (hover: hover) and (pointer: fine) {
  body.woocommerce-account.logged-in a.bxrf-mx-latest:hover { background: rgba(255, 255, 255, .16); }
}

/* ---------- Dashboard: quick-link tiles ---------- */
/* Phones: six app-style tiles, three across; 600px+: icon beside the words, with a short line under each */
body.woocommerce-account.logged-in .bxrf-mx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 6px; }
body.woocommerce-account.logged-in a.bxrf-mx-tile {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 9px; min-width: 0; min-height: 96px;
  padding: 14px 6px 12px; border: 1px solid var(--bxrf-line); border-radius: 18px; background: #fff; box-shadow: var(--bxrf-mx-card);
  color: var(--bxrf-ink); text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent;
  transition: transform .2s var(--bxrf-ease), box-shadow .2s ease, border-color .2s ease;
}
body.woocommerce-account.logged-in .bxrf-mx-tile-ic {
  display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px;
  color: var(--bxrf-blue); background: var(--bxrf-mist); box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
}
body.woocommerce-account.logged-in a.bxrf-mx-tile.is-cta .bxrf-mx-tile-ic { color: #fff; background: linear-gradient(135deg, #3b7be0, #2a6ad0 60%, #2459b5); box-shadow: 0 8px 16px -9px rgba(42, 106, 208, .95); }
body.woocommerce-account.logged-in a.bxrf-mx-tile.is-coa .bxrf-mx-tile-ic { background: linear-gradient(140deg, #213b66, #0a1f44); box-shadow: 0 8px 16px -9px rgba(10, 31, 68, .9); }
body.woocommerce-account.logged-in .bxrf-mx-tile-t { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
body.woocommerce-account.logged-in .bxrf-mx-tile-t b { font-size: 13.5px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; text-wrap: balance; overflow-wrap: break-word; }
body.woocommerce-account.logged-in .bxrf-mx-tile-t small { display: none; }
body.woocommerce-account.logged-in .bxrf-mx-tile-go { display: none; }
body.woocommerce-account.logged-in a.bxrf-mx-tile:active { transform: scale(.96); }
body.woocommerce-account.logged-in a.bxrf-mx-tile:focus-visible { outline: 2px solid var(--bxrf-blue); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  body.woocommerce-account.logged-in a.bxrf-mx-tile:hover { transform: translateY(-2px); border-color: var(--bxrf-sky); box-shadow: 0 1px 2px rgba(11, 21, 48, .05), 0 22px 36px -24px rgba(26, 58, 120, .55); }
  body.woocommerce-account.logged-in a.bxrf-mx-tile:hover .bxrf-mx-tile-go { transform: translateX(3px); color: var(--bxrf-blue); }
}
@media (min-width: 600px) {
  body.woocommerce-account.logged-in .bxrf-mx-tiles { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
  body.woocommerce-account.logged-in a.bxrf-mx-tile { flex-direction: row; align-items: center; gap: 12px; min-height: 72px; padding: 13px 34px 13px 13px; text-align: left; }
  body.woocommerce-account.logged-in .bxrf-mx-tile-t b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.woocommerce-account.logged-in .bxrf-mx-tile-t small { display: block; margin-top: 2px; overflow: hidden; font-size: 12.5px; line-height: 1.3; color: var(--bxrf-muted); white-space: nowrap; text-overflow: ellipsis; }
  body.woocommerce-account.logged-in .bxrf-mx-tile-go { display: block; position: absolute; top: 50%; right: 13px; margin-top: -7px; color: #a3b1c6; transition: transform .2s var(--bxrf-ease), color .2s ease; }
  body.woocommerce-account.logged-in .bxrf-mx-tile-go svg { display: block; }
}
/* Inside the rewards dashboard, when it is installed */
body.woocommerce-account.logged-in .bcxr .bxrf-mx-tiles { margin: 16px 0 20px; }

/* ---------- Dashboard: recent orders as cards ---------- */
body.woocommerce-account.logged-in .bxa-section-head { align-items: center; gap: 12px; margin: 24px 0 12px; }
body.woocommerce-account.logged-in .bxa-section-head h2 { font-size: 18px; letter-spacing: -.01em; }
body.woocommerce-account.logged-in .bxa-section-head a {
  display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 36px; padding: 0 12px 0 14px; border-radius: 999px;
  font-size: 13.5px; font-weight: 700; background: var(--bxrf-mist); -webkit-tap-highlight-color: transparent;
}
body.woocommerce-account.logged-in .bxa-section-head a svg { transition: transform .2s var(--bxrf-ease); }
@media (hover: hover) and (pointer: fine) { body.woocommerce-account.logged-in .bxa-section-head a:hover svg { transform: translateX(3px); } }
body.woocommerce-account.logged-in .bxa-orders { display: grid; gap: 10px; overflow: visible; border: 0; border-radius: 0; background: none; }
body.woocommerce-account.logged-in .bxa-orders li + li { border-top: 0; }
body.woocommerce-account.logged-in .bxa-orders a {
  position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "ic main st" "ic main tot";
  align-items: center; gap: 4px 12px; padding: 14px; border: 1px solid var(--bxrf-line); border-radius: 18px; background: #fff;
  box-shadow: var(--bxrf-mx-card); -webkit-tap-highlight-color: transparent; transition: transform .2s var(--bxrf-ease), box-shadow .2s ease, border-color .2s ease;
}
body.woocommerce-account.logged-in .bxa-orders a::before {
  content: ""; grid-area: ic; width: 44px; height: 44px; border-radius: 13px;
  background: var(--bxrf-mist) var(--bxrf-mx-box) 50% 50% / 22px 22px no-repeat; box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
}
body.woocommerce-account.logged-in .bxa-o-main { grid-area: main; min-width: 0; }
body.woocommerce-account.logged-in .bxa-o-main strong { font-size: 15.5px; letter-spacing: -.01em; }
body.woocommerce-account.logged-in .bxa-o-main small { font-size: 13px; }
body.woocommerce-account.logged-in .bxa-orders .bxa-status { grid-area: st; justify-self: end; }
body.woocommerce-account.logged-in .bxa-o-total { grid-area: tot; justify-self: end; font-size: 15px; font-variant-numeric: tabular-nums; }
body.woocommerce-account.logged-in .bxa-orders a:hover { background: #fff; }
body.woocommerce-account.logged-in .bxa-orders a:active { transform: scale(.985); }
body.woocommerce-account.logged-in .bxa-orders a:focus-visible { outline: 2px solid var(--bxrf-blue); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  body.woocommerce-account.logged-in .bxa-orders a:hover { transform: translateY(-2px); border-color: var(--bxrf-sky); box-shadow: 0 1px 2px rgba(11, 21, 48, .05), 0 22px 36px -24px rgba(26, 58, 120, .55); }
}

/* 600px+: one row per order, with a chevron */
@media (min-width: 600px) {
  body.woocommerce-account.logged-in .bxa-orders a { grid-template-columns: 44px minmax(0, 1fr) auto auto 16px; grid-template-areas: "ic main st tot chev"; gap: 0 16px; padding: 14px 18px 14px 14px; }
  body.woocommerce-account.logged-in .bxa-orders a::after {
    content: ""; grid-area: chev; width: 16px; height: 16px; background: #a3b1c6;
    -webkit-mask: var(--bxrf-mx-chev) center / contain no-repeat; mask: var(--bxrf-mx-chev) center / contain no-repeat;
    transition: transform .2s var(--bxrf-ease), background-color .2s ease;
  }
  body.woocommerce-account.logged-in .bxa-orders a:hover::after { transform: translateX(3px); background: var(--bxrf-blue); }
  body.woocommerce-account.logged-in .bxa-o-total { min-width: 6.5em; text-align: right; }
}

/* ---------- Empty states ---------- */
body.woocommerce-account.logged-in .bxa-empty {
  padding: 36px 20px 32px; border: 1px dashed #c9d8ef; border-radius: 22px; box-shadow: none;
  background: radial-gradient(120% 80% at 50% 0%, #eef4fe 0%, #fff 70%);
}
body.woocommerce-account.logged-in .bxa-empty > svg {
  box-sizing: content-box; width: 28px; height: 28px; margin-bottom: 16px; padding: 18px; border-radius: 50%; color: #fff; background: var(--bxrf-mx-grad);
  box-shadow: 0 0 0 8px rgba(42, 106, 208, .08), 0 14px 26px -12px rgba(42, 106, 208, .85);
}
body.woocommerce-account.logged-in .bxa-empty h3 { font-size: 18px; letter-spacing: -.01em; }
body.woocommerce-account.logged-in .bxa-empty p { margin-bottom: 18px; font-size: 14.5px; line-height: 1.5; }
/* WooCommerce's "No order has been made yet." on the Orders page: the same card */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info {
  display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 0; padding: 32px 20px 28px; border: 1px dashed #c9d8ef; border-radius: 22px;
  font-size: 15px; font-weight: 600; line-height: 1.5; text-align: center; color: var(--bxrf-ink); background: radial-gradient(120% 80% at 50% 0%, #eef4fe 0%, #fff 70%);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info::before {
  content: ""; position: static; display: block; width: 64px; height: 64px; margin: 0; border-radius: 50%;
  -webkit-mask: none; mask: none; /* the site draws this notice's "i" icon with a mask */
  background: var(--bxrf-mx-bag) 50% 50% / 28px 28px no-repeat, var(--bxrf-mx-grad);
  box-shadow: 0 0 0 8px rgba(42, 106, 208, .08), 0 14px 26px -12px rgba(42, 106, 208, .85);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info .button { float: none; margin: 0; }

/* ---------- Orders page: chips in the table; cards on phones (below) ---------- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.bxrf-mx-otable { border-color: var(--bxrf-line); border-radius: 20px; box-shadow: var(--bxrf-mx-card); }
body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-number a { font-weight: 700; color: var(--bxrf-navy-2); text-decoration: none; }
body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-total .amount { font-weight: 700; color: var(--bxrf-ink); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-pagination { display: flex; gap: 10px; margin-top: 16px; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-pagination .button { float: none; min-height: 44px; }

/* ---------- Addresses: cards with an icon, the edit link as a pill ---------- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses { gap: 14px; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address {
  display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; align-content: start; gap: 0 14px; padding: 18px 18px 16px;
  border: 1px solid var(--bxrf-line); border-radius: 20px; background: #fff; box-shadow: var(--bxrf-mx-card);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address::before {
  content: ""; grid-row: 1 / span 3; order: -1; width: 42px; height: 42px; border-radius: 13px;
  background: var(--bxrf-mist) var(--bxrf-mx-bill) 50% 50% / 21px 21px no-repeat; box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address:nth-child(2)::before { background-image: var(--bxrf-mx-ship); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title { display: contents; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h3 { grid-column: 2; margin: 0 0 6px; padding-top: 9px; font-size: 16.5px; line-height: 1.25; letter-spacing: -.01em; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address address { grid-column: 2; order: 1; margin: 0; font-size: 14.5px; line-height: 1.6; color: #334155; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title a {
  grid-column: 2; order: 2; justify-self: start; display: inline-flex; align-items: center; min-height: 40px; margin-top: 12px; padding: 0 16px;
  border-radius: 999px; font-size: 14px; font-weight: 700; text-decoration: none; background: var(--bxrf-mist); -webkit-tap-highlight-color: transparent;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address.is-empty { border-style: dashed; border-color: #c9d8ef; background: #fbfdff; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address.is-empty address { color: var(--bxrf-muted); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address.is-empty .woocommerce-Address-title a { color: #fff; background: var(--bxrf-mx-grad); box-shadow: 0 8px 18px -12px rgba(42, 106, 208, .9); }

/* ---------- Account details ---------- */
/* WooCommerce's own ".woocommerce form .form-row .input-text" (dark, square border) outranks
   the theme's account field style; put the theme's soft rounded field back. */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row .input-text,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row select,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row textarea {
  border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; color: var(--bxrf-ink); line-height: 1.3;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row .input-text:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row select:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row textarea:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content select:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea:focus { outline: none; border-color: var(--bxrf-blue); box-shadow: 0 0 0 3px rgba(42, 106, 208, .16); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form:has(> .woocommerce-address-fields) {
  padding: 18px 16px 16px; border: 1px solid var(--bxrf-line); border-radius: 22px; background: #fff; box-shadow: var(--bxrf-mx-card);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm > p:last-child,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child { margin-bottom: 0; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset { margin: 22px 0 18px; padding: 14px 14px 2px; border: 1px solid #e1e9f6; border-radius: 18px; background: #f7faff; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset legend { display: flex; align-items: center; gap: 8px; padding: 0 8px; font-size: 15px; font-weight: 700; color: var(--bxrf-ink); }
.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset legend::before {
  content: ""; flex: none; width: 16px; height: 16px; background: var(--bxrf-blue);
  -webkit-mask: var(--bxrf-mx-lock) center / contain no-repeat; mask: var(--bxrf-mx-lock) center / contain no-repeat;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row label { line-height: 1.4; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content #account_display_name_description { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.45; color: var(--bxrf-muted); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content #account_display_name_description em { font-style: normal; }

/* ---------- Wishlist cards ---------- */
body.woocommerce-account.logged-in .bxa-wish { gap: 14px; }
body.woocommerce-account.logged-in .bxa-wish li { border-color: var(--bxrf-line); border-radius: 20px; box-shadow: var(--bxrf-mx-card); }
body.woocommerce-account.logged-in .bxa-wish-img { background: radial-gradient(circle at 50% 42%, #fff 0%, #eaf1fc 72%); }
body.woocommerce-account.logged-in .bxa-wish-img img { transition: transform .35s var(--bxrf-ease); }
body.woocommerce-account.logged-in .bxa-wish-name { color: var(--bxrf-ink); }
body.woocommerce-account.logged-in .bxa-wish-remove { min-height: 40px; color: var(--bxrf-muted); }
@media (hover: hover) and (pointer: fine) {
  body.woocommerce-account.logged-in .bxa-wish li:hover .bxa-wish-img img { transform: translateY(-4px) scale(1.03); }
}

/* ---------- Success and error notices after saving ---------- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message { border-radius: 16px; color: #14532d; background: var(--bxrf-ok-bg); }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error { border-radius: 16px; }

/* ---------- Entrance: each section fades up in turn (account.js, also after a swap) ---------- */
@keyframes bxrf-mx-up { from { opacity: 0; transform: translate3d(0, 14px, 0); } }
@keyframes bxrf-mx-pop { from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.94); } }
body.woocommerce-account.logged-in .bxrf-mx-enter > * { animation: bxrf-mx-up .6s var(--bxrf-ease) both; animation-delay: calc(var(--bxrf-mx-i, 0) * 70ms); }
body.woocommerce-account.logged-in .bxrf-mx-enter .bxrf-mx-tile { animation: bxrf-mx-pop .55s var(--bxrf-ease) both; animation-delay: calc(160ms + var(--bxrf-mx-j, 0) * 45ms); }
body.woocommerce-account.logged-in .bxrf-mx-enter .bxrf-mx-latest { animation: bxrf-mx-up .6s var(--bxrf-ease) both; animation-delay: 260ms; }
body.woocommerce-account.logged-in .bxrf-mx-enter :is(.bxa-orders > li, .bxrf-mx-otable tbody > tr, .bxa-wish > li, .woocommerce-Address) { animation: bxrf-mx-up .55s var(--bxrf-ease) both; animation-delay: 200ms; }
body.woocommerce-account.logged-in .bxrf-mx-enter :is(.bxa-orders > li, .bxrf-mx-otable tbody > tr, .bxa-wish > li, .woocommerce-Address):nth-child(2) { animation-delay: 260ms; }
body.woocommerce-account.logged-in .bxrf-mx-enter :is(.bxa-orders > li, .bxrf-mx-otable tbody > tr, .bxa-wish > li, .woocommerce-Address):nth-child(3) { animation-delay: 320ms; }
body.woocommerce-account.logged-in .bxrf-mx-enter :is(.bxa-orders > li, .bxrf-mx-otable tbody > tr, .bxa-wish > li, .woocommerce-Address):nth-child(n+4) { animation-delay: 380ms; }

/* ---------- Desktop: the sidebar card ---------- */
@media (min-width: 861px) {
  body.woocommerce-account.logged-in .bx-page .woocommerce { align-items: flex-start; }
  body.woocommerce-account.logged-in .bx-page .woocommerce > .woocommerce-MyAccount-navigation {
    position: sticky; top: calc(var(--bxrf-acct-head, 0px) + 20px);
    padding: 10px; border: 1px solid var(--bxrf-line); border-radius: 24px; background: #fff; box-shadow: var(--bxrf-mx-card);
  }
  body.woocommerce-account.logged-in .bxa-nav::before {
    content: "My account"; display: block; padding: 8px 12px 10px; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--bxrf-muted);
  }
  body.woocommerce-account.logged-in .bxa-nav ul { gap: 3px; }
  body.woocommerce-account.logged-in .bxa-nav a { gap: 12px; padding: 7px 14px 7px 7px; border: 0; border-radius: 16px; font-size: 15px; font-weight: 600; }
  body.woocommerce-account.logged-in .bxa-nav a svg { box-sizing: content-box; width: 20px; height: 20px; padding: 9px; border-radius: 12px; background: var(--bxrf-mist); }
  body.woocommerce-account.logged-in .bxa-nav .bxa-avatar { width: 38px; height: 38px; font-size: 12.5px; }
  body.woocommerce-account.logged-in .bxa-nav a::after {
    content: ""; flex: none; width: 16px; height: 16px; margin-left: auto; background: currentColor; opacity: 0; transform: translateX(-4px);
    -webkit-mask: var(--bxrf-mx-chev) center / contain no-repeat; mask: var(--bxrf-mx-chev) center / contain no-repeat;
    transition: opacity .2s ease, transform .2s var(--bxrf-ease);
  }
  body.woocommerce-account.logged-in .bxa-nav a:hover::after { opacity: .45; transform: none; }
  body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"]::after { opacity: .9; transform: none; }
  body.woocommerce-account.logged-in .bxa-nav a[aria-current="page"] svg { background: rgba(255, 255, 255, .18); }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--bxrf-line); }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--bxrf-muted); }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a svg { color: var(--bxrf-muted); background: #f1f4f8; }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: #b42318; background: #fdf3f2; }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover svg { color: #b42318; background: #fde4e1; }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-content { scroll-margin-top: calc(var(--bxrf-acct-head, 0px) + 20px); }
  body.woocommerce-account.logged-in .bxrf-mx-hero { margin-bottom: 16px; padding: 28px 28px 26px; border-radius: 28px; }
  body.woocommerce-account.logged-in .bxrf-mx-hero-head { gap: 18px; }
  body.woocommerce-account.logged-in .bxrf-mx-hero > .bxa-lead { max-width: 34em; }
  body.woocommerce-account.logged-in .bxrf-mx-av { width: 64px; height: 64px; font-size: 21px; }
  body.woocommerce-account.logged-in .bxrf-mx-hero .bxa-title { font-size: 28px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content form:has(> .woocommerce-address-fields) { padding: 26px 26px 24px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody tr { transition: background-color .15s ease; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody tr:hover { background: #f8fbff; }
}

/* Wide desktop: the latest order moves beside the greeting */
@media (min-width: 1200px) {
  body.woocommerce-account.logged-in .bxrf-mx-hero {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 310px); grid-template-areas: "head latest" "lead latest"; align-items: center; column-gap: 28px;
  }
  body.woocommerce-account.logged-in .bxrf-mx-hero-head { grid-area: head; }
  body.woocommerce-account.logged-in .bxrf-mx-hero > .bxa-lead { grid-area: lead; margin-top: 14px; }
  body.woocommerce-account.logged-in .bxrf-mx-hero > a.bxrf-mx-latest { grid-area: latest; margin: 0; padding: 14px; }
}

/* ---------- Phones and small tablets ---------- */
@media (max-width: 860px) {
  body.woocommerce-account.logged-in .bx-page { padding-top: 10px; }
  body.woocommerce-account.logged-in .bx-page .woocommerce { flex-wrap: wrap; gap: 0; }
  body.woocommerce-account.logged-in .bx-page .woocommerce > .woocommerce-MyAccount-content { flex: 1 1 100%; scroll-margin-top: calc(var(--bxrf-acct-head, 0px) + 70px); }

  /* Tabs: a track that bleeds to the screen edges so it can swipe, lines up with the page
     gutter, and stays under the header while the section scrolls */
  body.woocommerce-account.logged-in .bx-page .woocommerce > .woocommerce-MyAccount-navigation {
    position: sticky; top: var(--bxrf-acct-head, 0px); z-index: 20;
    flex: 1 1 100%; min-width: 0; margin: 0 -16px 16px; padding: 8px 16px;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: 16px; scrollbar-width: none;
    background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5);
    box-shadow: 0 1px 0 rgba(11, 21, 48, .06);
  }
  body.woocommerce-account.logged-in .bx-page .woocommerce > .woocommerce-MyAccount-navigation::-webkit-scrollbar { display: none; }
  body.woocommerce-account.logged-in .bxa-nav ul {
    flex-direction: row; gap: 2px; width: max-content; padding: 4px; border-radius: 999px;
    background: #eaf0f9; box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .08);
  }
  body.woocommerce-account.logged-in .bxa-nav a {
    width: auto; height: 40px; gap: 7px; padding: 0 15px 0 12px; border: 0; border-radius: 999px;
    background: transparent; font-size: 14px; font-weight: 600; white-space: nowrap; box-shadow: none;
  }
  body.woocommerce-account.logged-in .bxa-nav a:hover { background: transparent; }
  body.woocommerce-account.logged-in .bxa-nav a > span:not(.bxa-avatar) { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  body.woocommerce-account.logged-in .bxa-nav a svg { width: 18px; height: 18px; }
  body.woocommerce-account.logged-in .bxa-nav .bxa-avatar { width: 26px; height: 26px; margin-left: -6px; font-size: 10.5px; }
  body.woocommerce-account.logged-in .bxrf-mx-ink { border-radius: 999px; }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--bxrf-muted); }
  body.woocommerce-account.logged-in .bxa-nav .woocommerce-MyAccount-navigation-link--customer-logout a svg { color: var(--bxrf-muted); }

  /* The menu says where you are; the breadcrumb repeats it */
  body.woocommerce-account.logged-in .bxa-crumbs { display: none; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .bxa-title { font-size: 24px; letter-spacing: -.02em; }
  body.woocommerce-account.logged-in .bxa-lead { margin-bottom: 18px; }

  /* Orders page: each row is a card (the whole card opens the order; its buttons stay on top) */
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.bxrf-mx-otable { display: block; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  body.woocommerce-account.logged-in .bxrf-mx-otable thead { display: none; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody { display: grid; gap: 12px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr {
    position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-areas: "ic num num" "ic date date" "ic tot act"; align-items: center; gap: 2px 12px;
    margin: 0; padding: 14px; border: 1px solid var(--bxrf-line); border-radius: 18px; background: #fff; box-shadow: var(--bxrf-mx-card); overflow: visible;
  }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr.bxrf-mx-multi { grid-template-areas: "ic num num" "ic date date" "ic tot tot" "ic act act"; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr::before {
    content: ""; grid-area: ic; align-self: start; width: 44px; height: 44px; border-radius: 13px;
    background: var(--bxrf-mist) var(--bxrf-mx-box) 50% 50% / 22px 22px no-repeat; box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .1);
  }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr > :is(th, td) {
    display: block; min-width: 0; padding: 0; border: 0; background: transparent !important; text-align: left !important; font-size: 14px;
  }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr > :is(th, td)::before { content: none !important; display: none !important; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr > :not([class*="cell-order-"]) { grid-column: 2 / -1; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-number { grid-area: num; padding-right: 112px; font-size: 16px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-number a { color: var(--bxrf-ink); }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-number a::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 18px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-date { grid-area: date; font-size: 13px; color: var(--bxrf-muted); }
  /* The chip sits in the top corner, so the total and the View button share the bottom row */
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-status { position: absolute; top: 15px; right: 14px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-total { grid-area: tot; align-self: center; margin-top: 8px; font-size: 13px; color: var(--bxrf-muted); }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-total .amount { font-size: 15px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-actions { grid-area: act; position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 8px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tr.bxrf-mx-multi .woocommerce-orders-table__cell-order-actions { justify-content: flex-start; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-actions .button { display: inline-flex; align-items: center; min-height: 38px; margin: 0; padding: 0 16px; font-size: 13.5px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr:active { transform: scale(.99); }

  /* Wishlist: two cards across, so saved products fit on one screen */
  body.woocommerce-account.logged-in .bxa-wish { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.woocommerce-account.logged-in .bxa-wish-img { height: 150px; }
  body.woocommerce-account.logged-in .bxa-wish-img img { max-height: 132px; }
  body.woocommerce-account.logged-in .bxa-wish-body { gap: 2px; padding: 12px; }
  body.woocommerce-account.logged-in .bxa-wish-name { font-size: 14.5px; line-height: 1.3; }
  body.woocommerce-account.logged-in .bxa-wish-body p { font-size: 12.5px; }
  body.woocommerce-account.logged-in .bxa-wish-actions { flex-direction: column; align-items: stretch; gap: 2px; margin-top: 10px; }
  body.woocommerce-account.logged-in .bxa-wish-actions .bxa-btn { min-height: 40px; padding: 8px 10px; font-size: 13.5px; }
  body.woocommerce-account.logged-in .bxa-wish-remove { align-self: center; font-size: 13px; }

  /* 16px text: an iPhone doesn't zoom in on tap */
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content select,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea { height: 50px; font-size: 16px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea { height: auto; min-height: 110px; padding-top: 12px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button[type="submit"] { width: 100%; min-height: 50px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
  /* The chat bubble would sit on the field being filled in (account.js sets the class) */
  html.bxrf-acct-typing body.woocommerce-account.logged-in #bcx-agent:not(.bcx-open) { opacity: 0; pointer-events: none; transform: scale(.85); }
}
/* Phones: recent orders show the number and total on top, then the date, then the status
   chip, so the date never wraps beside a wide chip */
@media (max-width: 599.98px) {
  body.woocommerce-account.logged-in .bxa-orders a { grid-template-areas: "ic num tot" "ic date date" "ic st st"; row-gap: 2px; }
  body.woocommerce-account.logged-in .bxa-orders a::before { align-self: start; }
  body.woocommerce-account.logged-in .bxa-o-main { display: contents; }
  body.woocommerce-account.logged-in .bxa-o-main strong { grid-area: num; min-width: 0; }
  body.woocommerce-account.logged-in .bxa-o-main small { grid-area: date; min-width: 0; }
  body.woocommerce-account.logged-in .bxa-orders .bxa-status { justify-self: start; margin-top: 7px; }
}
@media (max-width: 359.98px) {
  /* Very narrow phones: the latest order's chip drops under the date instead of crowding the label */
  body.woocommerce-account.logged-in a.bxrf-mx-latest { flex-wrap: wrap; row-gap: 8px; }
  body.woocommerce-account.logged-in .bxrf-mx-latest .bxrf-mx-chip { position: static; margin-left: 50px; }
  body.woocommerce-account.logged-in .bxrf-mx-latest-t small { padding-right: 0; }
  /* Orders page: a wide chip ("Pending payment") would cover the order number; it goes under the date */
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr { grid-template-areas: "ic num num" "ic date date" "ic st st" "ic tot act"; }
  body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr.bxrf-mx-multi { grid-template-areas: "ic num num" "ic date date" "ic st st" "ic tot tot" "ic act act"; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-status { position: static; grid-area: st; justify-self: start; margin-top: 6px; }
  body.woocommerce-account.logged-in .bxrf-mx-otable .woocommerce-orders-table__cell-order-number { padding-right: 0; }
  body.woocommerce-account.logged-in .bxrf-mx-tiles { gap: 8px; }
  body.woocommerce-account.logged-in .bxrf-mx-tile-t b { font-size: 12.5px; }
  body.woocommerce-account.logged-in .bxa-wish { grid-template-columns: minmax(0, 1fr); }
}

/* ===================== Reduced motion ===================== */
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-account.logged-in .bxa-btn,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button { transition: none; }
  body.woocommerce-account.logged-in .bxa-btn:active,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:active { transform: none; }
  body.woocommerce-account.logged-in .bxrf-mx-enter > *,
  body.woocommerce-account.logged-in .bxrf-mx-enter *,
  body.woocommerce-account.logged-in .bxrf-mx-hero::after,
  body.woocommerce-account.logged-in .bxa-status::before,
  body.woocommerce-account.logged-in .bxrf-mx-chip::before { animation: none !important; }
  body.woocommerce-account.logged-in .bxrf-mx-ink.is-moving,
  body.woocommerce-account.logged-in .bxa-nav a, body.woocommerce-account.logged-in .bxa-nav a::after,
  body.woocommerce-account.logged-in a.bxrf-mx-tile, body.woocommerce-account.logged-in a.bxrf-mx-latest,
  body.woocommerce-account.logged-in .bxa-orders a, body.woocommerce-account.logged-in .bxa-wish-img img { transition: none; }
  body.woocommerce-account.logged-in a.bxrf-mx-tile:hover, body.woocommerce-account.logged-in a.bxrf-mx-tile:active,
  body.woocommerce-account.logged-in .bxa-orders a:hover, body.woocommerce-account.logged-in .bxa-orders a:active,
  body.woocommerce-account.logged-in a.bxrf-mx-latest:active, body.woocommerce-account.logged-in .bxrf-mx-otable tbody > tr:active,
  body.woocommerce-account.logged-in .bxa-wish li:hover .bxa-wish-img img { transform: none; }
  .woocommerce-account:not(.logged-in) .bxrf-acct-seg::before,
  .woocommerce-account:not(.logged-in) .bx-login a.bxrf-acct-tab,
  .woocommerce-account:not(.logged-in) .bx-login .bx-eye { transition: none; }
  .woocommerce-account:not(.logged-in) .bxrf-acct-art > img { animation: none; }
  .woocommerce-account:not(.logged-in) .bx-login button.bx-submit:active,
  .woocommerce-lost-password:not(.logged-in) .woocommerce-ResetPassword button[type=submit]:active { transform: none !important; }
}