/* ==============================================================
   1️⃣ قالب کلی – (همان استایل تیره‑نارنجی که قبلا داشتید)
   ============================================================== */
.myacct-wrapper{
    background:#1a1a1a !important;
    padding:35px !important;
    border-radius:14px !important;
    color:#fff !important;
    font-family:"Shabnam",sans-serif !important;
    max-width:850px !important;
    margin:0 auto !important;
    box-shadow:0 4px 12px rgba(0,0,0,0.4) !important;
}
.myacct-wrapper .myacct-title{
    margin:0 0 30px 0 !important;
    font-size:2.2rem !important;
    text-align:center !important;
    color:#ff6600 !important;
    font-weight:700 !important;
    letter-spacing:0.3px !important;
}

/* --------------------------------------------------------------
   2️⃣ Flex container کلی (تمام فرم)
   -------------------------------------------------------------- */
.myacct-form{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;                /* فاصله بین ستون‌ها */
}

/* --------------------------------------------------------------
   3️⃣ ردیف‌های Flex (هر ردیف می‌تواند ۲ یا ۳ ستون داشته باشد)
   -------------------------------------------------------------- */
.myacct-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
    width:100% !important;
}

/* --------------------------------------------------------------
   4️⃣ فیلدهای پایه (پیش‌فرض)
   -------------------------------------------------------------- */
.myacct-field{
    flex:1 1 auto !important;          /* مقدار پیش‌فرض برای تمام فیلدها */
    display:flex !important;
    flex-direction:column !important;
}

/* --------------------------------------------------------------
   5️⃣ **فقط** برای فیلدهای نام و نام خانوادگی (و همچنین
       فیلدهای نام نمایشی + ایمیل که همان کلاس را دارند)
       50 % عرض دقیق – با درنظر گرفتن gap=20px
   -------------------------------------------------------------- */
.myacct-row .myacct-field.myacct-half{
    /* ۲ ستون به اندازهٔ دقیق 50% - نصف فاصله بین آن‌ها (10px) */
    flex:0 0 calc(50% - 10px) !important;
    max-width:calc(50% - 10px) !important;
    /* در موبایل (≤768px) می‌خواهیم هر کدام تمام عرض شود */
}
@media (max-width:768px){
    .myacct-row .myacct-field.myacct-half{
        flex:1 1 100% !important;
        max-width:100% !important;
    }
}

/* --------------------------------------------------------------
   6️⃣ برچسب‌ها
   -------------------------------------------------------------- */
.myacct-field label{
    margin-bottom:6px !important;
    font-size:1rem !important;
    font-weight:600 !important;
    color:#ddd !important;
}

/* --------------------------------------------------------------
   7️⃣ ورودی‌ها (input / select)
   -------------------------------------------------------------- */
.myacct-input{
    width:100% !important;
    padding:14px 16px !important;
    border:2px solid #444 !important;
    border-radius:8px !important;
    background:#111 !important;
    color:#fff !important;
    font-size:0.96rem !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all .2s ease !important;
}
.myacct-input:focus{
    border-color:#ff6600 !important;
    background:#0f0f0f !important;
    outline:none !important;
}

/* --------------------------------------------------------------
   8️⃣ دکمه ذخیره (یک‌بار در انتهای فرم)
   -------------------------------------------------------------- */
.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:#ff6600 !important;
    color:#fff !important;
    border:none !important;
    border-radius:10px !important;
    font-size:1.05rem !important;
    font-weight:600 !important;
    cursor:pointer !important;
    text-align:center !important;
    font-family:"Shabnam",sans-serif !important;
    transition:background .3s ease, transform .1s ease !important;
}
.myacct-save .myacct-btn-primary:hover{
    background:#e65500 !important;
    transform:translateY(-2px) !important;
}

/* --------------------------------------------------------------
   9️⃣ ریسپانسیو کلی – وقتی صفحه کوچک شد همه به‌صورت ستونی می‌افتند
   -------------------------------------------------------------- */
@media (max-width:768px){
    .myacct-row{
        flex-direction:column !important;
    }
    .myacct-field{
        flex-basis:auto !important;
    }
    .myacct-save .myacct-btn-primary{
        max-width:100% !important;
    }
}

/* --------------------------------------------------------------
   🔟 (اختیاری) استایل‌های Select2 – اگر از آن استفاده می‌کنید
   -------------------------------------------------------------- */
