/* Generated from src/scss — do not edit directly. */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
  align-items: start;
  display: grid;
  gap: var(--wp--preset--spacing--90);
  grid-template-columns: 240px minmax(0, 1fr);
}

.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
  max-inline-size: 860px;
}

/* --- Sidebar navigation ------------------------------------------------- */
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li a {
  border-radius: var(--wp--custom--radius);
  color: var(--wp--preset--color--contrast);
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  padding: 12px 14px;
  text-decoration: none;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--wp--preset--color--surface-alt);
}
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--wp--preset--color--surface-alt);
  font-weight: 700;
}

/* --- Content ------------------------------------------------------------ */
.woocommerce-MyAccount-content {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--70);
  min-inline-size: 0;
}
.woocommerce-MyAccount-content > p:first-child {
  color: var(--wp--preset--color--muted);
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-size: var(--wp--preset--font-size--x-large);
  letter-spacing: var(--wp--custom--tracking--tight);
}

/* --- Orders table ------------------------------------------------------- */
.woocommerce-orders-table,
.woocommerce-table--order-details,
.shop_table {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-collapse: collapse;
  border-radius: var(--wp--custom--radius);
  font-size: 14px;
  inline-size: 100%;
  overflow: hidden;
}
.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-table--order-details th,
.woocommerce-table--order-details td,
.shop_table th,
.shop_table td {
  border: 0;
  padding: 18px 20px;
  text-align: start;
}
.woocommerce-orders-table thead th,
.woocommerce-table--order-details thead th,
.shop_table thead th {
  color: var(--wp--preset--color--muted);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 600;
  letter-spacing: var(--wp--custom--tracking--meta);
  text-transform: uppercase;
  background: var(--wp--preset--color--surface-alt);
  font-size: var(--wp--preset--font-size--x-small);
  padding-block: 12px;
}
.woocommerce-orders-table tbody tr + tr td,
.woocommerce-table--order-details tbody tr + tr td,
.shop_table tbody tr + tr td {
  border-block-start: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
.woocommerce-orders-table td[data-title=Total],
.woocommerce-table--order-details .woocommerce-orders-table__cell-order-total,
.woocommerce-table--order-details td[data-title=Total],
.shop_table .woocommerce-orders-table__cell-order-total,
.shop_table td[data-title=Total] {
  font-weight: 600;
}
.woocommerce-orders-table .woocommerce-button,
.woocommerce-table--order-details .woocommerce-button,
.shop_table .woocommerce-button {
  align-items: center;
  block-size: 36px;
  border: var(--wp--custom--hairline) solid transparent;
  border-radius: var(--wp--custom--radius);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 1;
  padding-block: 0;
  padding-inline: 24px;
  text-decoration: none;
  transition: background-color var(--wp--custom--transition), color var(--wp--custom--transition), border-color var(--wp--custom--transition);
  white-space: nowrap;
  background: var(--wp--preset--color--surface);
  border-color: var(--wp--preset--color--outline);
  color: var(--wp--preset--color--contrast);
  font-weight: 500;
}
.woocommerce-orders-table .woocommerce-button:hover, .woocommerce-orders-table .woocommerce-button:focus,
.woocommerce-table--order-details .woocommerce-button:hover,
.woocommerce-table--order-details .woocommerce-button:focus,
.shop_table .woocommerce-button:hover,
.shop_table .woocommerce-button:focus {
  border-color: var(--wp--preset--color--contrast);
}

/* --- Addresses and forms ------------------------------------------------ */
.woocommerce-Addresses {
  display: grid;
  gap: var(--wp--preset--spacing--40);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woocommerce-Address,
.woocommerce-Address-title + address {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-radius: var(--wp--custom--radius);
  padding: var(--wp--preset--spacing--50);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  line-height: 1.5;
}

.woocommerce-Address-title {
  align-items: baseline;
  display: flex;
  gap: var(--wp--preset--spacing--40);
  justify-content: space-between;
}
.woocommerce-Address-title h2,
.woocommerce-Address-title h3 {
  font-size: var(--wp--preset--font-size--regular);
  margin: 0;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
  max-inline-size: 640px;
}
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row,
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row,
.woocommerce-ResetPassword .form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label,
.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-ResetPassword label {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
}
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-EditAccountForm button[type=submit],
.woocommerce-address-fields .woocommerce-Button,
.woocommerce-address-fields button[type=submit],
.woocommerce-form-login .woocommerce-Button,
.woocommerce-form-login button[type=submit],
.woocommerce-form-register .woocommerce-Button,
.woocommerce-form-register button[type=submit],
.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-ResetPassword button[type=submit] {
  align-items: center;
  block-size: var(--wp--custom--control-height-medium);
  border: var(--wp--custom--hairline) solid transparent;
  border-radius: var(--wp--custom--radius);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 1;
  padding-block: 0;
  padding-inline: 24px;
  text-decoration: none;
  transition: background-color var(--wp--custom--transition), color var(--wp--custom--transition), border-color var(--wp--custom--transition);
  white-space: nowrap;
  background: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent-contrast);
}
.woocommerce-EditAccountForm .woocommerce-Button:hover, .woocommerce-EditAccountForm .woocommerce-Button:focus,
.woocommerce-EditAccountForm button[type=submit]:hover,
.woocommerce-EditAccountForm button[type=submit]:focus,
.woocommerce-address-fields .woocommerce-Button:hover,
.woocommerce-address-fields .woocommerce-Button:focus,
.woocommerce-address-fields button[type=submit]:hover,
.woocommerce-address-fields button[type=submit]:focus,
.woocommerce-form-login .woocommerce-Button:hover,
.woocommerce-form-login .woocommerce-Button:focus,
.woocommerce-form-login button[type=submit]:hover,
.woocommerce-form-login button[type=submit]:focus,
.woocommerce-form-register .woocommerce-Button:hover,
.woocommerce-form-register .woocommerce-Button:focus,
.woocommerce-form-register button[type=submit]:hover,
.woocommerce-form-register button[type=submit]:focus,
.woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-ResetPassword .woocommerce-Button:focus,
.woocommerce-ResetPassword button[type=submit]:hover,
.woocommerce-ResetPassword button[type=submit]:focus {
  background: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-EditAccountForm button[type=submit],
.woocommerce-address-fields .woocommerce-Button,
.woocommerce-address-fields button[type=submit],
.woocommerce-form-login .woocommerce-Button,
.woocommerce-form-login button[type=submit],
.woocommerce-form-register .woocommerce-Button,
.woocommerce-form-register button[type=submit],
.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-ResetPassword button[type=submit] {
  align-self: flex-start;
}

.woocommerce-form-login__rememberme,
.woocommerce-form__label-for-checkbox {
  align-items: center;
  color: var(--wp--preset--color--muted);
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
}

/* --- Login / register split --------------------------------------------- */
#customer_login {
  display: grid;
  gap: var(--wp--preset--spacing--90);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#customer_login:not(:has(.u-column2)) {
  grid-template-columns: minmax(0, 1fr);
  max-inline-size: 480px;
}
#customer_login h2 {
  font-size: var(--wp--preset--font-size--display-1);
  letter-spacing: var(--wp--custom--tracking--heading);
  margin-block-end: var(--wp--preset--spacing--40);
}

