/* ===================================================
   SENIORE | استایل‌های صفحات ویرایش حساب و آدرس
   این فایل را در مسیر زیر ذخیره کنید:
   /wp-content/themes/hello-elementor-child/assets/css/my-account.css
   و در functions.php فراخوانی کنید
   =================================================== */

/* ------------------------------ account setting ------------------------------ */
.myacct-wrapper{
    background:#141414 !important;
    padding:35px !important;
    border-radius:24px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color:#fff !important;
    font-family:"Shabnam",sans-serif !important;
    max-width:850px !important;
    margin:0 auto !important;
    box-shadow:0 10px 40px rgba(0,0,0,0.5) !important;
    font-weight: 500;
}

.myacct-wrapper .myacct-title{
    margin:0 0 30px 0 !important;
    font-size:2.2rem !important;
    text-align:center !important;
    color:#ff6b00 !important;
    font-weight:700 !important;
    letter-spacing:0.3px !important;
}

.myacct-form{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
}

.myacct-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
    width:100% !important;
}

.myacct-field{
    flex:1 1 auto !important;
    display:flex !important;
    flex-direction:column !important;
}

.myacct-row .myacct-field.myacct-half{
    flex:0 0 calc(50% - 10px) !important;
    max-width:calc(50% - 10px) !important;
}

.myacct-field label{
    margin-bottom:8px !important;
    font-size:13px !important;
    font-weight:600 !important;
    color:#b3b3b3 !important;
}

.myacct-input{
    width:100% !important;
    padding:14px 18px !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    border-radius:12px !important;
    background:rgba(10,10,10,0.6) !important;
    color:#fff !important;
    font-size:14px !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all 0.35s !important;
}

.myacct-input:focus{
    border-color:#ff6b00 !important;
    background:rgba(10,10,10,0.8) !important;
    outline:none !important;
    box-shadow: 0 0 0 3px rgba(255,107,0,0.1) !important;
}

.myacct-save .myacct-btn-primary{
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    margin:30px auto 0 auto !important;
    padding:15px 20px !important;
    background:linear-gradient(135deg, #ff6b00, #ea580c) !important;
    color:#fff !important;
    border:none !important;
    border-radius:9999px !important;
    font-size:15px !important;
    font-weight:bold !important;
    cursor:pointer !important;
    text-align:center !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all 0.35s !important;
    box-shadow: 0 4px 20px rgba(255,107,0,0.3) !important;
}

.myacct-save .myacct-btn-primary:hover{
    background:linear-gradient(135deg, #ff7b1a, #f56500) !important;
    transform:translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(255,107,0,0.5) !important;
}

.myacct-field .select2-container{
    width:100% !important;
}

.myacct-field .select2-selection--single{
    height:auto !important;
    padding:14px 16px !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    border-radius:12px !important;
    background:rgba(10,10,10,0.6) !important;
    color:#fff !important;
    font-size:14px !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all 0.35s !important;
}

.myacct-field .select2-selection__rendered{
    line-height:1.5 !important;
    color:#fff !important;
}

.myacct-field .select2-container--focus .select2-selection--single,
.myacct-field .select2-container--default.select2-container--open .select2-selection--single{
    border-color:#ff6b00 !important;
    background:rgba(10,10,10,0.8) !important;
}

.myacct-field .select2-selection__arrow{
    top:50%;
    transform:translateY(-50%);
    right:10px;
}

.myacct-row .myacct-field.myacct-half{
    flex:0 0 calc(50% - 10px) !important;
    max-width:calc(50% - 10px) !important;
    box-sizing:border-box !important;
}

.myacct-row .myacct-field.myacct-third{
    flex:0 0 calc(33.33% - 13.33px) !important;
    max-width:calc(33.33% - 13.33px) !important;
}

.myacct-save{
    width:100% !important;
    margin-top:30px !important;
}

/* responsive */
@media (max-width: 768px){
    .myacct-row{
        display:flex !important;
        flex-wrap:wrap !important;
    }
    .myacct-row .myacct-field.myacct-half,
    .myacct-row .myacct-field.myacct-third{
        float:none !important;
        width:100% !important;
        flex:0 0 100% !important;
        max-width:100% !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px){
    .myacct-row .myacct-field.myacct-third{
        flex:0 0 calc(33.33% - 10px) !important;
        max-width:calc(33.33% - 10px) !important;
    }
}


/* ------------------------------ for user phone ------------------------------ */
.user-phone{
    color:#b3b3b3 !important;
    font-family:'Shabnam',sans-serif !important;
    font-weight: 500;
}