.woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; }
.woocommerce .woocommerce-MyAccount-navigation ul li { list-style: none; }
.woocommerce .woocommerce-MyAccount-navigation ul li:not(:last-child) { margin-bottom: clamp(0.625rem, 0.3365rem + 1.2821vw, 1.875rem); /* 30px */ }
.woocommerce .emts-account-user { float: left; padding: clamp(2.5rem, 2.2115rem + 1.2821vw, 3.75rem) clamp(1.25rem, 0.6731rem + 2.5641vw, 3.75rem); background-color: var(--primarycolor); border-radius: 0 30px 0 0; width: 28%; }
.woocommerce .woocommerce-MyAccount-navigation ul li a { color: var(--accenttxtcolor); }
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; }
.emts-account-user .custom-account-user-info { display: grid; grid-template-columns: clamp(2.8125rem, 2.3077rem + 2.2436vw, 5rem) 1fr; align-items: center; gap: 20px; margin-bottom: clamp(1.875rem, 1.5865rem + 1.2821vw, 3.125rem); /* 50px */ }
.emts-account-user .custom-account-user-info .custom-user-details p { margin: 0; color: var(--accenttxtcolor); line-height: 1; }
.emts-account-user .custom-account-user-info .custom-user-details p:not(:last-child) { margin-bottom: 10px; }
.emts-account-user .custom-account-user-info .custom-user-details a { line-height: 1; color: var(--accenttxtcolor); transition: all 0.3s ease-out; }
.emts-account-user .custom-account-user-info .custom-user-details a:hover { color: var(--linkhovercolor); }
.emts-account-user .custom-account-user-info .custom-avatar img { border-radius: 15px; }

/* .woocommerce-MyAccount-content > p > a { display: none; } */

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* my account style */

/* non login */
body.woocommerce-account:has(.emts-account-user) .footer,
body.woocommerce-account:has(.emts-account-user) .cus-breadcrumb,
body.woocommerce-account:has(.woocommerce-ResetPassword) .emts-header,
body.woocommerce-account:has(.woocommerce-ResetPassword) .cus-breadcrumb,
body.woocommerce-account:has(.woocommerce-ResetPassword) .footer,
body.woocommerce-account:has(.woocommerce-form-login) .emts-header,
body.woocommerce-account:has(.woocommerce-form-login) .cus-breadcrumb,
body.woocommerce-account:has(.woocommerce-form-login) .footer { display: none; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .main,
body.woocommerce-account:has(.woocommerce-form-login) .main { padding: 0; margin: 0; }

body.woocommerce-account:has(.emts-account-user) .emts-header { margin-bottom: 50px; }

body.woocommerce-account:has(.woocommerce-ResetPassword),
body.woocommerce-account:has(.woocommerce-form-login) { background-color: var(--primarycolor); }
body.woocommerce-account:has(.woocommerce-ResetPassword)>.woocommerce,
body.woocommerce-account .woocommerce > #customer_login { display: grid; align-items: center; }
body.woocommerce-account .woocommerce > #customer_login > div { grid-area: 1/-1; width: 100%; background-color: var(--bodybgcolor); border-radius: 30px; z-index: 0; transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce > #customer_login > div:has(.woocommerce-form-register) { opacity: 0; pointer-events: none; z-index: 1; }
body.woocommerce-account .woocommerce > #customer_login > div:has(.woocommerce-form-register.active) { opacity: 1; pointer-events: painted; }
body.woocommerce-account .woocommerce > #customer_login > div > h2 { display: none; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) { width: 100%; max-width: 740px; height: 100vh; margin: auto; display: grid; justify-content: center; align-items: center; padding: 0 20px; }
body.woocommerce-account .woocommerce>#customer_login>div>form { border: 0; margin: 0; padding: clamp(2.5rem, 1.7788rem + 3.2051vw, 5.625rem) clamp(0.9375rem, 0.2885rem + 2.8846vw, 3.75rem); /* 90px 60px */ }
body.woocommerce-account .login-logo { text-align: center; margin-bottom: clamp(1.875rem, 1.3702rem + 2.2436vw, 4.0625rem); /* 60px to 30px */ }

body.woocommerce-account .woocommerce:has(.woocommerce-form-login) label[for="username"],
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce label[for="user_login"],
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) label[for="password"],
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) label[for="reg_email"],
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) label[for="reg_password"] { position: absolute; left: 26px; top: 10px; pointer-events: none; transition: all 0.3s ease-out; }

body.woocommerce-account .woocommerce:has(.woocommerce-ResetPassword) .woocommerce-form-row:has(input.input-empty) label,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-form-row:has(input.input-empty) label { opacity: 0.3; }

body.woocommerce-account .woocommerce:has(.woocommerce-ResetPassword) .woocommerce-form-row:has(input.input-not-empty) label,
body.woocommerce-account .woocommerce:has(.woocommerce-ResetPassword) .woocommerce-form-row:has(input:focus) label,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-form-row:has(input.input-not-empty) label,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-form-row:has(input:focus) label { opacity: 0; }

