/* account page. Straight copy of the inline <style> in prototype/src/pages/account.php. */
.page-account .auth-grid { display: grid; gap: 1.5rem; }
@media (min-width: 860px) { .page-account .auth-grid { grid-template-columns: 1fr 1fr; } }
.page-account .check { display: flex; gap: .5rem; align-items: center; font-family: var(--f-body); font-weight: 400; }
.page-account .check input { width: auto; }
.page-account .dash { display: grid; gap: 1.5rem; }
@media (min-width: 860px) { .page-account .dash { grid-template-columns: 260px 1fr; } }
.page-account .dash-nav { list-style: none; margin: 0; padding: .5rem; display: grid; gap: .15rem; }
.page-account .dash-nav a { display: flex; gap: .65rem; align-items: center; padding: .7rem .9rem; border-radius: var(--r-sm); color: var(--c-ink); text-decoration: none; font-family: var(--f-head); font-weight: 600; }
.page-account .dash-nav a:hover { background: var(--c-band-mist-soft); }
.page-account .dash-nav a[aria-current="page"] { background: var(--c-band-mist); color: var(--c-primary); }
.page-account .dash-nav i { font-size: 1.2rem; color: var(--c-accent); }

/* ---- WordPress: WooCommerce's real login / register forms styled as the prototype's two cards ---- */
.page-account .auth-grid.auth-grid--single { grid-template-columns: 1fr; max-width: 560px; }
.page-account .woocommerce form.login, .page-account .woocommerce form.register { border: 0; padding: 0; margin: 0; border-radius: 0; }
.page-account .woocommerce .col2-set::before, .page-account .woocommerce .col2-set::after { display: none; }
.page-account .woocommerce .col2-set .col-1, .page-account .woocommerce .col2-set .col-2 { float: none; width: auto; max-width: none; }
.page-account .auth-grid .card h2 { font-size: 1.5rem; margin: 0; }
/* the prototype .form look */
.page-account .woocommerce-form { display: grid; gap: 1rem; margin: 0; padding: 0; border: 0; }
.page-account .woocommerce-form .form-row { margin: 0; padding: 0; }
.page-account .woocommerce-form label { font-family: var(--f-head); font-weight: 600; display: block; margin-bottom: .35rem; color: var(--c-ink); }
.page-account .woocommerce-form label .required { color: var(--c-accent); text-decoration: none; }
.page-account .woocommerce form .form-row input.input-text { width: 100%; font: inherit; padding: .8rem 1rem; min-height: 0; border: 1px solid #B9C9C5; border-radius: var(--r-sm); background: #fff; color: var(--c-ink); }
.page-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.page-account .woocommerce-form-login__rememberme { display: flex !important; gap: .5rem; align-items: center; font-family: var(--f-body) !important; font-weight: 400 !important; margin: 0 !important; flex-basis: 100%; }
.page-account .woocommerce-form-login__rememberme input { width: auto; }
.page-account .woocommerce-LostPassword { margin: -.25rem 0 0; }
.page-account .woocommerce-form-register > p:not(.form-row) { font-size: var(--fs-sm); color: var(--c-ink-muted); margin: 0; }
.page-account .woocommerce-privacy-policy-text:empty { display: none; }
/* buttons: the prototype .btn / .btn--secondary, over WooCommerce's (and wp.css's) .button */
.page-account .woocommerce .button.btn { float: none; margin: 0; background: var(--btn-bg) !important; color: var(--btn-fg) !important; border: 2px solid var(--btn-bd); border-radius: var(--r-pill) !important; padding: .85rem 1.5rem; min-height: 48px; font-size: 1.0625rem; font-weight: 700; line-height: 1.2; }
.page-account .woocommerce .button.btn--secondary:hover { --btn-bg: var(--c-surface); }

/* signed-in dashboard: the prototype .dash look on WooCommerce's navigation + content */
@media (min-width: 860px) {
  .page-account .woocommerce:has(.woocommerce-MyAccount-navigation) { display: grid; grid-template-columns: 260px 1fr; gap: 1.5rem; align-items: start; }
  .page-account .woocommerce-MyAccount-navigation, .page-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; }
}
.page-account .woocommerce-MyAccount-navigation { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); }
.page-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: .5rem; display: grid; gap: .15rem; }
.page-account .woocommerce-MyAccount-navigation a { display: flex; gap: .65rem; align-items: center; padding: .7rem .9rem; border-radius: var(--r-sm); color: var(--c-ink); text-decoration: none; font-family: var(--f-head); font-weight: 600; }
.page-account .woocommerce-MyAccount-navigation a:hover { background: var(--c-band-mist-soft); }
.page-account .woocommerce-MyAccount-navigation .is-active a { background: var(--c-band-mist); color: var(--c-primary); }
.page-account .woocommerce-MyAccount-content { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: clamp(1.4rem, 2.5vw, 2rem); }