/* =============================== My Account Page Style =============================== */

:root {
  --main-hero-bg: linear-gradient(
    135deg,
    rgb(30, 41, 59),
    rgb(56, 48, 163),
    rgb(30, 41, 59)
  );
}

/* Header */
#masthead {
    background: transparent !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    border-top: unset;
    border-bottom: unset;
}
.site-footer,
.footer-adv,
.ast-footer-overlay,
.ast-small-footer {
    background: var(--main-hero-bg) !important;
    background-size: cover;
    background-position: center;
    background: linear-gradient(135deg, #3b6ef5 0%, #6a5be2 35%, #8a3fe0 65%, #4b2fa6 100%) !important;
}

.site-content{
    background: linear-gradient(135deg, #3b6ef5 0%, #6a5be2 35%, #8a3fe0 65%, #4b2fa6 100%);
    padding: 50px;
}

#customer_login h2{
   color:#fff;
}

.woocommerce-form-login, .woocommerce-form-register {
    border-radius: 15px !important;
    background: #ffffff1a;
}
.woocommerce-form-login p, .woocommerce-form-register p{
    color:#fff;
}

.woocommerce-js form .form-row label {
    color:#fff;
}

.woocommerce-js form .form-row input.input-text, 
.woocommerce-js form .form-row textarea , .form-row-first input 
,.form-row-last input,.form-row-last input,.form-row-wide input{
    border-radius: 10px !important;
    background: #fff3 !important;
    color: #fff !important;
}

.woocommerce-form-login__submit{
    border-radius: 10px;
    width: 100%;
    background: linear-gradient(90deg,#FFC107 0%,#FFB300 35%, #FF9800 65%,#FF8F00 100%) !important;
    transition: all .3s;
}   

.woocommerce-form-login__submit:hover ,.woocommerce-form-register__submit:hover{
    transform: scale(1.03) !important;
}

.woocommerce-LostPassword a,.woocommerce-privacy-policy-link{
    color: #07f8f8;
}

.form-row-wide input:focus, .form-row-first input:focus,
.form-row-last input:focus{
    border: 2px solid !important;
}

.woocommerce-form-register__submit{
    border-radius: 10px;
    width: 100%;
    background: linear-gradient(90deg, #2ECC71, #3498DB) !important;
    transition: all .3s;
}

.woocommerce .g-recaptcha {
    margin-top: 20px;
}

#reg_id_proof {
    padding: 8px;
    width: 100%;
    border: 1px solid var(--ast-border-color);
}

/*==================== Phone Number css start ====================*/
.phone-input-div {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Country code select */
#reg_country_code {
    width: 90px;              
    min-width: 90px;
    border-radius: 10px !important;
    background: #fff3 !important;
    color: #fff !important;
    border: 1px solid var(--ast-border-color);
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Dropdown options */
#reg_country_code option {
    color: #fff;
    background: #a27de9 !important;
}

/* Phone input */
#reg_phone {
    flex: 1;             
    padding: 0 12px;
    border-radius: 10px !important;
    background: #fff3 !important;
    color: #fff !important;
    border: 1px solid var(--ast-border-color);
}

/* Fix dropdown appearing behind other elements */
#reg_country_code {
    position: relative;
    z-index: 10;
}
/*==================== Phone Number css end ====================*/