/* =========================================
   Ultimate Woo Dashboard - Dark & Modern Styles
   ========================================= */

/* --- 1. تنظیمات کلی و لی‌اوت (Flexbox) --- */
body.woocommerce-account {
    background-color: #0B101F !important;
}

.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    position: relative;
    padding: 60px 15px !important; 
    max-width: 1400px; 
    margin: 0 auto;
    box-sizing: border-box !important;
}

/* مخفی کردن عناوین تکراری */
.woocommerce-account .page-title,
.woocommerce-account .entry-title,
.woocommerce-account .entry-header {
    display: none !important;
}

/* مخفی کردن متن‌های پیش‌فرض ووکامرس */
.woocommerce-MyAccount-content > p {
    display: none !important; 
}
.woocommerce-MyAccount-content .uwd-custom-dashboard p,
.woocommerce-MyAccount-content form p,
.woocommerce-MyAccount-content .woocommerce-Message p,
.woocommerce-MyAccount-content .woocommerce-error p,
.woocommerce-MyAccount-content .woocommerce-info p {
    display: block !important;
}

/* --- 2. سایدبار (منوی کناری) --- */
.woocommerce-MyAccount-navigation {
    width: 280px !important;
    flex: 0 0 280px;
    background: #16161a !important; 
    border-radius: 16px;
    padding: 25px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: 1px solid #2d2d32;
    box-sizing: border-box !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 8px;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center;
    padding: 14px 18px !important;
    color: #a0a0ab !important;
    text-decoration: none !important;
    border-radius: 12px;
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.woocommerce-MyAccount-navigation ul li a i.dashicons {
    margin-left: 15px !important; 
    margin-right: 0 !important;
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6e6e78;
    transition: color 0.3s;
}

.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #1e1e24 !important;
    color: #ffffff !important;
    border-color: #2d2d32;
}

.woocommerce-MyAccount-navigation ul li:hover a i,
.woocommerce-MyAccount-navigation ul li.is-active a i {
    color: var(--uwd-primary, #ff5a00) !important;
}

/* --- 3. بخش محتوا (Content Area) --- */
.woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    background: #16161a; 
    color: #d1d1d6;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    border: 1px solid #2d2d32;
    min-height: 500px;
    position: relative;
    box-sizing: border-box !important; 
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #2d2d32;
}