.myacct-field .select2-container{
    width:100% !important;
}
.myacct-field .select2-selection--single{
    height:auto !important;
    padding:14px 16px !important;
    border:2px solid #444 !important;
    border-radius:8px !important;
    background:#111 !important;
    color:#fff !important;
    font-size:0.96rem !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all .2s ease !important;
}
.myacct-field .select2-selection__rendered{
    line-height:1.5 !important;
    color:#fff !important;
}
.myacct-field .select2-container--focus .select2-selection--single{
    border-color:#ff6600 !important;
    background:#0f0f0f !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;   /* 2 ستون، کم کردن نصف gap */
    max-width:calc(50% - 10px) !important;
}

/* ----------  فیلدهای یک‌سوم عرض (گذرواژه‌ها) ---------- */
.myacct-row .myacct-field.myacct-third{
    flex:0 0 calc(33.33% - 13.33px) !important; /* 3 ستون، gap 20px → 20/3≈6.66، نصف آن 13.33 */
    max-width:calc(33.33% - 13.33px) !important;
}

/* در نمایشگرهای کوچک همه فیلدها به عرض کامل می‌افتند */
@media (max-width:768px){
    .myacct-row .myacct-field.myacct-half,
    .myacct-row .myacct-field.myacct-third{
        flex:1 1 100% !important;
        max-width:100% !important;
    }
}

/* ----------  ردیف دکمه ذخیره (وسط‌چین) ---------- */
.myacct-save{
    width:100% !important;
    margin-top:30px !important;
}

/* (دکمه اصلی قبلاً استایل .myacct-btn-primary دارد؛ نیازی به تغییر دیگر نیست) */


/* ------------------------------ address ------------------------------ */
/* ==============================================================
   فرم آدرس صورتحساب – کارت مدرن شبیه به بخش اطلاعات حساب
   -------------------------------------------------------------- */
.myaccount-edit-address{
    background:#1a1a1a !important;          /* پس‌زمینهٔ تیره */
    padding:35px !important;
    border-radius:14px !important;
    color:#fff !important;
    font-family:"Shabnam",sans-serif !important;
    max-width:850px !important;
    margin:0 auto !important;               /* مرکز‌چین */
    box-shadow:0 4px 12px rgba(0,0,0,0.4) !important;
}

/* ------------------- عنوان فرم ------------------- */
.myaccount-edit-address .address-form-title{
    margin:0 0 30px 0 !important;
    font-size:2.2rem !important;
    text-align:center !important;
    color:#ff6600 !important;               /* رنگ نارنجی خاص */
    font-weight:700 !important;
    letter-spacing:0.3px !important;
}

/* ------------------- ردیف‌های Flex ------------------- */
.myaccount-edit-address .address-row{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;                    /* فاصله‌ی دلخواه بین ستون‌ها */
    margin-bottom:25px !important;
}

/* هر فیلد (ستون) */
.myaccount-edit-address .address-field{
    flex:1 !important;                       /* دو ستون مساوی */
    display:flex !important;
    flex-direction:column !important;
}

/* فیلدهای تمام عرض (آدرس خط 1) */
.myaccount-edit-address .address-field.full-width{
    flex-basis:100% !important;            /* تمام عرض ردیف */
}

/* ------------------- برچسب‌ها (labels) ------------------- */
.myaccount-edit-address .address-field label{
    margin-bottom:6px !important;
    font-size:1rem !important;
    font-weight:600 !important;
    color:#ddd !important;
}

/* ------------------- فیلدهای ورودی (inputs) ------------------- */
.myaccount-edit-address .address-field input,
.myaccount-edit-address .address-field select{
    width:100% !important;
    padding:14px 16px !important;           /* پدینگ داخل فیلدها */
    border:2px solid #444 !important;       /* حاشیه ضخیم */
    border-radius:8px !important;           /* گوشه‌های نرم */
    background:#111 !important;
    color:#fff !important;
    font-size:0.96rem !important;
    font-family:"Shabnam",sans-serif !important;
    transition:all .2s ease !important;
}
.myaccount-edit-address .address-field input:focus,
.myaccount-edit-address .address-field select:focus{
    border-color:#ff6600 !important;        /* Highlight در فوکوس */
    background:#0f0f0f !important;
    outline:none !important;
}

