/*
|--------------------------------------------------------------------------
| CraftFrame My Account
|--------------------------------------------------------------------------
*/
.woocommerce form .form-row::after,
.woocommerce form .form-row::before,
.woocommerce-page form .form-row::after,
.woocommerce-page form .form-row::before {
  display: none;
}
form fieldset {
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  padding: var(--cf-space-md) var(--cf-space-md);
  margin: 0 0 var(--cf-space-lg);
}
/*
|--------------------------------------------------------------------------
| Account Page Layout
|--------------------------------------------------------------------------
*/
.woocommerce-account .cf-main {
  padding-block: var(--cf-space-2xl);
}
.woocommerce-account .cf-section {
  padding-block: 0;
}
.woocommerce-account .cf-container {
  width: min(100% - (var(--cf-space-xl) * 2), var(--cf-container-width));
  margin-inline: auto;
}
/*
|--------------------------------------------------------------------------
| Page Title
|--------------------------------------------------------------------------
*/
.woocommerce-account .cf-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-shadow: none !important;
}
.woocommerce-account .cf-page-header {
  margin-bottom: var(--cf-space-2xl);
}
.woocommerce-account .cf-page-title {
  margin: 0;
  color: var(--cf-color-text);
  font-family: var(--cf-font-family-base, sans-serif);
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: var(--cf-font-bold);
  line-height: 1.15;
}
/*
|--------------------------------------------------------------------------
| Account Content
|--------------------------------------------------------------------------
*/
.woocommerce-account .cf-page-content {
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.woocommerce-account .woocommerce {
  width: 100%;
  min-width: 0;
}
.woocommerce-account .woocommerce::after {
  display: none;
}
.woocommerce-account .woocommerce > .woocommerce-account {
  display: grid;
  grid-template-columns: minmax(13rem, 15rem) minmax(0, 1fr);
  align-items: start;
  gap: var(--cf-space-2xl);
  width: 100%;
  min-width: 0;
}
.woocommerce-account .woocommerce > .woocommerce-account::before,
.woocommerce-account .woocommerce > .woocommerce-account::after {
  display: none;
  content: none;
}
/*
|--------------------------------------------------------------------------
| Notices
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
  display: flex;
  align-items: center;
  gap: var(--cf-space-md);
  margin: 0 0 var(--cf-space-lg);
  padding: var(--cf-space-md) var(--cf-space-lg);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-surface);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-sm);
  line-height: 1.5;
}
.woocommerce-account .woocommerce-message {
  border-color: var(--cf-color-primary);
}
.woocommerce-account .woocommerce-error {
  border-color: var(--cf-color-error);
}
.woocommerce-account .woocommerce-info {
  border-color: var(--cf-color-border);
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before {
  display: none;
}
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-error .button {
  flex: 0 0 auto;
}
/*
|--------------------------------------------------------------------------
| Login / Register Layout
|--------------------------------------------------------------------------
*/
.woocommerce-account .u-columns {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);
  gap: var(--cf-space-2xl);
  width: 100%;
}
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
  width: 100%;
  float: none;
}
/*
|--------------------------------------------------------------------------
| Form Headings
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3 {
  margin: 0 0 var(--cf-space-lg);
  color: var(--cf-color-text);
  font-family: var(--cf-font-family-base, sans-serif);
  font-size: var(--cf-font-size-xl);
  font-weight: var(--cf-font-bold);
  line-height: 1.25;
}
/*
|--------------------------------------------------------------------------
| Form Containers
|--------------------------------------------------------------------------
*/
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register,
.woocommerce-account form.woocommerce-ResetPassword {
  width: 100%;
  margin: 0;
  padding: var(--cf-space-xl);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-background);
}
.woocommerce-account form.woocommerce-form-login::before,
.woocommerce-account form.woocommerce-form-login::after,
.woocommerce-account form.woocommerce-form-register::before,
.woocommerce-account form.woocommerce-form-register::after {
  display: none;
}
/*
|--------------------------------------------------------------------------
| Form Rows
|--------------------------------------------------------------------------
*/
.woocommerce-account form .form-row {
  margin: 0 0 var(--cf-space-lg);
  padding: 0;
}
.woocommerce-account form .form-row:last-child {
  margin-bottom: 0;
}
.woocommerce-account form .form-row label {
  display: block;
  margin-bottom: var(--cf-space-sm);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-semibold);
  line-height: 1.4;
}
.woocommerce-account form .form-row label.checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--cf-space-sm);
  margin: 0;
}
/*
|--------------------------------------------------------------------------
| Inputs
|--------------------------------------------------------------------------
*/
.woocommerce-account form .input-text,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form input[type="number"],
.woocommerce-account form input[type="search"],
.woocommerce-account form select,
.woocommerce-account form textarea {
  display: block;
  width: 100%;
  min-height: 3.25rem;
  padding: var(--cf-space-sm) var(--cf-space-md);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-background);
  color: var(--cf-color-text);
  font-family: var(--cf-font-family-base, sans-serif);
  font-size: var(--cf-font-size-base);
  line-height: 1.4;
  outline: none;
  box-sizing: border-box;
  transition:
    border-color var(--cf-transition-fast),
    box-shadow var(--cf-transition-fast);
}
.woocommerce-account form textarea {
  min-height: 8rem;
  resize: vertical;
}
.woocommerce-account form select {
  appearance: auto;
  -webkit-appearance: auto;
  cursor: pointer;
}
.woocommerce-account form .input-text:hover,
.woocommerce-account form input[type="text"]:hover,
.woocommerce-account form input[type="email"]:hover,
.woocommerce-account form input[type="password"]:hover,
.woocommerce-account form input[type="tel"]:hover,
.woocommerce-account form input[type="number"]:hover,
.woocommerce-account form input[type="search"]:hover,
.woocommerce-account form select:hover,
.woocommerce-account form textarea:hover {
  border-color: var(--cf-color-primary);
}
.woocommerce-account form .input-text:focus,
.woocommerce-account form input[type="text"]:focus,
.woocommerce-account form input[type="email"]:focus,
.woocommerce-account form input[type="password"]:focus,
.woocommerce-account form input[type="tel"]:focus,
.woocommerce-account form input[type="number"]:focus,
.woocommerce-account form input[type="search"]:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus {
  border-color: var(--cf-color-primary);
  box-shadow: var(--cf-focus-ring);
}
/*
|--------------------------------------------------------------------------
| Password Field
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-form-login__password .woocommerce-form-login__password-input {
  position: relative;
}
.woocommerce-account .password-input {
  display: block;
  position: relative;
}
.woocommerce-account .password-input .input-text {
  padding-right: 3rem;
}
/*
|--------------------------------------------------------------------------
| Remember Me
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--cf-space-sm);
  margin: 0;
  color: var(--cf-color-text-muted);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-normal);
  cursor: pointer;
}
.woocommerce-account .woocommerce-form__label-for-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin: 0;
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-sm);
  background: var(--cf-color-background);
  cursor: pointer;
  position: relative;
}
.woocommerce-account .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked {
  border-color: var(--cf-color-primary);
  background: var(--cf-color-primary);
}
.woocommerce-account .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.3rem;
  height: 0.55rem;
  border: solid var(--cf-color-on-primary);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.woocommerce-account .woocommerce-form__label-for-checkbox input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: var(--cf-focus-ring);
}
/*
|--------------------------------------------------------------------------
| Base WooCommerce Buttons
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-Button[type="submit"],
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cf-size-button-min-height);
  margin: var(--cf-space-md) 0 0 !important;
  padding: 0.8rem 1.25rem !important;
  border: var(--cf-border-width-base) solid var(--cf-color-primary) !important;
  border-radius: var(--cf-radius-full) !important;
  background: var(--cf-color-primary) !important;
  color: var(--cf-color-on-primary) !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--cf-font-semibold);
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color var(--cf-transition-base),
    border-color var(--cf-transition-base),
    color var(--cf-transition-base),
    transform var(--cf-transition-base),
    box-shadow var(--cf-transition-base);
}
.woocommerce-account .woocommerce-Button[type="submit"]:where(:hover, :focus),
.woocommerce-account button[type="submit"]:where(:hover, :focus),
.woocommerce-account input[type="submit"]:where(:hover, :focus) {
  border-color: var(--cf-color-primary-hover) !important;
  background: var(--cf-color-primary-hover) !important;
  color: var(--cf-color-on-primary) !important;
  transform: translateY(var(--cf-shift-up-sm));
}
.woocommerce-account .woocommerce-Button[type="submit"]:focus-visible,
.woocommerce-account button[type="submit"]:focus-visible,
.woocommerce-account input[type="submit"]:focus-visible {
  outline: none;
  box-shadow: var(--cf-focus-ring);
}
.woocommerce-account .woocommerce-Button[type="submit"]:active,
.woocommerce-account button[type="submit"]:active,
.woocommerce-account input[type="submit"]:active {
  transform: translateY(0);
}
/*
|--------------------------------------------------------------------------
| Forward / Notice Buttons
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-Button.wc-forward {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cf-size-button-min-height);
  margin: var(--cf-space-md) 0 0 !important;
  padding: 0.8rem 1.25rem !important;
  border: var(--cf-border-width-base) solid var(--cf-color-primary) !important;
  border-radius: var(--cf-radius-full) !important;
  background: var(--cf-color-primary) !important;
  color: var(--cf-color-on-primary) !important;
  font-weight: var(--cf-font-semibold);
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color var(--cf-transition-base),
    border-color var(--cf-transition-base),
    color var(--cf-transition-base),
    transform var(--cf-transition-base);
}
.woocommerce-account .woocommerce-info .woocommerce-Button.wc-forward {
  margin-top: 0 !important;
  border-radius: var(--cf-button-radius, 6px) !important;
  transform: none !important;
}
.woocommerce-account .woocommerce-Button.wc-forward:hover {
  border-color: var(--cf-color-primary-hover) !important;
  background: var(--cf-color-primary-hover) !important;
  color: var(--cf-color-on-primary) !important;
  transform: translateY(var(--cf-shift-up-sm));
}
/*
|--------------------------------------------------------------------------
| WooCommerce Login Button
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-form-login__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cf-size-button-min-height);
  margin: 0;
  padding: 0.8rem 1.25rem !important;
  border: var(--cf-border-width-base) solid var(--cf-color-primary) !important;
  border-radius: var(--cf-radius-full) !important;
  background: var(--cf-color-primary) !important;
  color: var(--cf-color-on-primary) !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--cf-font-semibold);
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color var(--cf-transition-base),
    border-color var(--cf-transition-base),
    color var(--cf-transition-base),
    transform var(--cf-transition-base),
    box-shadow var(--cf-transition-base);
}
.woocommerce-account .woocommerce-form-login__submit:where(:hover, :focus) {
  border-color: var(--cf-color-primary-hover) !important;
  background: var(--cf-color-primary-hover) !important;
  color: var(--cf-color-on-primary) !important;
  transform: translateY(var(--cf-shift-up-sm));
}
.woocommerce-account .woocommerce-form-login__submit:focus-visible {
  outline: none;
  box-shadow: var(--cf-focus-ring);
}
.woocommerce-account .woocommerce-form-login__submit:active {
  transform: translateY(0);
}
/*
|--------------------------------------------------------------------------
| Login Actions
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-form-login__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--cf-space-md);
  margin-top: var(--cf-space-md);
}
.woocommerce-account .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: var(--cf-space-sm);
  margin: 0;
  padding: 0;
  color: var(--cf-color-text-muted);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-normal);
  line-height: 1.4;
  cursor: pointer;
}
.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  margin: 0;
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-sm);
  background: var(--cf-color-background);
  cursor: pointer;
  position: relative;
  top: 1px;
}
.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:checked {
  border-color: var(--cf-color-primary);
  background: var(--cf-color-primary);
}
.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.3rem;
  height: 0.55rem;
  border: solid var(--cf-color-on-primary);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: var(--cf-focus-ring);
}
.woocommerce-account .woocommerce-LostPassword {
  width: 100%;
  margin: var(--cf-space-sm) 0 0;
}
.woocommerce-account .woocommerce-LostPassword a {
  color: var(--cf-color-primary);
  font-size: var(--cf-font-size-sm);
  text-decoration: none;
  transition: color var(--cf-transition-fast);
}
.woocommerce-account .woocommerce-LostPassword a:hover {
  color: var(--cf-color-primary-hover);
  text-decoration: underline;
}
.woocommerce-account form.woocommerce-form-login .form-row:nth-last-child(2) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--cf-space-md);
}
/*
|--------------------------------------------------------------------------
| Account Navigation
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  min-width: 0;
  margin: 0;
  float: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
  border-bottom: var(--cf-border-width-thin) solid var(--cf-color-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
  border-top: var(--cf-border-width-thin) solid var(--cf-color-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: var(--cf-space-md) var(--cf-space-lg);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-medium);
  text-decoration: none;
  transition:
    background var(--cf-transition-fast),
    color var(--cf-transition-fast);
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: var(--cf-color-surface);
  color: var(--cf-color-primary);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: var(--cf-color-primary);
  color: var(--cf-color-on-primary);
}
/*
|--------------------------------------------------------------------------
| Account Content Panel
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  float: none;
  color: var(--cf-color-text);
  box-sizing: border-box;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  margin-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-content > p {
  margin: 0 0 var(--cf-space-lg);
  color: var(--cf-color-text-muted);
  line-height: 1.6;
}
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--cf-color-primary);
  transition: color var(--cf-transition-fast);
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--cf-color-primary-hover);
}
/*
|--------------------------------------------------------------------------
| Dashboard
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-content {
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--cf-color-text);
  font-weight: var(--cf-font-semibold);
}
.woocommerce-account .woocommerce-MyAccount-content .dashboard-content {
  margin-bottom: var(--cf-space-xl);
}
.woocommerce-account .woocommerce-MyAccount-content .dashboard-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cf-space-md);
  margin-top: var(--cf-space-lg);
}
.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a {
  display: block;
  padding: var(--cf-space-lg);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-background);
  color: var(--cf-color-text);
  text-decoration: none;
  transition:
    border-color var(--cf-transition-fast),
    background var(--cf-transition-fast),
    transform var(--cf-transition-fast);
}
.woocommerce-account .woocommerce-MyAccount-content .dashboard-links a:hover {
  border-color: var(--cf-color-primary);
  background: var(--cf-color-surface);
  color: var(--cf-color-primary);
  transform: translateY(var(--cf-shift-up-sm));
}
/*
|--------------------------------------------------------------------------
| Account Tables
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  overflow: hidden;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-table td {
  padding: var(--cf-space-md);
  border-bottom: var(--cf-border-width-thin) solid var(--cf-color-border);
  text-align: left;
  vertical-align: middle;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-table th {
  background: var(--cf-color-surface);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-semibold);
}
.woocommerce-account .woocommerce-orders-table tr:last-child td,
.woocommerce-account .woocommerce-table tr:last-child td {
  border-bottom: 0;
}
.woocommerce-account .woocommerce-orders-table .button,
.woocommerce-account .woocommerce-table .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  margin: 0;
  padding: 0.55rem 0.9rem;
  border: var(--cf-border-width-thin) solid var(--cf-color-primary);
  border-radius: var(--cf-radius-full);
  background: var(--cf-color-background);
  color: var(--cf-color-primary);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-semibold);
  line-height: 1.2;
  text-decoration: none;
  transition:
    background var(--cf-transition-fast),
    border-color var(--cf-transition-fast),
    color var(--cf-transition-fast);
}
.woocommerce-account .woocommerce-orders-table .button:hover,
.woocommerce-account .woocommerce-table .button:hover {
  border-color: var(--cf-color-primary-hover);
  background: var(--cf-color-primary-hover);
  color: var(--cf-color-on-primary);
}
/*
|--------------------------------------------------------------------------
| Order Status
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
  font-weight: var(--cf-font-semibold);
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
  padding: 0.25rem 0.55rem;
  border-radius: var(--cf-radius-full);
  background: var(--cf-color-surface);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-sm);
}
/*
|--------------------------------------------------------------------------
| Empty Account States
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  margin-bottom: var(--cf-space-lg);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:last-child {
  margin-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message:empty,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:empty,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error:empty {
  display: none;
}
/*
|--------------------------------------------------------------------------
| Account Details / Addresses
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cf-space-xl);
  width: 100%;
  margin: 0;
}
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
  display: none;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  width: 100%;
  margin: 0;
  float: none;
  padding: var(--cf-space-xl);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-background);
  box-sizing: border-box;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--cf-space-md);
  margin: 0 0 var(--cf-space-lg);
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title::before,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title::after {
  display: none;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3 {
  margin: 0;
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-xl);
  font-weight: var(--cf-font-bold);
  line-height: 1.25;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
  flex: 0 0 auto;
  margin: 0;
  color: var(--cf-color-primary);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-semibold);
  line-height: 1.4;
  text-decoration: none;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
  color: var(--cf-color-primary-hover);
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
  margin: 0;
  color: var(--cf-color-text-muted);
  font-size: var(--cf-font-size-base);
  font-style: normal;
  line-height: 1.6;
}
/*
|--------------------------------------------------------------------------
| Address Edit Form
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-Address form {
  margin-top: var(--cf-space-lg);
}
.woocommerce-account .woocommerce-Address form .form-row:last-child {
  margin-bottom: 0;
}
/*
|--------------------------------------------------------------------------
| Account Form Sections
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.woocommerce-account form .form-row-first,
.woocommerce-account form .form-row-last,
.woocommerce-account form .form-row-wide {
  width: 100%;
  min-width: 0;
  float: none;
}
.woocommerce-account .woocommerce-EditAccountForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--cf-space-lg);
}
.woocommerce-account .woocommerce-EditAccountForm .form-row-first {
  grid-column: 1;
}
.woocommerce-account .woocommerce-EditAccountForm .form-row-last {
  grid-column: 2;
}
.woocommerce-account .woocommerce-EditAccountForm .form-row-wide,
.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-EditAccountForm > .clear,
.woocommerce-account .woocommerce-EditAccountForm > p:not(.form-row-first):not(.form-row-last) {
  grid-column: 1 / -1;
}
.woocommerce-account .woocommerce-EditAccountForm > .clear {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account .woocommerce-MyAccount-content fieldset,
.woocommerce-account .woocommerce-MyAccount-content table,
.woocommerce-account .woocommerce-MyAccount-content .form-row,
.woocommerce-account .woocommerce-MyAccount-content .password-input,
.woocommerce-account .woocommerce-MyAccount-content .select2-container {
  min-width: 0;
  max-width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content .password-input {
  width: 100%;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-address-fields fieldset {
  margin: var(--cf-space-xl) 0;
  padding: var(--cf-space-xl);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
}
.woocommerce-account .woocommerce-EditAccountForm legend,
.woocommerce-account .woocommerce-address-fields legend {
  padding: 0 var(--cf-space-sm);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-lg);
  font-weight: var(--cf-font-semibold);
}
/*
|--------------------------------------------------------------------------
| Form Validation
|--------------------------------------------------------------------------
*/
.woocommerce-account form .woocommerce-invalid .input-text {
  border-color: var(--cf-color-accent);
}
.woocommerce-account
  form
  .woocommerce-invalid
  .select2-container--default
  .select2-selection--single {
  border-color: var(--cf-color-accent);
}
.woocommerce-account form .woocommerce-validated .input-text {
  border-color: var(--cf-color-primary);
}
/*
|--------------------------------------------------------------------------
| Required Fields
|--------------------------------------------------------------------------
*/
.woocommerce-account .woocommerce-form-row .required {
  color: var(--cf-color-error);
}
/*
|--------------------------------------------------------------------------
| Select2
|--------------------------------------------------------------------------
*/
.woocommerce-account .select2-container {
  width: 100% !important;
}
.woocommerce-account .select2-container--default .select2-selection--single {
  height: 3.25rem;
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  background: var(--cf-color-background);
}
.woocommerce-account
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: var(--cf-space-md);
  color: var(--cf-color-text);
  line-height: 3.25rem;
}
.woocommerce-account
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 3.25rem;
}
.woocommerce-account .select2-container--default .select2-selection--single:focus,
.woocommerce-account
  .select2-container--default.select2-container--focus
  .select2-selection--single {
  border-color: var(--cf-color-primary);
  box-shadow: var(--cf-focus-ring);
}
/*
|--------------------------------------------------------------------------
| Responsive Addresses
|--------------------------------------------------------------------------
*/
@media (max-width: 48rem) {
  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr;
    gap: var(--cf-space-lg);
  }
  .woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    padding: var(--cf-space-lg);
  }
  .woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
    align-items: flex-start;
  }
}
/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/
@media (max-width: 64rem) {
  .woocommerce-account .u-columns {
    grid-template-columns: 1fr;
    gap: var(--cf-space-xl);
  }
  .woocommerce-account .woocommerce > .woocommerce-account {
    grid-template-columns: 1fr;
    gap: var(--cf-space-2xl);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    min-width: 0;
    float: none;
  }
  .woocommerce-account .dashboard-links {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 48rem) {
  .woocommerce-account .woocommerce-EditAccountForm {
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-account .woocommerce-EditAccountForm .form-row-last,
  .woocommerce-account .woocommerce-EditAccountForm .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm fieldset,
  .woocommerce-account .woocommerce-EditAccountForm > p {
    grid-column: 1;
  }
  .woocommerce-account .cf-container {
    width: min(100% - (var(--cf-space-md) * 2), var(--cf-container-width));
  }
  .woocommerce-account .cf-main {
    padding-block: var(--cf-space-xl);
  }
  .woocommerce-account .cf-page-header {
    margin-bottom: var(--cf-space-xl);
  }
  .woocommerce-account .cf-page-title {
    font-size: clamp(2rem, 9vw, 3rem);
  }
  .woocommerce-account form.woocommerce-form-login,
  .woocommerce-account form.woocommerce-form-register,
  .woocommerce-account form.woocommerce-ResetPassword {
    padding: var(--cf-space-lg);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    padding: var(--cf-space-sm) var(--cf-space-md);
  }
  .woocommerce-account .woocommerce-orders-table {
    display: block;
    overflow-x: auto;
  }
  .woocommerce-account .woocommerce-orders-table table {
    min-width: 42rem;
  }
  .woocommerce-account .woocommerce-message,
  .woocommerce-account .woocommerce-info,
  .woocommerce-account .woocommerce-error {
    align-items: flex-start;
    flex-direction: column;
  }
}
/*
|--------------------------------------------------------------------------
| View Order Details
|--------------------------------------------------------------------------
*/
.woocommerce-account table.woocommerce-table--order-details {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: var(--cf-space-xl);
  border: var(--cf-border-width-thin) solid var(--cf-color-border);
  border-radius: var(--cf-radius-md);
  overflow: hidden;
  background: var(--cf-color-surface);
  color: var(--cf-color-text);
  font-size: var(--cf-font-size-base);
  line-height: 1.6;
}
.woocommerce-account table.woocommerce-table--order-details th,
.woocommerce-account table.woocommerce-table--order-details td {
  padding: var(--cf-space-md) var(--cf-space-lg);
  border: 0;
  vertical-align: top;
  text-align: start;
  white-space: normal;
  overflow-wrap: anywhere;
}
.woocommerce-account table.woocommerce-table--order-details thead th {
  background: var(--cf-color-surface-alt);
  font-weight: var(--cf-font-semibold);
}
.woocommerce-account table.woocommerce-table--order-details thead th:first-child {
  width: 55%;
}
.woocommerce-account table.woocommerce-table--order-details tr > :last-child {
  text-align: end;
}
.woocommerce-account table.woocommerce-table--order-details tbody td,
.woocommerce-account table.woocommerce-table--order-details tfoot th,
.woocommerce-account table.woocommerce-table--order-details tfoot td {
  border-top: var(--cf-border-width-thin) solid var(--cf-color-border);
}
.woocommerce-account table.woocommerce-table--order-details tfoot th,
.woocommerce-account table.woocommerce-table--order-details tfoot td {
  background: var(--cf-color-background);
  font-size: var(--cf-font-size-sm);
  font-weight: var(--cf-font-medium);
}
.woocommerce-account table.woocommerce-table--order-details .amount {
  font-weight: var(--cf-font-semibold);
  font-variant-numeric: tabular-nums;
}
.woocommerce-account table.woocommerce-table--order-details .product-name > a {
  color: var(--cf-color-primary);
  font-weight: var(--cf-font-semibold);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.woocommerce-account table.woocommerce-table--order-details .product-name > a:hover {
  color: var(--cf-color-primary-hover);
}
.woocommerce-account table.woocommerce-table--order-details .product-name > a:focus-visible {
  outline: 2px solid var(--cf-color-primary);
  outline-offset: 3px;
}
.woocommerce-account table.woocommerce-table--order-details .product-quantity {
  display: inline-block;
  color: var(--cf-color-text-muted);
  white-space: nowrap;
}
.woocommerce-account table.woocommerce-table--order-details .shipped_via {
  display: block;
  color: var(--cf-color-text-muted);
  font-size: var(--cf-font-size-sm);
}
.woocommerce-account table.woocommerce-table--order-details .wc-item-meta {
  margin: var(--cf-space-sm) 0 0;
  padding: 0;
  list-style: none;
  color: var(--cf-color-text-muted);
  font-size: var(--cf-font-size-sm);
}
.woocommerce-account table.woocommerce-table--order-details .wc-item-meta p {
  margin: 0;
}
@media (max-width: 48rem) {
  .woocommerce-account table.woocommerce-table--order-details th,
  .woocommerce-account table.woocommerce-table--order-details td {
    padding: var(--cf-space-sm2) var(--cf-space-md);
  }
}
@media (max-width: 30rem) {
  .woocommerce-account table.woocommerce-table--order-details {
    font-size: var(--cf-font-size-sm);
  }
  .woocommerce-account table.woocommerce-table--order-details th,
  .woocommerce-account table.woocommerce-table--order-details td {
    padding: var(--cf-space-sm2) var(--cf-space-sm);
  }
  .woocommerce-account table.woocommerce-table--order-details thead th:first-child {
    width: 50%;
  }
}
/* ==========================================================================
   WooCommerce Secondary / Forward Buttons
   ========================================================================== */
.woocommerce a.button.wc-forward,
.woocommerce-page a.button.wc-forward,
.woocommerce .button.wc-forward,
.woocommerce-page .button.wc-forward {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 20px;
  border: 1px solid var(--cf-color-primary);
  border-radius: var(--cf-button-radius, 6px);
  background: var(--cf-color-primary);
  color: var(--cf-color-on-primary);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}
.woocommerce a.button.wc-forward:hover,
.woocommerce-page a.button.wc-forward:hover,
.woocommerce .button.wc-forward:hover,
.woocommerce-page .button.wc-forward:hover {
  background: var(--cf-color-primary-hover);
  border-color: var(--cf-color-primary-hover);
  color: var(--cf-color-on-primary);
  text-decoration: none;
}
.woocommerce a.button.wc-forward:focus-visible,
.woocommerce-page a.button.wc-forward:focus-visible,
.woocommerce .button.wc-forward:focus-visible,
.woocommerce-page .button.wc-forward:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.woocommerce a.button.wc-forward:active,
.woocommerce-page a.button.wc-forward:active {
  transform: translateY(1px);
}