/**
 * Design System — My account (Phase F)
 *
 * Retokens all WooCommerce account views (my-account.php, navigation.php and
 * the login/register, dashboard, orders, order detail, addresses and account
 * details views) onto the design system. Fields match checkout. Loads after
 * myaccount.css / theme-polish.
 *
 * @package Longboardcenter
 */

/* Header */
.myaccount-header__title{font-family:var(--font-display);color:var(--c-ink);letter-spacing:-.01em}
.myaccount-header__subtitle{color:var(--c-ink-soft)}

/* Sidebar */
.myaccount-sidebar{background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:none}
.myaccount-user__name{color:var(--c-ink);font-family:var(--font-display)}
.myaccount-user__email{color:var(--c-ink-faint)}
.myaccount-user__avatar{background:var(--c-accent-wash);color:var(--c-accent-deep)}

/* Navigation list (clear sidebar) */
.woocommerce-MyAccount-navigation a{color:var(--c-ink-soft);font-family:var(--font-body);font-weight:600;border-radius:var(--r-md)}
.woocommerce-MyAccount-navigation a:hover{color:var(--c-accent-deep);background:var(--c-accent-wash)}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation li.is-active a{background:var(--c-ink);color:var(--c-cream)}
.woocommerce-MyAccount-navigation a::before{color:currentColor}

/* Content */
.myaccount-content,
.woocommerce-MyAccount-content{color:var(--c-ink)}
.myaccount-content h2,
.woocommerce-MyAccount-content h2,
.myaccount-content h3{font-family:var(--font-display);color:var(--c-ink);letter-spacing:-.01em}
.woocommerce-MyAccount-content a{color:var(--c-accent-deep)}

/* Orders table */
.woocommerce-orders-table{border-color:var(--c-line)}
.woocommerce-orders-table th{color:var(--c-ink-soft);font-family:var(--font-body)}
.woocommerce-orders-table td{color:var(--c-ink);border-bottom:1px solid var(--c-line)}
.woocommerce-orders-table__cell .button{background:transparent;color:var(--c-ink);border:2px solid var(--c-ink);border-radius:var(--r-md)}
.woocommerce-orders-table__cell .button:hover{background:var(--c-ink);color:var(--c-cream)}

/* Forms (login, register, addresses, account details) -> field components */
.woocommerce-account .woocommerce form .form-row label,
.woocommerce-MyAccount-content label{color:var(--c-ink);font-weight:600;font-size:var(--fs-sm)}
.woocommerce-account input.input-text,
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select,
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content select{
  width:100%;
  font-family:var(--font-body);
  font-size:var(--fs-base);
  color:var(--c-ink);
  background:var(--c-paper);
  border:1.5px solid var(--c-line-strong);
  border-radius:var(--r-md);
  padding:12px 14px;
}
.woocommerce-account input.input-text:focus,
.woocommerce-account select:focus,
.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content select:focus{
  outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-wash);
}

/* Primary account actions = CTA; secondary stays outlined */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content button.button[type="submit"]{
  background:var(--c-cta);color:var(--c-cta-text);
  border:2px solid transparent;border-radius:var(--r-md);
  font-family:var(--font-body);font-weight:600;
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-MyAccount-content button.button[type="submit"]:hover{background:var(--c-cta-hover)}

/* Login / register columns on paper */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2{
  background:var(--c-paper);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-6);
}
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account .lost_password a{color:var(--c-ink-soft)}