/* --- Order tracking ----------------------------------------------------- */
.woocommerce form.track_order {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-inline-size: 640px;
}
.woocommerce form.track_order .form-row {
  flex: 1 1 200px;
  margin: 0;
  padding: 0;
}
.woocommerce form.track_order button[type=submit] {
  align-items: center;
  block-size: var(--wp--custom--control-height);
  border: var(--wp--custom--hairline) solid transparent;
  border-radius: var(--wp--custom--radius);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  line-height: 1;
  padding-block: 0;
  padding-inline: 24px;
  text-decoration: none;
  transition: background-color var(--wp--custom--transition), color var(--wp--custom--transition), border-color var(--wp--custom--transition);
  white-space: nowrap;
  background: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent-contrast);
}
.woocommerce form.track_order button[type=submit]:hover, .woocommerce form.track_order button[type=submit]:focus {
  background: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}
.woocommerce form.track_order input {
  block-size: var(--wp--custom--control-height);
}

.woocommerce-order-details,
.woocommerce-customer-details {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-radius: var(--wp--custom--radius);
  padding: var(--wp--preset--spacing--70);
}

/* --- Notices ------------------------------------------------------------ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-radius: var(--wp--custom--radius);
  padding: 16px 20px;
  list-style: none;
  margin-block-end: var(--wp--preset--spacing--50);
}

.woocommerce-error {
  border-color: var(--wp--preset--color--sale);
}

@media (max-width: 1024px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: minmax(0, 1fr);
  }
  #customer_login {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 680px) {
  .woocommerce-Addresses {
    grid-template-columns: minmax(0, 1fr);
  }
  .woocommerce-orders-table th,
  .woocommerce-orders-table td,
  .shop_table th,
  .shop_table td {
    padding: 12px 14px;
  }
}
/* --- Dashboard stat cards ----------------------------------------------- */
.klothen-account-stats {
  display: grid;
  gap: var(--wp--preset--spacing--40);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-block-end: var(--wp--preset--spacing--70);
}
.klothen-account-stats .klothen-stat {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-radius: var(--wp--custom--radius);
  padding: var(--wp--preset--spacing--50);
}

/* --- Order thumbnails --------------------------------------------------- */
.klothen-order-thumbs {
  display: flex;
  gap: 6px;
}
.klothen-order-thumbs img {
  aspect-ratio: var(--wp--custom--product-aspect);
  background: var(--wp--preset--color--surface-alt);
  border-radius: 3px;
  inline-size: 36px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 680px) {
  .klothen-account-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* --- Segmented sign-in / register control ------------------------------- */
.klothen-auth-tabs {
  background: var(--wp--preset--color--surface);
  border: var(--wp--custom--hairline) solid var(--wp--preset--color--outline);
  border-radius: var(--wp--custom--radius);
  display: flex;
  margin-block-end: var(--wp--preset--spacing--70);
  max-inline-size: 440px;
  padding: 4px;
}
.klothen-auth-tabs button {
  background: none;
  border: 0;
  border-radius: var(--wp--custom--radius-small);
  color: var(--wp--preset--color--contrast);
  cursor: pointer;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  padding-block: 11px;
}
.klothen-auth-tabs button[aria-selected=true] {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent-contrast);
}

.klothen-auth-tabs ~ #customer_login {
  grid-template-columns: minmax(0, 1fr);
  max-inline-size: 440px;
}