.woocommerce-invalid {
    border-color: #a00 !important;
}

.woocommerce-invalid:focus {
    outline-color: #a00 !important;
}

input[readonly], 
textarea[readonly], 
select[disabled] {
    cursor: not-allowed;
}

.error-message {
    color: red;
    font-size: 12px;
    display: none; /* Hidden by default */
}

.hidden {
    display: none !important;
}

.show {
    display: block;
}


.woocommerce form .password-input, 
.woocommerce-page form .password-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.woocommerce form .password-input input[type=password], 
.woocommerce-page form .password-input input[type=password] {
    padding-right: 2.5rem;
}

.woocommerce form .show-password-input, 
.woocommerce-page form .show-password-input {
    position: absolute;
    right: 0.7em;
    top: 0.7em;
    cursor: pointer;
}

.woocommerce form .show-password-input::after, 
.woocommerce-page form .show-password-input::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: 0.618em;
    content: "\f06e"; /* Unicode for eye icon */
    text-decoration: none;
}

.woocommerce form .show-password-input.display-password::after, 
.woocommerce-page form .show-password-input.display-password::after {
    content: "\f070";  /* Unicode for eye-slash icon */
}