/* --- 4. استایل پیشخوان حرفه‌ای اختصاصی (Grid) --- */
.uwd-custom-dashboard {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.uwd-welcome-box {
    display: flex;
    align-items: center;
    background: #1e1e24;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #2d2d32;
}

.uwd-avatar img {
    border-radius: 50%;
    margin-left: 25px;
    border: 3px solid var(--uwd-primary, #ff5a00);
    padding: 3px;
    background: #16161a;
}

.uwd-welcome-text h3 {
    border: none !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    font-size: 22px;
}
.uwd-welcome-text h3 span {
    color: var(--uwd-primary, #ff5a00);
}
.uwd-welcome-text p {
    color: #a0a0ab;
    margin: 0;
    font-size: 15px;
}

.uwd-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.uwd-grid-item {
    background: #1e1e24;
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #2d2d32;
    transition: all 0.3s ease;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.uwd-grid-item:hover {
    transform: translateY(-5px);
    border-color: var(--uwd-primary, #ff5a00);
    background: #23232a;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.uwd-grid-item i {
    font-size: 36px;
    color: var(--uwd-primary, #ff5a00);
    margin-bottom: 15px;
    display: block;
}

.uwd-grid-item h4 {
    color: #ffffff;
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
}

.uwd-grid-item p {
    color: #8a8a96;
    font-size: 13px;
    margin: 0;
}

/* --- 5. زیباسازی فرم‌ها و آدرس --- */
.woocommerce-MyAccount-content form,
.woocommerce-Address {
    background: #1e1e24;
    padding: 35px;
    border-radius: 16px;
    border: 1px solid #2d2d32;
    margin-bottom: 20px;
    box-sizing: border-box !important;
}

.woocommerce form .form-row {
    margin-bottom: 20px;
}

.woocommerce form .form-row label {
    display: block;
    margin-bottom: 10px;
    color: #d1d1d6;
    font-size: 14px;
    font-weight: 500;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    background: #111115 !important;
    border: 1px solid #33333c !important;
    color: #ffffff !important;
    padding: 14px 18px;
    border-radius: 10px;
    transition: all 0.3s ease;
    box-shadow: none !important;
    font-size: 14px;
    box-sizing: border-box !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--uwd-primary, #ff5a00) !important;
    outline: none;
    background: #16161a !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 0, 0.1) !important;
}

fieldset {
    border: 1px solid #33333c;
    padding: 25px;
    border-radius: 12px;
    margin-top: 35px;
    background: #16161a;
}

fieldset legend {
    color: var(--uwd-primary, #ff5a00);
    font-weight: 600;
    padding: 0 15px;
    font-size: 16px;
}

/* --- 6. جداول (حالت دسکتاپ) --- */
.woocommerce-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #1e1e24;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #2d2d32;
    box-sizing: border-box !important;
}

.woocommerce-table th {
    background: #16161a;
    color: #ffffff;
    padding: 18px 15px;
    text-align: right;
    font-weight: 600;
    border-bottom: 1px solid #2d2d32;
}

.woocommerce-table td {
    padding: 18px 15px;
    border-top: 1px solid #2d2d32;
    color: #a0a0ab;
    vertical-align: middle;
}

.woocommerce-table td a {
    color: #ffffff;
    text-decoration: none;
}
.woocommerce-table td a:hover {
    color: var(--uwd-primary, #ff5a00);
}

/* دکمه‌ها و پیام‌ها */
.woocommerce-Button.button,
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"] {
    background-color: var(--uwd-primary, #ff5a00) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 12px 25px;
    font-weight: 600;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
}
.woocommerce-Button.button:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 90, 0, 0.3);
}

.woocommerce-message, 
.woocommerce-info {
    border-top-color: var(--uwd-primary, #ff5a00) !important;
    background-color: #1e1e24;
    color: #ffffff;
    border-radius: 8px;
    border: 1px solid #2d2d32;
}
.woocommerce-message::before, 
.woocommerce-info::before {
    color: var(--uwd-primary, #ff5a00) !important;
}

/* --- 7. ریسپانسیو کلی (موبایل و تبلت) --- */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
        gap: 20px;
        padding: 30px 10px !important; 
    }
    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        flex: none;
        padding: 15px;
    }
    .woocommerce-MyAccount-content {
        padding: 20px;
    }
    .uwd-welcome-box {
        flex-direction: column;
        text-align: center;
    }
    .uwd-avatar img {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .uwd-dashboard-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* --- 8. اصلاح اختصاصی "لیست سفارشات و دانلودها" در موبایل (جلوگیری از اسکرول) --- */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce,
    .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 10px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* هدف‌گیری دقیق فقط جداول لیست سفارشات و دانلودها (نه صفحه جزئیات) */
    .woocommerce-account table.woocommerce-orders-table,
    .woocommerce-account table.woocommerce-MyAccount-downloads,
    .woocommerce-account table.woocommerce-orders-table tbody,
    .woocommerce-account table.woocommerce-MyAccount-downloads tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important; 
    }

    .woocommerce-account table.woocommerce-orders-table thead,
    .woocommerce-account table.woocommerce-MyAccount-downloads thead {
        display: none !important;
    }

    .woocommerce-account table.woocommerce-orders-table tr,
    .woocommerce-account table.woocommerce-MyAccount-downloads tr {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        border: 1px solid #2d2d32 !important;
        border-radius: 12px !important;
        background: #1e1e24 !important;
        padding: 15px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
        box-sizing: border-box !important;
    }

    .woocommerce-account table.woocommerce-orders-table tr td,
    .woocommerce-account table.woocommerce-MyAccount-downloads tr td {
        display: flex !important;
        flex-wrap: wrap !important; 
        justify-content: space-between !important; 
        align-items: center !important;
        text-align: left !important;
        border: none !important;
        border-bottom: 1px solid #2d2d32 !important;
        padding: 12px 0 !important;
        font-size: 13px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important; 
        word-break: break-word !important; 
    }

    .woocommerce-account table.woocommerce-orders-table tr td:last-child,
    .woocommerce-account table.woocommerce-MyAccount-downloads tr td:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        justify-content: center !important; 
        flex-direction: column !important;
    }

    /* برچسب‌گذاری برای لیست سفارشات */
    .woocommerce-account table.woocommerce-orders-table tr td::before,
    .woocommerce-account table.woocommerce-MyAccount-downloads tr td::before {
        font-weight: bold;
        color: #fff;
    }

    .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number::before { content: "شماره سفارش:"; }
    .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date::before { content: "تاریخ:"; }
    .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status::before { content: "وضعیت:"; }
    .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total::before { content: "مجموع:"; }
    .woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before { display: none !important; }

    /* برچسب‌گذاری برای لیست دانلودها */
    .woocommerce-account table.woocommerce-MyAccount-downloads .download-product::before { content: "محصول:"; }
    .woocommerce-account table.woocommerce-MyAccount-downloads .download-remaining::before { content: "باقیمانده:"; }
    .woocommerce-account table.woocommerce-MyAccount-downloads .download-expires::before { content: "انقضا:"; }
    .woocommerce-account table.woocommerce-MyAccount-downloads .download-file::before { display: none !important; }

    .woocommerce-account table.woocommerce-orders-table .button,
    .woocommerce-account table.woocommerce-MyAccount-downloads .button {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        margin-top: 10px !important;
    }
}

/* --- 9. استایل اختصاصی "مشاهده جزئیات سفارش" در موبایل --- */
@media (max-width: 768px) {
    .woocommerce-account table.order_details {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
    }
    .woocommerce-account table.order_details thead {
        display: none !important; /* مخفی کردن هدر جدول */
    }
    .woocommerce-account table.order_details tbody,
    .woocommerce-account table.order_details tfoot {
        display: block !important;
        width: 100% !important;
    }
    
    /* استایل ردیف محصول در صفحه جزئیات */
    .woocommerce-account table.order_details tbody tr {
        display: flex !important;
        flex-direction: column !important;
        background: #1e1e24 !important;
        border: 1px solid #2d2d32 !important;
        border-radius: 12px !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    .woocommerce-account table.order_details tbody tr td {
        display: block !important;
        border: none !important;
        padding: 5px 0 !important;
        text-align: right !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .woocommerce-account table.order_details tbody tr td.woocommerce-table__product-name {
        font-weight: bold;
        color: #fff !important;
        border-bottom: 1px dashed #2d2d32 !important;
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
    }
    .woocommerce-account table.order_details tbody tr td.woocommerce-table__product-name a {
        color: var(--uwd-primary, #ff5a00) !important;
        text-decoration: none;
    }
    .woocommerce-account table.order_details tbody tr td.woocommerce-table__product-total {
        font-size: 14px;
        color: #a0a0ab;
    }

    /* استایل ردیف‌های جمع کل، قیمت نهایی و روش پرداخت */
    .woocommerce-account table.order_details tfoot tr {
        display: flex !important;
        flex-direction: row !important; /* قرارگیری کنار هم */
        justify-content: space-between !important;
        align-items: center !important;
        background: #1e1e24 !important;
        border: 1px solid #2d2d32 !important;
        border-radius: 12px !important;
        margin-bottom: 10px !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }
    .woocommerce-account table.order_details tfoot tr th,
    .woocommerce-account table.order_details tfoot tr td {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
    }
    .woocommerce-account table.order_details tfoot tr th {
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        text-align: right !important;
    }
    .woocommerce-account table.order_details tfoot tr td {
        color: #a0a0ab !important;
        text-align: left !important;
        font-size: 14px !important;
    }
}

/* =========================================
   10. استایل‌های اختصاصی آپلود آواتار
   ========================================= */
.uwd-avatar-fieldset {
    margin-bottom: 30px;
    margin-top: 0;
}

.uwd-avatar-upload-container {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 10px 0;
}

.uwd-avatar-preview {
    flex-shrink: 0;
}

.uwd-avatar-preview img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #33333c;
    padding: 3px;
    background: #111115;
    transition: all 0.3s ease;
}

.uwd-avatar-preview img:hover {
    border-color: var(--uwd-primary, #ff5a00);
}

.uwd-avatar-input-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.uwd-upload-btn {
    display: inline-flex;
    align-items: center;
    background-color: #2a2a32;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid #3d3d46;
    width: fit-content;
}

.uwd-upload-btn i {
    margin-left: 8px;
    font-size: 18px;
}

.uwd-upload-btn:hover {
    background-color: var(--uwd-primary, #ff5a00);
    border-color: var(--uwd-primary, #ff5a00);
    transform: translateY(-2px);
}

.uwd-upload-desc {
    font-size: 12px !important;
    color: #8a8a96 !important;
    margin: 0 !important;
}

@media (max-width: 576px) {
    .uwd-avatar-upload-container {
        flex-direction: column;
        text-align: center;
    }
    .uwd-upload-btn {
        margin: 0 auto;
    }
}

/* =========================================
   11. استایل‌های باکس پشتیبانی و راهنما
   ========================================= */
.uwd-support-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uwd-support-box {
    display: flex;
    align-items: flex-start;
    background: #1e1e24; /* هماهنگ با تم دارک */
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #2d2d32;
    transition: all 0.3s ease;
}

.uwd-support-box:hover {
    border-color: #44444e;
    transform: translateY(-2px);
}

.uwd-support-icon {
    flex-shrink: 0;
    margin-left: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #23232a;
}
.uwd-support-icon .dashicons {
    font-size: 28px;
    color: #a0a0ab;
}

.uwd-support-info {
    flex: 1;
}

.uwd-support-info h4 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #fff; /* متن سفید */
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.uwd-support-info p {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #a0a0ab;
    line-height: 1.6;
}

/* دکمه تلگرام (آبی) */
.uwd-btn-telegram {
    display: inline-flex;
    align-items: center;
    background-color: #229ED9;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
}
.uwd-btn-telegram:hover {
    background-color: #1c88bb;
    box-shadow: 0 5px 15px rgba(34, 158, 217, 0.3);
}

/* دکمه راهنما (رنگ اصلی سایت) */
.uwd-btn-guide {
    display: inline-flex;
    align-items: center;
    background-color: var(--uwd-primary, #ff5a00);
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
}
.uwd-btn-guide:hover {
    background-color: #e65100;
    box-shadow: 0 5px 15px rgba(255, 90, 0, 0.3);
}

.uwd-btn-telegram .dashicons,
.uwd-btn-guide .dashicons {
    margin-left: 8px;
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* حالت موبایل */
@media (max-width: 600px) {
    .uwd-support-box {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .uwd-support-icon {
        margin-left: 0;
        margin-bottom: 15px;
    }
    .uwd-btn-telegram,
    .uwd-btn-guide {
        width: 100%;
        justify-content: center;
    }
}