body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="text"],
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="password"],
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce input[type="text"],
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="email"] { background-color: transparent; border: 2px solid rgba(var(--secondarycolorRgba),0.3); border-radius: 10px; outline: none; padding: 10px 25px; height: 50px; font-family: var(--primaryfont); transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="text"]:focus,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="password"]:focus,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) input[type="email"]:focus { border-color: rgba(var(--secondarycolorRgba),1); }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .google-login-button { display: block; text-align: center; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form>p .woocommerce-Button,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .google-login-button,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #login-btn,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) button[type="submit"] { font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 16px */ font-weight: var(--fontweight-base); padding: 16px 45px; line-height: 1; background: var(--secondarycolor); color: var(--accenttxtcolor); border: 0; outline: 0; border-radius: 10px; width: 100%; transition: all 0.3s ease-out; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form>p .woocommerce-Button:hover,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .google-login-button:hover,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #login-btn:hover,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) button[type="submit"]:hover { background: var(--linkhovercolor); }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) form .form-row { padding: 0; margin: 0 0 clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); /* 30px */ position: relative; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-LostPassword { text-align: end; margin: 0; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #register-now-btn { padding: 0; margin: 0; background-color: transparent; border: 0; outline: 0; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #register-now-btn { cursor: pointer; font-family: var(--primaryfont); font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 16px */ font-weight: var(--fontweight-base); line-height: 1; color: var(--headaltcolor); transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .woocommerce-LostPassword a:hover,
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #register-now-btn:hover { color: var(--linkhovercolor); }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row:has(#register-now-btn) { height: 0; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) #register-now-btn { position: relative; top: -30px; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox { margin-bottom: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); /* 30px */ line-height: 1.2; font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); /* 16px */ }
body.woocommerce-account .woocommerce:has(.woocommerce-form-register) .woocommerce-privacy-policy-text { margin-bottom: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); /* 30px */ }
body.woocommerce-account .woocommerce:has(.woocommerce-form-register) .woocommerce-privacy-policy-text a { color: var(--linkcolor); transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-register) .woocommerce-privacy-policy-text a:hover { color: var(--linkhovercolor); }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox input[type='checkbox'] { height: 0; width: 0; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox:has(input[type='checkbox']) { position: relative; display: flex; padding-left: clamp(0.9375rem, 0.8152rem + 0.5435vw, 1.25rem); /* 20px to 15px */ align-items: center; transition: color 250ms cubic-bezier(.4, .0, .23, 1); }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox:has(input[type='checkbox']):before { content: ""; position: absolute; top: 0; left: 0; right: auto; bottom: 0; width: clamp(0.6875rem, 0.5652rem + 0.5435vw, 1rem); /* 16px to 11 */ height: clamp(0.6875rem, 0.5652rem + 0.5435vw, 1rem); /* 16px to 11 */ border: 2px solid rgba(var(--secondarycolorRgba),0.3); border-radius: 3px; transition: background-color 250ms cubic-bezier(.4, .0, .23, 1), border-color 250ms cubic-bezier(.4, .0, .23, 1) }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox:has(input[type='checkbox']):after { content: ""; position: absolute; top: -2px; left: clamp(0.375rem, 0.3505rem + 0.1087vw, 0.4375rem); /* 7px to 6px */ right: auto; bottom: 0; transform: rotate(45deg) scale(0); transform-origin: 0% 100%; z-index: 10; border: 3px solid var(--secondarycolor); border-width: 0px 3px 3px 0px; height: clamp(0.5rem, 0.4511rem + 0.2174vw, 0.625rem); /* 8px to 10px */ width: clamp(0.125rem, 0.0761rem + 0.2174vw, 0.25rem); /* 2px to 4px */ margin: auto; transition: transform 0.1s ease-out; transform-origin: center; }
body.woocommerce-account .woocommerce:has(.woocommerce-form-login) .form-row .woocommerce-form__label-for-checkbox:has(input[type='checkbox']:checked):after { transform: rotate(45deg) scale(1); }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce { height: 100vh; padding: 0 20px; display: grid; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form { width: 100%; max-width: 740px; background-color: var(--bodybgcolor); height: fit-content; margin: auto; padding: clamp(2.5rem, 1.7788rem + 3.2051vw, 5.625rem) clamp(0.9375rem, 0.2885rem + 2.8846vw, 3.75rem); /* 90px 60px */ border-radius: 30px; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form>p:not(:has(.woocommerce-Button)) { margin: 0; padding: 0; width: 100%; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form>p:not(:has(.woocommerce-Button)) { margin: 0 0 clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); /* 30px */ position: relative; }
body.woocommerce-account:has(.woocommerce-ResetPassword) .woocommerce>form>p:has(.woocommerce-Button) { margin: 0; }

/* login style */
body.woocommerce-account .woocommerce:has(.emts-account-user) > div { height: 100vh; }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-MyAccount-navigation ul li a { padding: 10px 20px; background-color: transparent; border-radius: 10px; width: 100%; display: block; color: var(--accenttxtcolor); transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-MyAccount-navigation ul li a:hover { background-color: var(--accenttxtcolor); color: var(--primarycolor); }
.woocommerce-account .woocommerce-MyAccount-content { padding-right: clamp(3.125rem, -0.4539rem + 5.5866vw, 6.25rem); /* 100px */ }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-orders-table__cell-order-actions > a { background-color: var(--secondarycolor); color: var(--accenttxtcolor); line-height: 1; transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-orders-table__cell-order-actions > a:hover { background-color: var(--linkhovercolor); }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-orders-table__cell:not(.woocommerce-orders-table__cell-order-actions) > a { color: var(--secondarycolor); transition: all 0.3s ease-out; }
body.woocommerce-account .woocommerce:has(.emts-account-user) .woocommerce-orders-table__cell:not(.woocommerce-orders-table__cell-order-actions) > a:hover { color: var(--linkhovercolor); }

.woocommerce-MyAccount-content .woocommerce-info { font-family: var(--primaryfont); border-top-color: rgba(var(--secondarycolorRgba)) }
.woocommerce-MyAccount-content .woocommerce-info > a { background-color: transparent; padding: 0; outline: 0; border: 0; color: var(--secondarycolor); transition: all 0.3s ease-out; }
.woocommerce-MyAccount-content .woocommerce-order-details a { color: var(--linkcolor); }
.woocommerce-MyAccount-content .woocommerce-info > a:hover { background-color: transparent; color: var(--linkhovercolor); }
.woocommerce-MyAccount-content .woocommerce-order-details a:hover,
.woocommerce-MyAccount-content .woocommerce-info:before { color: var(--secondarycolor); }

.woocommerce-Addresses .woocommerce-Address-title > h2,
.woocommerce-MyAccount-content .woocommerce-customer-details > h2,
.woocommerce-MyAccount-content .woocommerce-order-details > h2 { font-size: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); /* 30px to 20px */ margin-bottom: 15px; }
.woocommerce .woocommerce-customer-details address { padding: 20px; }
.woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address { border: 1px solid rgba(var(--secondarycolorRgba), 0.5); padding: 20px; border-radius: 20px; }
.woocommerce-MyAccount-content p > a,
.woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address a { color: var(--accentcolor); }
.woocommerce-MyAccount-content p > a:hover,
.woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address a:hover { color: var(--linkhovercolor); }
.select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { font-size: 16px; background-color: transparent; border: 2px solid rgba(var(--secondarycolorRgba),0.3); border-radius: 10px; outline: none; padding: 10px 25px; height: 50px; font-family: var(--primaryfont); transition: all 0.3s ease-out; }
.woocommerce form .form-row .select2-container .select2-selection--single { height: 50px; border-radius: 10px; background-color: transparent; border: 2px solid rgba(var(--secondarycolorRgba),0.3); }
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 16px; }
.woocommerce-input-wrapper { width: 100%; display: grid; }
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 10px 10px 0 10px; margin-left: -25px; margin-top: 6px; }
.woocommerce form .form-row .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 10px 10px 10px; }
.select2-container.select2-container--open .select2-dropdown--above,
.select2-container.select2-container--open .select2-dropdown--below { background-color: var(--bodybgcolor); border-color: rgba(var(--secondarycolorRgba), 0.3); border-width: 2px; border-radius: 0 0 20px 20px; overflow: hidden; }
.select2-container.select2-container--open .select2-dropdown--above { border-width: 2px; border-radius: 10px 10px 0 0; }
.select2-container.select2-container--open .select2-dropdown--below { border-width: 2px; border-radius: 0 0 10px 10px; }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 2px solid rgba(var(--secondarycolorRgba),0.3) !important; }

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button:not(.show-password-input),
.woocommerce-MyAccount-content .woocommerce-address-fields button { font-size: 16px; font-weight: var(--fontweight-base); padding: 16px 20px; background-color: var(--secondarycolor); border: 0; outline: 0; color: var(--accenttxtcolor); transition: all 0.3s ease-out; border-radius: 10px; margin-top: 30px; }

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button:not(.show-password-input):hover,
.woocommerce-MyAccount-content .woocommerce-address-fields button:not(.show-password-input):hover { background-color: var(--linkhovercolor); color: var(--accenttxtcolor); }
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 49%; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { border: 2px solid rgba(var(--secondarycolorRgba), 0.3); border-radius: 10px; }


@media screen and (max-width:1540px) {
    .woocommerce .emts-account-user { width: 40%; }
    .woocommerce-account .woocommerce-MyAccount-content { width: 55%; }
}

@media screen and (max-width:1024px) {
    .woocommerce .emts-account-user,
    .woocommerce-account .woocommerce-MyAccount-content { width: 100%; }
    body.woocommerce-account .woocommerce:has(.emts-account-user) > div { display: grid; border-radius: 0; height: fit-content; margin-bottom: 25px; }
    .woocommerce-account .woocommerce-MyAccount-content { padding: 20px; }
    .woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address.col-1 { margin-bottom: 20px; }
}