/* Metalora authentication and My Account presentation. */

/* Shared authentication controls. */
.metalora-auth-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.login-brandline,
.register-brandline {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 24px;
  color: #a47b36;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}
.login-brandline i,
.register-brandline i { display: block; width: 28px; height: 1px; background: var(--yellow); }
.login-field,
.account-field { margin: 0 0 18px; }
.login-field label,
.account-field label {
  display: block;
  margin: 0 0 8px;
  color: #526174;
  font-size: 12px;
  font-weight: 700;
}
.login-field input[type="text"],
.login-field input[type="password"],
.account-field input {
  width: 100%;
  min-height: 50px;
  padding: 0 15px;
  border: 1px solid #d8dee7;
  border-radius: 4px;
  background: #fff;
  color: #071a34;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.login-field input:focus,
.account-field input:focus { border-color: #d5a62a; box-shadow: 0 0 0 3px rgba(213,166,42,.13); }
.account-field small { display: block; margin-top: 7px; color: #7b8490; font-size: 10px; }
.login-password-wrap,
.metalora-password-field { position: relative; display: block; }
.login-password-wrap input,
.metalora-password-field input { padding-right: 52px !important; }
.login-password-toggle,
.metalora-password-toggle {
  position: absolute;
  top: 50%;
  right: 5px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  transform: translateY(-50%);
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8b96a3;
}
.login-password-toggle:hover,
.login-password-toggle:focus-visible,
.metalora-password-toggle:hover,
.metalora-password-toggle:focus-visible { background: #f2f4f6; color: var(--navy); }
.login-password-toggle svg,
.metalora-password-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 4px 0 24px; }
.login-options > a { color: var(--navy); font-size: 12px; font-weight: 700; border-bottom: 1px solid var(--yellow); }
.login-remember { display: inline-flex; align-items: center; gap: 8px; color: #526174; font-size: 12px; }
.login-remember input,
.account-check input,
.metalora-reference-form input[type="checkbox"] { accent-color: var(--yellow); }
.login-button,
.account-button {
  display: flex;
  width: 100%;
  min-height: 50px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--yellow);
  border-radius: 0;
  background: var(--yellow);
  color: var(--navy);
  box-shadow: inset -4px 0 0 var(--navy);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .18s ease, transform .18s ease;
}
.login-button:hover,
.account-button:hover { background: var(--yellow-hover); color: var(--navy); }
.login-button:active,
.account-button:active { transform: translateY(1px); }
.login-button:disabled { cursor: not-allowed; opacity: .55; }
.login-button.is-loading { cursor: wait; opacity: .76; }
.login-button--secondary { border-color: var(--navy); background: transparent; box-shadow: none; }
.login-button--secondary:hover { background: #f6f8f9; }
.login-divider { display: flex; align-items: center; gap: 13px; margin: 25px 0; color: #929ba5; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.login-divider::before,
.login-divider::after { content: ""; flex: 1; height: 1px; background: #e1e5e9; }
.login-notice,
.account-notice,
.metalora-auth-page .woocommerce-error,
.metalora-auth-page .woocommerce-message,
.metalora-auth-page .woocommerce-info {
  margin: 0 0 18px;
  padding: 13px 15px;
  border: 1px solid #dfe3e7;
  border-top: 3px solid var(--yellow);
  background: #fff;
  color: #526174;
  font-size: 12px;
  line-height: 1.55;
  list-style: none;
}
.metalora-auth-page .woocommerce-error { border-top-color: #a94747; background: #fff8f8; color: #7c3434; }
.login-notice--error,
.account-notice--error { border-color: #e2b8b8; background: #fff7f7; color: #8b3434; }
.login-notice--success,
.account-notice--success { border-color: #c9dccd; background: #f5fbf6; color: #35663f; }

/* Standalone login and registration pages. */
.login-page--standalone,
.register-page--standalone,
.login-page--modal,
.register-page--modal {
  display: grid;
  grid-template-columns: minmax(360px, 42%) minmax(0, 58%);
  width: 100%;
  min-height: 700px;
  padding: 0;
  background: #fff;
}
.login-panel,
.register-panel { display: flex; min-width: 0; align-items: center; justify-content: center; background: #fff; }
.login-panel__inner,
.register-panel__inner { width: 100%; max-width: 500px; padding: 50px 48px; }
.login-panel h1,
.register-panel h1 { margin: 0 0 28px; color: #182c42; font-size: clamp(28px,3vw,38px); line-height: 1.15; }
.register-panel h1 { margin-bottom: 10px; }
.register-intro { margin: 0 0 22px; color: #68727f; font-size: 12px; line-height: 1.6; }
.account-form { margin: 0; }
.account-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.account-check { display: flex; align-items: flex-start; gap: 9px; margin: 3px 0 22px; color: #68727f; font-size: 11px; line-height: 1.55; }
.account-check input { flex: 0 0 auto; margin-top: 3px; }
.account-check a,
.register-login a { color: var(--navy); font-weight: 700; border-bottom: 1px solid var(--yellow); }
.register-login { margin: 21px 0 0; color: #68727f; font-size: 12px; text-align: center; }
.register-panel__back { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; color: #68727f; font-size: 12px; font-weight: 600; }
.register-panel__back:hover { color: var(--navy); }
.login-benefits,
.register-benefits {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  background: linear-gradient(135deg,rgba(6,23,46,.98),rgba(13,43,75,.94)), #0d2b4b;
}
.login-benefits__overlay,
.register-benefits__overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 76% 22%,rgba(255,204,1,.2),transparent 34%), url('../images/products/hero-metals.svg') center bottom/72% auto no-repeat;
  opacity: .65;
}
.login-benefits__content,
.register-benefits__content { position: relative; z-index: 1; max-width: 650px; padding: 88px 75px; color: #fff; }
.login-benefits h2,
.register-benefits h2 { margin: 0 0 28px; color: #fff; font-size: clamp(28px,3vw,38px); line-height: 1.18; }
.login-benefits ul { margin: 0; padding: 0; list-style: none; }
.login-benefits li { position: relative; margin: 0 0 18px; padding-left: 24px; color: rgba(255,255,255,.92); font-size: 15px; line-height: 1.5; }
.login-benefits li::before { position: absolute; top: .55em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--yellow); content: ""; }
.register-benefits h2 { margin: 25px 0 8px; font-size: 26px; }
.register-benefits h2:first-of-type { margin-top: 0; }
.register-benefits p { margin: 0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.65; }
.account-page--status { min-height: 620px; padding: 72px 0 90px; background: #f7f8f9; }
.account-page__inner { display: flex; justify-content: center; }
.account-card { width: min(100%,620px); padding: 48px; border: 1px solid #e2e6e9; background: #fff; box-shadow: 0 18px 55px rgba(20,28,36,.08); text-align: center; }
.account-card__eyebrow { margin-bottom: 10px; color: #a47b36; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.account-card h1 { margin: 0 0 13px; color: var(--navy); font-size: 36px; }
.account-card p { margin: 0 0 28px; color: #697078; line-height: 1.7; }

/* Modal shell. */
.metalora-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  padding: 24px;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
.metalora-auth-modal.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
.metalora-auth-modal__backdrop { position: absolute; inset: 0; background: rgba(3,14,29,.68); backdrop-filter: blur(7px); }
.metalora-auth-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(1180px,96vw);
  height: min(760px,92vh);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 35px 100px rgba(0,0,0,.36);
  transform: translateY(18px) scale(.985);
  transition: transform .22s ease;
}
.metalora-auth-modal.is-open .metalora-auth-modal__dialog { transform: none; }
.metalora-auth-modal__frame { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.metalora-auth-modal__close { position: absolute; z-index: 3; top: 12px; right: 12px; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(7,26,52,.12); border-radius: 50%; background: rgba(255,255,255,.94); color: #071a34; box-shadow: 0 6px 20px rgba(0,0,0,.12); font-size: 27px; line-height: 1; }
.metalora-auth-modal__close:hover { background: var(--yellow); }
body.metalora-auth-modal-open { overflow: hidden; }
body.metalora-auth-frame { min-width: 0; min-height: 100%; margin: 0; overflow-x: hidden; background: #fff; }
body.metalora-auth-frame #wpadminbar { display: none; }
body.metalora-auth-frame .login-page--modal,
body.metalora-auth-frame .register-page--modal { min-height: 100vh; }

/* WooCommerce's logged-out My Account login. */
body.woocommerce-account:not(.logged-in) .content-shell { padding: 36px 0 70px; background: #f7f8f9; }
body.woocommerce-account:not(.logged-in) .content-shell__inner { width: min(calc(100% - 32px),1280px); }
body.woocommerce-account:not(.logged-in) article.entry { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.woocommerce-account:not(.logged-in) article.entry > .entry-header { display: none; }
body.woocommerce-account:not(.logged-in) .entry-content { font-size: inherit; line-height: inherit; }
.woocommerce-login-reference { width: 100%; }
.woocommerce-login-reference .login-shell { display: grid; grid-template-columns: minmax(360px,42%) minmax(0,58%); min-height: 700px; overflow: hidden; background: #fff; box-shadow: 0 20px 60px rgba(4,16,35,.12); }
.woocommerce-login-reference .login-panel__inner { max-width: 520px; }
.woocommerce-login-reference .login-benefits { min-height: 700px; }

/* Full-width My Account workspace. */
body.woocommerce-account.logged-in { overflow-x: hidden; }
body.woocommerce-account.logged-in .content-shell,
body.woocommerce-account.logged-in .content-shell__inner,
body.woocommerce-account.logged-in article.entry,
body.woocommerce-account.logged-in article.entry .entry-content { width: 100% !important; max-width: none !important; min-width: 0 !important; }
body.woocommerce-account.logged-in .content-shell { min-height: 100vh; padding: 0 !important; overflow: visible; background: linear-gradient(180deg,#f8f9fa 0,#fff 70%); }
body.woocommerce-account.logged-in .content-shell__inner { margin: 0 !important; }
body.woocommerce-account.logged-in article.entry { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.woocommerce-account.logged-in article.entry > .entry-header { width: min(calc(100% - 64px),1520px); margin: 0 auto; padding: 34px 0 14px; }
body.woocommerce-account.logged-in article.entry > .entry-header .entry-title { font-size: clamp(27px,3vw,40px); }
body.woocommerce-account.logged-in article.entry > .entry-content { margin: 0 !important; padding: 0 32px 72px !important; color: inherit; font-size: inherit; line-height: inherit; }
body.woocommerce-account.logged-in article.entry .entry-content > .woocommerce {
  display: grid;
  grid-template-columns: 292px minmax(0,1fr);
  column-gap: 42px;
  align-items: start;
  width: 100%;
  max-width: 1520px;
  min-width: 0;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1b2430;
}
body.woocommerce-account.logged-in .woocommerce::before,
body.woocommerce-account.logged-in .woocommerce::after,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation::before,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation::after,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content::before,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content::after { display: none !important; content: none !important; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { width: 292px !important; max-width: 292px; min-width: 0; margin: 0 !important; padding: 0; float: none !important; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content { width: auto !important; max-width: none; min-width: 0; margin: 0 !important; padding: 0; float: none !important; }

/* Account navigation. */
.woocommerce-account .metalora-account-nav { overflow: hidden; border: 1px solid #e7eaed; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(35,47,62,.08); }
.woocommerce-account .metalora-account-nav__title { padding: 22px 22px 18px; background: linear-gradient(135deg,rgba(35,47,62,.04),rgba(255,204,1,.09)); color: var(--navy); font-size: 18px; font-weight: 700; }
.woocommerce-account .metalora-account-nav__title span,
.woocommerce-account .metalora-account-nav__title small { display: block; }
.woocommerce-account .metalora-account-nav__title small { margin-top: 5px; color: #78818c; font-size: 10px; font-weight: 500; }
.woocommerce-account .metalora-account-nav__links { display: block; margin: 0; padding: 10px; list-style: none; }
.woocommerce-account .metalora-account-nav__links > li { margin: 0; padding: 0; }
.woocommerce-account .metalora-account-nav__item { display: flex; min-height: 46px; margin: 2px 0; padding: 0 14px; align-items: center; gap: 11px; border-radius: 10px; color: #5d6773; font-size: 12px; font-weight: 600; transition: background .18s ease,color .18s ease; }
.woocommerce-account .metalora-account-nav__item:hover { background: #f6f8f9; color: var(--navy); }
.woocommerce-account .metalora-account-nav__item.is-active { background: var(--navy); color: #fff; box-shadow: 0 8px 18px rgba(35,47,62,.18); }
.woocommerce-account .metalora-account-nav__icon { width: 18px; flex: 0 0 18px; color: #bd8e12; font-size: 15px; }
.woocommerce-account .metalora-account-nav__icon .icon { width: 1em; height: 1em; }
.woocommerce-account .metalora-account-nav__item.is-active .metalora-account-nav__icon { color: var(--yellow); }
.woocommerce-account .metalora-account-nav__item--logout { margin-top: 8px; border-top: 1px solid #edf0f2; border-radius: 0 0 10px 10px; }
.woocommerce-account .metalora-account-nav__help { margin: 4px 10px 12px; padding: 18px; border-radius: 12px; background: #f4f7f7; }
.woocommerce-account .metalora-account-nav__help strong,
.woocommerce-account .metalora-account-nav__help span { display: block; }
.woocommerce-account .metalora-account-nav__help strong { color: var(--navy); font-size: 12px; }
.woocommerce-account .metalora-account-nav__help span { margin: 6px 0 14px; color: #75808b; font-size: 10px; line-height: 1.5; }
.woocommerce-account .metalora-account-nav__help a { display: flex; min-height: 38px; align-items: center; justify-content: center; border-radius: 8px; background: var(--navy); color: #fff; font-size: 10px; font-weight: 800; text-transform: uppercase; }

/* Dashboard. */
.woocommerce-account .metalora-account-dashboard { width: 100%; max-width: none; min-width: 0; }
.woocommerce-account .metalora-account-modern-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 0 0 28px; }
.woocommerce-account .metalora-account-eyebrow { display: block; color: #a77a16; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.woocommerce-account .metalora-account-modern-header h1 { margin: 4px 0 7px; color: var(--navy); font-size: 34px; line-height: 1.05; }
.woocommerce-account .metalora-account-modern-header p { margin: 0; color: #6f7883; font-size: 13px; }
.woocommerce-account .metalora-account-bucks-summary { display: flex; min-width: 295px; padding: 13px 16px; align-items: center; gap: 11px; border: 1px solid #e4e8eb; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(35,47,62,.06); }
.woocommerce-account .metalora-account-bucks-summary__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #fff8dd; color: #bd8e12; }
.woocommerce-account .metalora-account-bucks-summary span:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }
.woocommerce-account .metalora-account-bucks-summary strong { color: var(--navy); font-size: 11px; }
.woocommerce-account .metalora-account-bucks-summary small { color: #7a8490; font-size: 9px; }
.woocommerce-account .metalora-account-bucks-summary b { margin-left: auto; color: #2b5154; font-size: 18px; }
.woocommerce-account .metalora-account-modern-card { overflow: hidden; margin: 0 0 20px; border: 1px solid #e6e9ec; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(35,47,62,.055); }
.woocommerce-account .metalora-account-card-heading { display: flex; min-height: 70px; padding: 0 24px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid #edf0f2; }
.woocommerce-account .metalora-account-card-heading > div { display: flex; align-items: center; gap: 10px; }
.woocommerce-account .metalora-account-card-heading h2 { margin: 0; color: var(--navy); font-size: 16px; }
.woocommerce-account .metalora-account-card-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: #eef4f4; color: #2c5558; }
.woocommerce-account .metalora-account-card-icon--gold { background: #fff7db; color: #bf8b08; }
.woocommerce-account .metalora-account-card-meta { color: #87909a; font-size: 10px; }
.woocommerce-account .metalora-account-profile-main { display: flex; padding: 23px 26px; align-items: center; gap: 18px; }
.woocommerce-account .metalora-account-avatar { display: grid; width: 78px; height: 78px; flex: 0 0 auto; place-items: center; border: 1px solid #e3e7e9; border-radius: 50%; background: linear-gradient(135deg,#f1f4f5,#e5e9ea); color: var(--navy); font-size: 26px; font-weight: 600; }
.woocommerce-account .metalora-account-user-copy { min-width: 0; }
.woocommerce-account .metalora-account-user-title { display: flex; align-items: center; gap: 10px; }
.woocommerce-account .metalora-account-user-copy h3 { margin: 0; color: var(--navy); font-size: 18px; }
.woocommerce-account .metalora-account-user-title span { padding: 4px 8px; border-radius: 999px; background: #e7f3ee; color: #2f7b60; font-size: 9px; font-weight: 800; }
.woocommerce-account .metalora-account-user-copy p { margin: 5px 0 0; color: #6f7883; font-size: 11px; }
.woocommerce-account .metalora-account-profile-actions { display: flex; gap: 9px; margin-left: auto; }
.woocommerce-account .metalora-account-modern-button { display: inline-flex; min-height: 42px; padding: 0 16px; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--navy); border-radius: 8px; font-size: 10px; font-weight: 800; text-transform: uppercase; transition: transform .18s ease,background .18s ease; }
.woocommerce-account .metalora-account-modern-button:hover { transform: translateY(-1px); }
.woocommerce-account .metalora-account-modern-button--primary { background: var(--navy); color: #fff; }
.woocommerce-account .metalora-account-modern-button--secondary { background: #fff; color: var(--navy); }
.woocommerce-account .metalora-account-address-cards { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #edf0f2; }
.woocommerce-account .metalora-account-address-cards article { min-height: 176px; padding: 23px 26px; }
.woocommerce-account .metalora-account-address-cards article + article { border-left: 1px solid #edf0f2; }
.woocommerce-account .metalora-account-address-title { display: flex; align-items: center; gap: 9px; }
.woocommerce-account .metalora-account-address-title h3 { margin: 0; color: var(--navy); font-size: 13px; }
.woocommerce-account .metalora-account-address-cards p,
.woocommerce-account .metalora-account-address-cards address { min-height: 38px; margin: 15px 0 13px; color: #737d87; font-size: 11px; font-style: normal; line-height: 1.6; }
.woocommerce-account .metalora-account-address-cards a { display: inline-flex; min-height: 36px; padding: 0 13px; align-items: center; gap: 5px; border: 1px solid #739093; border-radius: 7px; color: #31575a; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-account-modern-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,1.15fr); gap: 20px; align-items: start; }
.woocommerce-account .metalora-account-bucks-card .metalora-account-card-heading a { color: #5c6c7f; font-size: 11px; font-weight: 700; }
.woocommerce-account .metalora-account-bucks-modern-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; padding: 16px 20px 20px; }
.woocommerce-account .metalora-account-bucks-modern-grid > div { min-height: 94px; padding: 15px 10px; border: 1px solid #e8ecee; border-radius: 11px; background: #fbfcfc; text-align: center; }
.woocommerce-account .metalora-account-bucks-modern-grid span,
.woocommerce-account .metalora-account-bucks-modern-grid small { display: block; color: #7b8590; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-account-bucks-modern-grid strong { display: block; margin: 11px 0 3px; color: var(--navy); font-size: 15px; }
.woocommerce-account .metalora-account-quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 20px 20px; }
.woocommerce-account .metalora-account-quick-grid a { display: flex; min-height: 58px; padding: 10px 12px; align-items: center; gap: 10px; border: 1px solid #e7ebed; border-radius: 10px; background: #fafcfc; }
.woocommerce-account .metalora-account-quick-grid a > span { color: #b9870a; }
.woocommerce-account .metalora-account-quick-grid b { display: flex; flex-direction: column; color: var(--navy); font-size: 10px; }
.woocommerce-account .metalora-account-quick-grid small { margin-top: 3px; color: #7b858f; font-size: 8px; font-weight: 500; }
.woocommerce-account .metalora-account-quick-grid i { margin-left: auto; color: #83909b; font-style: normal; }
.woocommerce-account .metalora-account-orders-card { min-height: 438px; }
.woocommerce-account .metalora-account-view-all { padding: 10px 14px; border: 1px solid #8ca5a7; border-radius: 7px; color: #34595c; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-account-orders-empty { display: flex; min-height: 365px; padding: 30px; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.woocommerce-account .metalora-account-orders-empty > div { display: grid; width: 72px; height: 72px; margin-bottom: 18px; place-items: center; border-radius: 50%; background: #f0f3f4; color: #53616e; }
.woocommerce-account .metalora-account-orders-empty h3 { margin: 0; color: var(--navy); font-size: 14px; }
.woocommerce-account .metalora-account-orders-empty p { margin: 8px 0 22px; color: #7a858f; font-size: 11px; }
.woocommerce-account .metalora-account-modern-orders a { display: grid; grid-template-columns: 1fr 1.2fr 1fr auto; gap: 12px; padding: 15px 22px; border-bottom: 1px solid #edf0f2; color: #53606c; font-size: 10px; }
.woocommerce-account .metalora-account-modern-orders strong { color: var(--navy); }
.woocommerce-account .metalora-account-modern-orders em { color: #2f7b60; font-style: normal; font-weight: 700; }

/* Custom endpoints, edit form, and native WooCommerce endpoint content. */
.woocommerce-account .metalora-account-page { width: 100%; max-width: none; }
.woocommerce-account .metalora-account-page__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 0 0 24px; }
.woocommerce-account .metalora-account-page__intro h1 { margin: 3px 0 8px; color: var(--navy); font-size: clamp(28px,3.4vw,40px); line-height: 1.1; }
.woocommerce-account .metalora-account-page__intro p { max-width: 650px; margin: 0; color: #6f7883; font-size: 13px; line-height: 1.7; }
.woocommerce-account .metalora-account-page__back { flex: 0 0 auto; padding-bottom: 4px; border-bottom: 2px solid var(--yellow); color: var(--navy); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-account-reference-card { margin: 0 0 16px; border: 1px solid #e2e6ec; border-radius: 14px; background: #fff; box-shadow: 0 8px 25px rgba(20,28,36,.05); }
.woocommerce-account .metalora-account-reference-card__title { display: flex; min-height: 52px; padding: 0 25px; align-items: center; border-bottom: 1px solid #e5e8ec; color: var(--navy); font-size: 13px; font-weight: 800; }
.woocommerce-account .metalora-account-reference-card__body { padding: 22px 25px 26px; }
.woocommerce-account .metalora-account-reference-empty { padding: 25px; color: #687482; font-size: 12px; }
.woocommerce-account .metalora-reference-form { display: grid; gap: 14px; }
.woocommerce-account .metalora-reference-form label { color: #526174; font-size: 12px; font-weight: 700; }
.woocommerce-account .metalora-reference-form select { width: min(100%,300px); min-height: 46px; padding: 0 12px; border: 1px solid #d8dee7; background: #fff; }
.woocommerce-account .metalora-account-ref-button { display: inline-flex; width: max-content; min-height: 42px; padding: 0 18px; align-items: center; justify-content: center; border: 0; background: var(--yellow); color: var(--navy); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-bucks-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.woocommerce-account .metalora-bucks-grid > div { padding: 22px 25px; border-right: 1px solid #e3e7ed; }
.woocommerce-account .metalora-bucks-grid > div:last-child { border-right: 0; }
.woocommerce-account .metalora-bucks-grid span { display: block; margin-bottom: 8px; color: #53647a; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.woocommerce-account .metalora-bucks-grid strong { color: var(--navy); }
.woocommerce-account .metalora-account-form { max-width: none !important; margin: 0; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.woocommerce-account .metalora-form-section { margin: 0 0 18px; padding: 28px 30px 10px; border: 1px solid #e6e9ec; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(35,47,62,.055); }
.woocommerce-account .metalora-form-section__head { margin-bottom: 20px; }
.woocommerce-account .metalora-form-section__head h2 { margin: 3px 0 0; color: var(--navy); font-size: 21px; }
.woocommerce-account .metalora-form-section__head p { margin: 7px 0 0; color: #7b8490; font-size: 12px; }
.woocommerce-account .metalora-form-grid--two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.woocommerce-account .metalora-account-form .form-row { width: 100%; margin: 0 0 20px; float: none; }
.woocommerce-account .metalora-account-form label { display: block; margin: 0 0 8px; color: var(--navy); font-size: 11px; font-weight: 800; }
.woocommerce-account .metalora-account-form input[type="text"],
.woocommerce-account .metalora-account-form input[type="email"],
.woocommerce-account .metalora-account-form input[type="password"],
.woocommerce-account .woocommerce-address-fields input,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-MyAccount-content textarea { width: 100%; min-height: 50px; padding: 0 15px; border: 1px solid #dfe5e8 !important; border-radius: 9px !important; background: #fbfcfc !important; box-shadow: none !important; }
.woocommerce-account .metalora-account-form input:focus,
.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-address-fields select:focus { border-color: #739093 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(47,90,93,.08) !important; }
.woocommerce-account .metalora-field-help { display: block; margin-top: 7px; color: #8a929b; font-size: 10px; }
.woocommerce-account .metalora-password-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0 18px; }
.woocommerce-account .metalora-account-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 3px; }
.woocommerce-account .metalora-account-form__required { margin: 0; color: #8a929b; font-size: 10px; }
.woocommerce-account .metalora-account-save,
.woocommerce-account .woocommerce-address-fields .button { min-height: 46px !important; padding: 0 22px !important; border: 0 !important; border-radius: 8px !important; background: var(--navy) !important; color: #fff !important; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { margin: 0 0 18px; padding: 15px 18px; border: 1px solid #e1e4e1; border-top: 3px solid var(--yellow); background: #fff; color: #526174; font-size: 12px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { border-top-color: #a94747; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table { overflow: hidden; border: 1px solid #e2e6ea; border-radius: 12px; background: #fff; font-size: 12px; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th { background: #f3f5f7; color: var(--navy); font-size: 10px; text-transform: uppercase; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th { padding: 14px 16px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { width: 100%; padding: 22px; border: 1px solid #e5e8eb; border-radius: 14px; background: #fff; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2 { color: var(--navy); font-size: 17px; }
.woocommerce-account .woocommerce-MyAccount-content > p { color: #66717d; line-height: 1.7; }
.woocommerce-account .woocommerce-ResetPassword { max-width: 620px; margin: 0 auto; padding: 32px; border: 1px solid #e2e6ea; background: #fff; }

@media (max-width: 1100px) {
  body.woocommerce-account.logged-in article.entry .entry-content > .woocommerce { grid-template-columns: 240px minmax(0,1fr); column-gap: 28px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { width: 240px !important; max-width: 240px; }
  .woocommerce-account .metalora-account-modern-grid { grid-template-columns: 1fr; }
  .woocommerce-account .metalora-account-orders-card { min-height: 0; }
}
@media (max-width: 900px) {
  .login-page--standalone,
  .register-page--standalone,
  .login-page--modal,
  .register-page--modal,
  .woocommerce-login-reference .login-shell { grid-template-columns: 1fr; }
  .login-panel__inner,
  .register-panel__inner { max-width: 650px; padding: 45px 34px; }
  .login-benefits,
  .register-benefits,
  .woocommerce-login-reference .login-benefits { min-height: 440px; }
  .login-benefits__content,
  .register-benefits__content { padding: 52px 35px; }
  .woocommerce-account .metalora-password-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .metalora-auth-modal { padding: 10px; }
  .metalora-auth-modal__dialog { width: 100%; height: calc(100vh - 20px); border-radius: 12px; }
  body.woocommerce-account.logged-in article.entry > .entry-header { width: 100%; padding: 24px 16px 10px; }
  body.woocommerce-account.logged-in article.entry > .entry-content { padding: 0 16px 44px !important; }
  body.woocommerce-account.logged-in article.entry .entry-content > .woocommerce { display: flex; flex-direction: column; gap: 24px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content { width: 100% !important; max-width: none; }
  .woocommerce-account .metalora-account-nav__links { display: grid; grid-template-columns: 1fr 1fr; }
  .woocommerce-account .metalora-account-nav__help { display: none; }
  .woocommerce-account .metalora-account-modern-header,
  .woocommerce-account .metalora-account-page__intro { align-items: flex-start; flex-direction: column; }
  .woocommerce-account .metalora-account-bucks-summary { width: 100%; min-width: 0; }
  .woocommerce-account .metalora-account-profile-main { align-items: flex-start; flex-wrap: wrap; }
  .woocommerce-account .metalora-account-profile-actions { width: 100%; margin: 4px 0 0; }
  .woocommerce-account .metalora-account-profile-actions a { flex: 1; }
  .woocommerce-account .metalora-account-address-cards,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr; }
  .woocommerce-account .metalora-account-address-cards article + article { border-top: 1px solid #edf0f2; border-left: 0; }
  .woocommerce-account .metalora-account-bucks-modern-grid,
  .woocommerce-account .metalora-bucks-grid { grid-template-columns: 1fr 1fr; }
  .woocommerce-account .metalora-account-quick-grid { grid-template-columns: 1fr; }
  .woocommerce-account .metalora-form-grid--two { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .login-panel__inner,
  .register-panel__inner { padding: 34px 20px; }
  .login-panel h1,
  .register-panel h1 { font-size: 28px; }
  .login-options { align-items: flex-start; flex-direction: column; }
  .account-form__grid { grid-template-columns: 1fr; gap: 0; }
  .login-benefits__content,
  .register-benefits__content { padding: 40px 22px; }
  .account-card { padding: 32px 20px; }
  .woocommerce-account .metalora-account-nav__links { grid-template-columns: 1fr; }
  .woocommerce-account .metalora-account-modern-header h1 { font-size: 29px; }
  .woocommerce-account .metalora-account-profile-actions { flex-direction: column; }
  .woocommerce-account .metalora-account-card-heading { padding: 0 16px; }
  .woocommerce-account .metalora-account-card-meta { display: none; }
  .woocommerce-account .metalora-account-bucks-modern-grid > div,
  .woocommerce-account .metalora-bucks-grid > div { min-width: 0; padding: 16px 12px; }
  .woocommerce-account .metalora-account-modern-orders a { grid-template-columns: 1fr 1fr; }
  .woocommerce-account .metalora-form-section { padding: 22px 18px 6px; }
  .woocommerce-account .metalora-account-form__footer { align-items: stretch; flex-direction: column; }
  .woocommerce-account .metalora-account-save { width: 100%; }
}