/* My account: a menu column beside the content, a card dashboard, full-width
   tables and roomy forms. Loaded on account pages only. */
.woocommerce-account .wrap[style]{max-width:var(--wrap)!important}
.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start;margin-top:8px}
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after{display:none!important}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important}
.woocommerce-MyAccount-navigation{position:sticky;top:86px;padding:10px;background:var(--panel);border:var(--edge-w) solid var(--edge);border-radius:var(--r)}
.woocommerce-MyAccount-navigation ul{list-style:none!important;padding:0!important;margin:0}
.woocommerce-MyAccount-navigation li{margin:0!important}
.wrap[style] article .woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;border-radius:10px;font-weight:650;color:var(--ink);text-decoration:none!important}
.wrap[style] article .woocommerce-MyAccount-navigation a:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.wrap[style] article .woocommerce-MyAccount-navigation li.is-active a{background:var(--act);color:var(--act-ink)}
.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px!important;padding-top:6px;border-top:1px solid var(--line)}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--ink-3)!important;font-weight:500!important}
.woocommerce-MyAccount-content{min-width:0;color:var(--ink-2)}
.woocommerce-MyAccount-content>p:first-child{margin-top:0}

/* dashboard */
.ms-dash h2{font-size:clamp(30px,3.4vw,44px);font-weight:900;color:var(--ink);margin:0 0 8px}
.ms-dash-sub{margin:0 0 26px}
.ms-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wrap[style] article a.ms-card{display:flex;flex-direction:column;gap:6px;padding:20px 20px 22px;background:var(--panel);border:var(--edge-w) solid var(--edge);border-radius:var(--r);color:var(--ink-2);text-decoration:none!important;transition:transform .15s}
a.ms-card:hover{transform:translateY(-3px)}
.ms-card-label{font-size:14px;font-weight:700;color:var(--ink-3)}
.ms-card b{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.2;color:var(--ink)}
.ms-card span:last-child{font-size:15px}
.ms-dash-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-weight:600}

/* tables: orders, downloads, subscriptions */
.woocommerce-account table.shop_table{width:100%;border-collapse:separate!important;border-spacing:0;overflow:hidden;font-size:15.5px}
.woocommerce-account table.shop_table th{font-size:14px;color:var(--ink-3);font-weight:700;padding:14px 16px!important;text-align:left}
.woocommerce-account table.shop_table td{padding:14px 16px!important;vertical-align:middle;color:var(--ink)}
.woocommerce-account table.shop_table tr+tr td{border-top:1px solid var(--line)}
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions,
.woocommerce-account table.shop_table td.download-file{white-space:nowrap;text-align:right}
.woocommerce-account table.shop_table .button{min-height:0!important;padding:8px 14px!important;font-size:14px!important;margin:3px 0 3px 6px!important;line-height:1.2!important;display:inline-block}
.woocommerce-account .woocommerce-pagination{margin-top:18px;display:flex;gap:10px}

/* addresses */
.woocommerce-account .woocommerce-Addresses{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.woocommerce-account .woocommerce-Addresses::before,.woocommerce-account .woocommerce-Addresses::after{display:none!important}
.woocommerce-account .woocommerce-Address{float:none!important;width:auto!important;padding:20px;background:var(--panel);border:var(--edge-w) solid var(--edge);border-radius:var(--r)}
.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.woocommerce-account .woocommerce-Address-title h2{font-size:21px;margin:0!important;color:var(--ink)}
.woocommerce-account .woocommerce-Address-title a.edit{float:none!important;font-weight:600;white-space:nowrap}
.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.7;color:var(--ink-2)}

/* forms: address and account details */
.woocommerce-MyAccount-content form h2,.woocommerce-MyAccount-content form h3{font-size:24px;color:var(--ink);margin:0 0 16px}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.woocommerce-MyAccount-content form .form-row{float:none!important;width:auto!important;margin:0 0 16px!important;padding:0!important;grid-column:1/-1}
.woocommerce-MyAccount-content form .form-row-first{grid-column:1}
.woocommerce-MyAccount-content form .form-row-last{grid-column:2}
.woocommerce-MyAccount-content form .form-row label{display:block;margin-bottom:6px;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.woocommerce-MyAccount-content form .form-row label.checkbox,.woocommerce-MyAccount-content form .form-row label.woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.woocommerce-MyAccount-content form input.input-text,.woocommerce-MyAccount-content form select{width:100%;min-height:48px}
.woocommerce-MyAccount-content form em,.woocommerce-MyAccount-content form span em{display:block;margin-top:6px;font-size:13.5px;color:var(--ink-3)}
.woocommerce-MyAccount-content form .clear{display:none}
.woocommerce-MyAccount-content fieldset{grid-column:1/-1;margin:10px 0 18px;padding:22px 20px 6px;border:var(--edge-w) solid var(--edge);border-radius:var(--r)}
.woocommerce-MyAccount-content legend{padding:0 10px;margin-left:-6px;font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink)}
.woocommerce-MyAccount-content form>p:last-of-type,.woocommerce-MyAccount-content form .button{grid-column:1/-1}
.woocommerce-MyAccount-content form button.button{justify-self:start}
.woocommerce-account .show-password-input{top:12px!important}

/* logged out: the login box alone, centred */
.woocommerce-account:not(.logged-in) .woocommerce{max-width:520px}
.woocommerce-account form.woocommerce-form-login{padding:26px!important;margin:0!important;border:var(--edge-w) solid var(--edge)!important;border-radius:var(--r)!important;background:var(--panel)}

@media (max-width:860px){
  .woocommerce-account.logged-in .woocommerce{grid-template-columns:minmax(0,1fr);gap:22px}
  .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:4px}
  .ms-cards,.woocommerce-account .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)}
  .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,.woocommerce-MyAccount-content form.woocommerce-EditAccountForm{grid-template-columns:minmax(0,1fr)}
  .woocommerce-MyAccount-content form .form-row-first,.woocommerce-MyAccount-content form .form-row-last{grid-column:1}
}