/* ------------------- دکمه ذخیره (ذخیره آدرس) ------------------- */
.myaccount-edit-address .address-form .button-primary{
    display:block !important;
    width:100% !important;
    max-width:280px !important;               /* حداکثر عرض */
    margin:30px auto 0 auto !important;       /* مرکز‌چین و فاصله بالا */
    padding:15px 20px !important;             /* پدینگ داخلی */
    background:#ff6600 !important;
    color:#fff !important;
    border:none !important;
    border-radius:10px !important;
    font-size:1.05rem !important;
    font-weight:600 !important;
    cursor:pointer !important;
    text-align:center !important;
    font-family:"Shabnam",sans-serif !important;
    transition:background .3s ease, transform .1s ease !important;
}
.myaccount-edit-address .address-form .button-primary:hover{
    background:#e65500 !important;
    transform:translateY(-2px) !important;    /* افکت بالا بردن جزئی */
}

/* ------------------- ریسپانسیو (موبایل) ------------------- */
@media (max-width:768px){
    .myaccount-edit-address .address-row{
        flex-direction:column !important;   /* در موبایل به ستون تبدیل می‌شود */
    }
    .myaccount-edit-address .address-field{
        flex-basis:auto !important;
    }

    .myaccount-edit-address .address-form .button-primary{
        max-width:100% !important;           /* دکمه تمام عرض شود */
    }
}


