.account-login-inner .woocommerce-LostPassword + .woocommerce-LostPassword a {
font-size: 13px !important;
color: #000000 !important;
text-decoration: none !important;
}
.account-login-inner .woocommerce-LostPassword + .woocommerce-LostPassword a:hover {
text-decoration: underline !important;
}
.account-login-inner {
background: #ffffff;
border: 1px solid #e8e8e8;
border-radius: 12px;
padding: 2.5rem;
max-width: 460px;
margin: 2rem auto;
}
.account-login-inner h3.uppercase {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.08em;
color: #1a1a1a;
margin-bottom: 1.75rem;
text-transform: uppercase;
}
.account-login-inner p.woocommerce-form-row {
margin-bottom: 1.1rem !important;
padding: 0 !important;
}
.account-login-inner p.woocommerce-form-row > label {
display: block;
font-size: 14.5px;
font-weight: 700;
color: #000000;
letter-spacing: 0.03em;
margin-bottom: 6px;
text-transform: none;
}
.account-login-inner .required {
color: #e24b4a;
}
.account-login-inner .woocommerce-Input--text {
width: 100% !important;
padding: 10px 14px !important;
border: 1px solid #d4d4d4 !important;
border-radius: 8px !important;
font-size: 14.5px !important;
color: #1a1a1a !important;
background: #fafafa !important;
box-shadow: none !important;
outline: none !important;
transition: border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
height: auto !important;
}
.account-login-inner .woocommerce-Input--text:focus {
border-color: #185fa5 !important;
background: #fff !important;
box-shadow: 0 0 0 3px rgba(24, 95, 165, 0.1) !important;
}
.account-login-inner .password-input {
position: relative;
display: block;
}
.account-login-inner .password-input .woocommerce-Input--text {
padding-right: 44px !important;
}
.account-login-inner .password-input .show-password-input:nth-of-type(2) {
display: none !important;
}
.account-login-inner .password-input .show-password-input {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 4px !important;
margin: 0 !important;
cursor: pointer !important;
color: #aaa !important;
width: auto !important;
height: auto !important;
min-width: unset !important;
min-height: unset !important;
}
.account-login-inner .password-input .show-password-input:hover {
color: #185fa5 !important;
background: transparent !important;
}
.account-login-inner p.form-row:not(.woocommerce-form-row) {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-top: 1.5rem !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.account-login-inner .woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13.5px !important;
color: #666 !important;
cursor: pointer !important;
font-weight: 400 !important;
}
.account-login-inner .woocommerce-form__input-checkbox {
width: 16px !important;
height: 16px !important;
accent-color: #000000 !important;
cursor: pointer !important;
margin: 0 !important;
flex-shrink: 0 !important;
}
.account-login-inner .woocommerce-form-login__submit {
padding: 10px 28px !important;
background: #000000 !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-size: 14.5px !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
cursor: pointer !important;
transition: background 0.15s !important;
box-shadow: none !important;
height: auto !important;
line-height: 1.5 !important;
text-transform: none !important;
}
.account-login-inner .woocommerce-form-login__submit:hover {
background: #0f0f0f !important;
}
.account-login-inner .woocommerce-LostPassword {
text-align: center !important;
margin-top: 1.25rem !important;
padding: 0 !important;
}
.account-login-inner .woocommerce-LostPassword a {
font-size: 13px !important;
color: #000000 !important;
text-decoration: none !important;
}
.account-login-inner .woocommerce-LostPassword a:hover {
text-decoration: underline !important;
}
.account-login-inner .woocommerce-error {
background: #fcebeb !important;
border: 1px solid #f09595 !important;
border-left: 4px solid #e24b4a !important;
border-radius: 8px !important;
padding: 12px 16px !important;
font-size: 13.5px !important;
color: #a32d2d !important;
margin-bottom: 1.5rem !important;
list-style: none !important;
}
.pb-0 {
margin: auto !important;
}
@media (max-width: 600px) {
.account-login-inner {
padding: 1.75rem 1.25rem;
margin: 1rem 0;
border-radius: 10px;
}
.account-login-inner p.form-row:not(.woocommerce-form-row) {
flex-direction: column !important;
align-items: flex-start !important;
}
.account-login-inner .woocommerce-form-login__submit {
width: 100% !important;
text-align: center !important;
}
}