/* Glo Little Luxury — My Account: pure restyle of WooCommerce's own account
   templates. Login/register/password forms, order history, and address
   management logic are all untouched — visual styling only. */

.woocommerce-account .glo-wrap { padding: 32px 24px 56px; }

/* ---------- Login / Register ---------- */
.woocommerce-form-login, .woocommerce-form-register {
  background: var(--glo-surface);
  border: 1px solid var(--glo-border);
  border-radius: 16px;
  padding: 28px;
  max-width: 460px;
}
.u-columns.woocommerce-Addresses, .u-columns { display: flex; gap: 24px; flex-wrap: wrap; }
.u-columns .col-1, .u-columns .col-2 { flex: 1; min-width: 280px; }

.woocommerce-form-login h2, .woocommerce-form-register h2 { font-family: var(--glo-font-display); font-size: 18px; margin-bottom: 16px; }
.woocommerce-form-row label { font-size: 12.5px; font-weight: 700; color: var(--glo-ink-soft); margin-bottom: 4px; display: block; }
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text,
.woocommerce-EditAccountForm input.input-text,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields select {
  width: 100%;
  border: 1px solid var(--glo-border);
  border-radius: 10px;
  padding: 11px 14px;
  font-family: var(--glo-font-body);
  font-size: 14px;
  background: var(--glo-bg);
  margin-bottom: 14px;
}
.woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.woocommerce-form-login .woocommerce-LostPassword { font-size: 12.5px; margin-top: 10px; }
.woocommerce-form-login .woocommerce-LostPassword a, .woocommerce-form-register a { color: var(--glo-violet); font-weight: 700; }

/* Shared button restyle for account forms */
.woocommerce-account .button, .woocommerce-account button[type="submit"] {
  background: var(--glo-violet) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--glo-radius-pill) !important;
  padding: 12px 26px !important;
  font-weight: 700 !important;
  font-family: var(--glo-font-body) !important;
  cursor: pointer;
  box-shadow: none !important;
}
.woocommerce-account .button:hover { opacity: .9; }

/* ---------- Account dashboard: nav + content ---------- */
.woocommerce-MyAccount-navigation { margin-bottom: 28px; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; flex-wrap: wrap; border-bottom: 2px solid var(--glo-border); padding-bottom: 0; }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a { display: inline-block; padding: 10px 4px; font-size: 13.5px; font-weight: 700; color: var(--glo-ink-soft); border-bottom: 3px solid transparent; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--glo-violet); border-color: var(--glo-violet); }
.woocommerce-MyAccount-navigation li + li { margin-left: 8px; }

.woocommerce-MyAccount-content { max-width: 760px; }
.woocommerce-MyAccount-content > p:first-child { font-size: 14px; color: var(--glo-ink-soft); line-height: 1.7; }

/* ---------- Orders table ---------- */
.woocommerce-orders-table { border: none; width: 100%; margin-top: 12px; }
.woocommerce-orders-table thead th { text-align: left; font-family: var(--glo-font-display); font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: var(--glo-ink-soft); border-bottom: 2px solid var(--glo-border); padding: 10px 8px; }
.woocommerce-orders-table td { border-bottom: 1px solid var(--glo-border); padding: 14px 8px; font-size: 13.5px; }
.woocommerce-orders-table .button { padding: 8px 16px !important; font-size: 12px !important; }
mark.order-status { background: var(--glo-bg); color: var(--glo-teal-deep); font-weight: 700; padding: 4px 10px; border-radius: 10px; font-size: 12px; }

/* ---------- Address boxes ---------- */
.woocommerce-Address { background: var(--glo-surface); border: 1px solid var(--glo-border); border-radius: 14px; padding: 20px; margin-bottom: 16px; }
.woocommerce-Address-title h2, .woocommerce-Addresses h2 { font-family: var(--glo-font-display); font-size: 15px; margin-bottom: 10px; display: inline-block; }
.woocommerce-Address address { font-size: 13.5px; color: var(--glo-ink-soft); line-height: 1.7; font-style: normal; }

@media (max-width: 700px) {
  .u-columns { flex-direction: column; }
}