/* ------------------------------ orders ------------------------------ */
/* all form */
.myaccount-orders-cards{
    background:#1a1a1a !important;
    padding:30px !important;
    border-radius:12px !important;
    font-family:"Shabnam",sans-serif !important;
    color:#fff !important;
}
.myaccount-orders-cards .myaccount-form-title{
    margin:0 0 25px 0 !important;
    font-size:1.6rem !important;
    text-align:center !important;
    color:#ff6600 !important;
}
.order-card{
    background:#111 !important;
    border-radius:10px !important;
    margin-bottom:20px !important;
    overflow:hidden !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.4) !important;
}
.order-card-header{
    display:flex !important;
    justify-content:space-between !important;
    background:#ff6600 !important;
    color:#fff !important;
    padding:12px 15px !important;
    font-weight:600 !important;
    font-size:0.96rem !important;
}
.order-card-header .order-number{
    font-size:0.95rem !important;
}
.order-card-header .order-status{
    text-transform:capitalize !important;
    font-size:0.9rem !important;
}
/* color show level */
.order-status.completed   { background:#28a745 !important; padding:4px 8px; border-radius:4px; }
.order-status.processing  { background:#ffc107 !important; padding:4px 8px; border-radius:4px; }
.order-status.on‑hold     { background:#fd7e14 !important; padding:4px 8px; border-radius:4px; }
.order-status.cancelled   { background:#dc3545 !important; padding:4px 8px; border-radius:4px; }

.order-card-body{ padding:15px !important; }
.order-details{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.order-details li{
    margin-bottom:8px !important;
    font-size:0.94rem !important;
}
.order-details li strong{
    color:#ff6600 !important;
}
.order-card-footer{
    background:#222 !important;
    text-align:center !important;
    padding:12px !important;
}
.order-card-footer .button-primary{
    background:#ff6600 !important;
    border:none !important;
    border-radius:6px !important;
    color:#fff !important;
    padding:8px 16px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    transition:background .2s !important;
}
.order-card-footer .button-primary:hover{
    background:#e65500 !important;
}
.no-orders{
    text-align:center !important;
    font-size:1rem !important;
    color:#ddd !important;
}
.order-pagination ul{
    display:flex !important;
    justify-content:center !important;
    list-style:none !important;
    gap:8px !important;
    margin:30px 0 0 0 !important;
    padding:0 !important;
}
.order-pagination li{ margin:0 !important; }
.order-pagination a,
.order-pagination .current{
    display:block !important;
    padding:6px 12px !important;
    background:#333 !important;
    color:#fff !important;
    border-radius:4px !important;
    text-decoration:none !important;
}
.order-pagination a:hover{ background:#ff6600 !important; }
.order-pagination .current{ background:#ff6600 !important; font-weight:600 !important; }
/* detail order */
.woocommerce-order-view{
    background:#1a1a1a !important;
    padding:30px !important;
    border-radius:12px !important;
    font-family:"Shabnam",sans-serif !important;
    color:#fff !important;
}

/* title orginal - level */
.order-view-title{
    margin:0 0 15px 0 !important;
    font-size:1.8rem !important;
    text-align:center !important;
    color:#ff6600 !important;
}
.order-status-badge{
    display:inline-block !important;
    padding:6px 12px !important;
    border-radius:6px !important;
    font-weight:600 !important;
    text-transform:capitalize !important;
    margin-bottom:20px !important;
}
.order-status-badge.completed   { background:#28a745 !important; color:#fff !important; }
.order-status-badge.processing  { background:#ffc107 !important; color:#222 !important; }
.order-status-badge.on‑hold     { background:#fd7e14 !important; color:#fff !important; }
.order-status-badge.cancelled   { background:#dc3545 !important; color:#fff !important; }
.order-status-badge.failed      { background:#d9534f !important; color:#fff !important; }

/* summary */
.order-summary{
    list-style:none !important;
    margin:0 0 25px 0 !important;
    padding:0 !important;
    font-size:0.96rem !important;
}
.order-summary li{
    margin-bottom:8px !important;
}
.order-summary li strong{
    color:#ff6600 !important;
}
/* products list */
.order-items{
    margin:30px 0 !important;
}
.order-items .section-title{
    font-size:1.5rem !important;
    margin-bottom:15px !important;
    color:#ff6600 !important;
    text-align:center !important;
}
.order-item-card{
    background:#111 !important;
    border-radius:8px !important;
    margin-bottom:20px !important;
    overflow:hidden !important;
    display:flex !important;
    gap:15px !important;
    padding:15px !important;
}
.order-item-thumb img{
    max-width:100px !important;
    border-radius:6px !important;
}
.order-item-details{
    flex:1 !important;
}
.order-item-name a{
    color:#ff6600 !important;
    text-decoration:none !important;
    font-weight:600 !important;
}
.order-item-name a:hover{
    color:#e65500 !important;
    text-decoration:underline !important;
}
.order-item-meta{
    margin-top:5px;
    font-size:0.9rem;
    color:#ddd;
}
.order-item-qty-price{
    margin-top:10px;
    display:flex;
    justify-content:space-between;
    font-weight:600;
}
/* order totals */
.order-totals{
    margin-top:30px !important;
}
.order-totals .section-title{
    font-size:1.5rem !important;
    margin-bottom:15px !important;
    color:#ff6600 !important;
    text-align:center !important;
}
.order-totals-table{
    width:100% !important;
    border-collapse:collapse !important;
    background:#111 !important;
    border-radius:8px !important;
    overflow:hidden !important;
}
.order-totals-table th,
.order-totals-table td{
    padding:12px !important;
    border-top:1px solid #333 !important;
    text-align:left !important;
    color:#ddd !important;
}
.order-totals-table th{
    background:#ff6600 !important;
    color:#fff !important;
    font-weight:600 !important;
}
.order-totals-table .order-total .amount{
    font-weight:600 !important;
    color:#ff6600 !important;
}
/* btn's done */
.order-actions{
    margin-top:30px !important;
    text-align:center !important;
}
.order-actions .button{
    background:#ff6600 !important;
    border:none !important;
    border-radius:6px !important;
    color:#fff !important;
    padding:10px 20px !important;
    font-weight:600 !important;
    margin:5px !important;
    cursor:pointer !important;
    transition:background .2s !important;
    text-decoration:none !important;
}
.order-actions .button:hover{
    background:#e65500 !important;
}
/* message */
.woocommerce-Message{
    background:#333 !important;
    color:#fff !important;
    border-radius:8px !important;
    padding:20px !important;
    text-align:center !important;
}
/* responsive */
@media (max-width:768px){
    /* کارت سفارشی لیست سفارش‌ها */
    .order-card{
        flex-direction:column !important;
    }

    /* کارت محصول (view‑order) */
    .order-item-card{
        flex-direction:column !important;
        align-items:center !important;
    }
    .order-item-thumb img{
        max-width:80px !important;
    }

    /* جدول هزینه‌ها به بلاک تبدیل می‌شود */
    .order-totals-table,
    .order-totals-table thead,
    .order-totals-table tbody,
    .order-totals-table th,
    .order-totals-table td,
    .order-totals-table tr{
        display:block !important;
        width:100% !important;
    }
    .order-totals-table thead{ display:none !important; }
    .order-totals-table tr{
        margin-bottom:12px !important;
        background:#111 !important;
        border-radius:6px !important;
        padding:8px !important;
    }
    .order-totals-table td{
        text-align:left !important;
        padding:5px !important;
        border:none !important;
        position:relative !important;
    }
    .order-totals-table td:before{
        content: attr(data-title);
        display:block;
        font-weight:600;
        color:#ff6600;
        margin-bottom:4px;
    }

    /* دکمه‌ها به‌صورت بلوک */
    .order-actions .button{
        display:block !important;
        width:100% !important;
        margin:8px 0 !important;
    }
}
/* ------------------------------ dashboard ------------------------------ */
.myaccount-dashboard{
    background:#1a1a1a !important;
    padding:30px !important;
    border-radius:12px !important;
    color:#fff !important;
    font-family:"Shabnam",sans-serif !important;
}

/* welcome message*/
.dashboard-greeting{
    text-align:center !important;
    margin-bottom:30px !important;
}
.dashboard-greeting .dashboard-title{
    font-size:1.8rem !important;
    color:#ff6600 !important;
    margin:0 !important;
}
.dashboard-greeting .dashboard-subtitle{
    font-size:1rem !important;
    color:#ddd !important;
    margin-top:8px !important;
}

/* cards*/
.dashboard-stats{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:15px !important;
    justify-content:center !important;
    margin-bottom:35px !important;
}
.dashboard-stats .stat-card{
    background:#111 !important;
    border-radius:8px !important;
    flex:1 1 200px !important;
    padding:20px !important;
    text-align:center !important;
    color:#fff !important;
    transition:transform .2s !important;
}
.dashboard-stats .stat-card:hover{
    transform:scale(1.04) !important;
}
.dashboard-stats .stat-number{
    display:block !important;
    font-size:1.8rem !important;
    color:#ff6600 !important;
    font-weight:600 !important;
    margin-bottom:5px !important;
}
.dashboard-stats .stat-label{
    font-size:0.95rem !important;
    color:#ddd !important;
}

/* widget*/
.dashboard-widget{
    background:#111 !important;
    border-radius:10px !important;
    padding:20px !important;
    margin-bottom:30px !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.4) !important;
}
.dashboard-widget .widget-title{
    font-size:1.4rem !important;
    color:#ff6600 !important;
    margin:0 0 12px 0 !important;
    text-align:center !important;
}
.dashboard-widget .widget-desc{
    font-size:0.94rem !important;
    color:#ddd !important;
    text-align:center !important;
    margin-bottom:15px !important;
}

/* form tipax*/
.tipak-form{
    display:flex !important;
    gap:10px !important;
    justify-content:center !important;
}
.tipak-form input{
    flex:1 !important;
    padding:10px 12px !important;
    border:1px solid #444 !important;
    border-radius:6px !important;
    background:#222 !important;
    color:#fff !important;
    font-size:0.95rem !important;
}
.tipak-form input:focus{
    border-color:#ff6600 !important;
    outline:none !important;
}
.tipak-form .button-primary{
    background:#ff6600 !important;
    border:none !important;
    border-radius:6px !important;
    color:#fff !important;
    padding:10px 16px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    transition:background .2s !important;
}
.tipak-form .button-primary:hover{
    background:#e65500 !important;
}

/* last order card*/
.latest-order-widget ul{
    list-style:none !important;
    margin:0 0 15px 0 !important;
    padding:0 !important;
}
.latest-order-widget li{
    margin-bottom:8px !important;
    font-size:0.94rem !important;
}
.latest-order-widget li strong{
    color:#ff6600 !important;
}
.order-status-badge{
    display:inline-block !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    font-size:0.9rem !important;
    text-transform:capitalize !important;
}
.order-status-badge.completed   { background:#28a745 !important; color:#fff !important; }
.order-status-badge.processing  { background:#ffc107 !important; color:#222 !important; }
.order-status-badge.on‑hold     { background:#fd7e14 !important; color:#fff !important; }
.order-status-badge.cancelled   { background:#dc3545 !important; color:#fff !important; }

/* btn in the widget*/
.dashboard-widget .button-primary{
    width:100% !important;
    background:#ff6600 !important;
    border:none !important;
    border-radius:6px !important;
    color:#fff !important;
    padding:10px !important;
    text-align: center !important;
}



/*  style برای نمایش شماره‌تلفن  */
.user-phone{
    color:#fff;                     /* رنگ سفید */
    font-family:'Shabnam',sans-serif;  /* فونت شبنم */
    /* اگر می‌خواهید اندازه یا فاصله هم تنظیم کنید می‌توانید اضافه کنید */
    /* font-size:14px;  */
}