/* ===============================
   WooCommerce My Account Custom UI
================================ */

/* کانتینر کلی حساب کاربری */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

/* منوی حساب کاربری */
/* اصلاح منوی سمت راست */
.woocommerce-MyAccount-navigation ul {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.woocommerce-MyAccount-navigation ul li {
    border: none !important; /* حذف خطوط بین آیتم‌ها */
    padding: 2px 0 !important; /* ایجاد کمی فاصله بین دکمه‌ها */
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between; /* متن سمت راست، آیکون سمت چپ */
    padding: 12px 15px !important;
    border-radius: 12px !important; /* گرد کردن لبه‌ها */
    background: #fff;
    color: #4b5563;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: 1px solid #f3f4f6; /* یک بوردر خیلی کمرنگ */
}

/* استایل آیتم فعال (کلیک شده) */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

/* استایل آیکون‌های داخل منو */
.woocommerce-MyAccount-navigation ul li a::before {
    order: 2; /* بردن آیکون به سمت چپ/آخر */
    margin-right: auto;
    font-size: 18px;
    background: transparent !important;
}

/* hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f4f7fb;
    color: #111827;
    transform: translateX(-3px);
}

/* محتوای حساب */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    background: #ffffff;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.055);
    min-height: 400px;
}

/* داشبورد اختصاصی */
.custom-account-dashboard {
    margin-bottom: 28px;
}

/* باکس خوش‌آمدگویی */
.account-welcome-box {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border-radius: 24px;
    padding: 30px;
    color: #ffffff;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

.account-welcome-box::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    left: -60px;
    top: -60px;
}

.account-welcome-box h2 {
    color: #ffffff;
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 800;
}

.account-welcome-box p {
    margin: 0;
    opacity: 0.92;
    font-size: 15px;
}

/* کارت‌های آمار */
.account-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 24px;
}

.account-stat-card {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all 0.25s ease;
}

.account-stat-card:hover {
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.account-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.account-stat-card strong {
    display: block;
    color: #111827;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 3px;
}

.account-stat-card p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
}

/* لینک‌های سریع */
.account-quick-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.account-quick-links a {
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 16px;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-decoration: none !important;
    color: #374151;
    font-weight: 600;
    font-size: 14px;
}

.account-quick-links a span {
    display: block;
    font-size: 25px;
    margin-bottom: 8px;
}

.account-quick-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    border-color: #e5e7eb;
}

/* آخرین سفارش */
.account-last-order-box {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 24px;
    margin-top: 30px;
}

.account-last-order-box h3 {
    margin: 0 0 18px;
    font-size: 21px;
    font-weight: 800;
    color: #111827;
}

.last-order-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}

.last-order-content div {
    background: #ffffff;
    border-radius: 16px;
    padding: 15px;
}

.last-order-content span {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-bottom: 6px;
}

.last-order-content strong {
    color: #111827;
    font-size: 15px;
}

/* دکمه آخرین سفارش */
a.view-last-order-btn {
    display: inline-block !important;
    margin-top: 0px !important;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4338ca !important; /* بنفش اصلی */
    background: #eff2ff !important; /* پس‌زمینه بسیار ملایم */
    border: 1px solid #dce2ff !important; /* لبه‌های نرم */
    border-radius: 10px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important; /* زمان ترنزیشن را بیشتر کردیم تا نرم‌تر شود */
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

/* هاور جدید و نرم */
a.view-last-order-btn:hover {
    background: #e0e7ff !important; /* فقط یک درجه تیره تر از حالت قبل */
    color: #3730a3 !important; /* متن کمی پررنگ تر شود به جای سفید شدن */
    border-color: #c7d2fe !important;
    box-shadow: 0 4px 12px rgba(67, 56, 202, 0.08) !important; /* کمی عمق می‌گیرد */
    transform: translateY(-1px); /* یک پیکسل به بالا می‌پرد که حس کلیک بدهد */
}

/* badge وضعیت سفارش */
.order-status-badge {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px !important;
    font-weight: 800;
}

.status-processing {
    background: #fef3c7;
    color: #92400e !important;
}

.status-completed {
    background: #dcfce7;
    color: #166534 !important;
}

.status-on-hold {
    background: #e0f2fe;
    color: #075985 !important;
}

.status-cancelled,
.status-failed,
.status-refunded {
    background: #fee2e2;
    color: #991b1b !important;
}

.status-pending {
    background: #f3f4f6;
    color: #374151 !important;
}

.view-last-order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #ffffff !important;
    padding: 12px 20px;
    border-radius: 14px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.25s ease;
}

.view-last-order-btn:hover {
    background: #2563eb;
    transform: translateY(-2px);
}

/* جدول سفارش‌ها */
.woocommerce-account table.shop_table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.woocommerce-account table.shop_table thead th {
    background: #f8fafc;
    color: #475569;
    padding: 14px;
    font-weight: 800;
    border: none;
}

.woocommerce-account table.shop_table tbody tr {
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.05);
    border-radius: 16px;
}

.woocommerce-account table.shop_table tbody td {
    padding: 16px 14px;
    border: none;
    vertical-align: middle;
}

/* دکمه‌ها */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button {
    background: #2563eb !important;
    color: #ffffff !important;
    border-radius: 13px !important;
    padding: 11px 18px !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.25s ease;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover {
    background: #1d4ed8 !important;
    transform: translateY(-2px);
}

/* فرم‌ها */
.woocommerce-account form .form-row label {
    color: #334155;
    font-weight: 700;
    margin-bottom: 7px;
}

.woocommerce-account form input.input-text,
.woocommerce-account form select,
.woocommerce-account form textarea {
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    background: #ffffff;
    color: #111827;
    transition: all 0.2s ease;
}

.woocommerce-account form input.input-text:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
    outline: none;
}

/* پیام‌های ووکامرس */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border-radius: 16px;
    border-top: none;
    padding: 16px 18px;
    background: #f8fafc;
}

/* ریسپانسیو */
@media (max-width: 921px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        flex: none;
        position: static;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin-bottom: 0;
    }

    .account-stats-grid,
    .last-order-content {
        grid-template-columns: 1fr;
    }

    .account-quick-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 544px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 18px;
        border-radius: 18px;
    }

    .account-welcome-box {
        padding: 22px;
        border-radius: 18px;
    }

    .account-welcome-box h2 {
        font-size: 21px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }

    .account-quick-links {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   نسخه کارت برای سفارش ها در موبایل
==============================================*/
@media (max-width: 768px) {
    .woocommerce-account table.shop_table_responsive thead {
        display: none;
    }

    .woocommerce-account table.shop_table_responsive tbody tr {
        display: block;
        margin-bottom: 16px;
        padding: 14px;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
    }

    .woocommerce-account table.shop_table_responsive tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid #f1f5f9;
        text-align: left !important;
    }

    .woocommerce-account table.shop_table_responsive tbody td:last-child {
        border-bottom: none;
    }

    .woocommerce-account table.shop_table_responsive tbody td::before {
        content: attr(data-title);
        font-weight: 800;
        color: #475569;
        margin-left: 12px;
    }
}

/* ============================================
   کد مخصوص بخش داخلی سفارش ها، دانلودها و آدرس ها
==============================================*/
/* ===============================
   Custom Account Inner Sections
================================ */

.custom-account-section {
    width: 100%;
}

.account-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 24px;
    margin-bottom: 24px;
}

.account-section-header h2 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 24px;
    font-weight: 900;
}

.account-section-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

/* Empty State */
.custom-empty-state {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 24px;
    padding: 42px 24px;
    text-align: center;
}

.custom-empty-state .empty-icon {
    font-size: 48px;
    margin-bottom: 14px;
}

.custom-empty-state h3 {
    margin: 0 0 10px;
    color: #111827;
    font-size: 22px;
    font-weight: 900;
}

.custom-empty-state p {
    margin: 0 0 20px;
    color: #64748b;
}

/* Buttons */
.custom-account-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2563eb;
    color: #ffffff !important;
    border-radius: 14px;
    padding: 11px 18px;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 14px;
    border: none;
    transition: all 0.25s ease;
}

.custom-account-btn:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
}

.custom-account-btn.secondary {
    background: #111827;
}

.custom-account-btn.secondary:hover {
    background: #374151;
}

/* ===============================
   Orders Cards
================================ */

.custom-orders-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.custom-order-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.055);
    transition: all 0.25s ease;
}

.custom-order-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.09);
}

.custom-order-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.order-label {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-bottom: 5px;
}

.custom-order-card-top strong {
    color: #111827;
    font-size: 20px;
    font-weight: 900;
}

.custom-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.custom-order-card-body {
    background: #f8fafc;
    border-radius: 18px;
    padding: 14px;
    margin-bottom: 18px;
}

.order-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb;
}

.order-info-row:last-child {
    border-bottom: none;
}

.order-info-row span {
    color: #64748b;
    font-size: 13px;
}

.order-info-row strong {
    color: #111827;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
}

.custom-order-card-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Order statuses */
.status-processing {
    background: #fef3c7;
    color: #92400e !important;
}

.status-completed {
    background: #dcfce7;
    color: #166534 !important;
}

.status-on-hold {
    background: #e0f2fe;
    color: #075985 !important;
}

.status-pending {
    background: #f3f4f6;
    color: #374151 !important;
}

.status-cancelled,
.status-failed,
.status-refunded {
    background: #fee2e2;
    color: #991b1b !important;
}

/* ===== view order ====== */

/* 1. اصلاح ظرف اصلی برای حل مشکل اسکرول و نمایش */
.woocommerce-view-order .woocommerce-view-order {
    background: #ffffff;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    height: auto !important; /* اطمینان از اینکه ارتفاع محدود نیست */
    overflow: visible !important; /* حل مشکل مخفی شدن آدرس‌ها */
    margin-bottom: 40px;
}

/* 2. استایل مدرن جدول سفارش (حذف خطوط اضافی) */
.woocommerce-view-order .shop_table.order_details {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-top: 20px !important;
    border: 1px solid #f1f5f9 !important;
}

.woocommerce-view-order .shop_table.order_details thead th {
    background: #f8fafc !important;
    color: #64748b !important;
    padding: 18px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.woocommerce-view-order .shop_table.order_details tbody td {
    padding: 20px !important;
    border-bottom: 1px solid #f8fafc !important;
    color: #334155 !important;
}

/* 3. استایل بخش مجموع کل (پایین جدول) */
.woocommerce-view-order .shop_table.order_details tfoot th {
    background: #fcfdfe !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #64748b !important;
}

.woocommerce-view-order .shop_table.order_details tfoot td {
    background: #fcfdfe !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-weight: 700;
}

/* ردیف آخر (قیمت نهایی) را متمایز کنیم */
.woocommerce-view-order .shop_table.order_details tfoot tr:last-child th,
.woocommerce-view-order .shop_table.order_details tfoot tr:last-child td {
    background: #4f46e5 !important;
    color: #ffffff !important;
    border: none !important;
}

/*  ===== زیبا سازی کارت های آدرس ===== */
/* کانتینر اصلی کارت‌ها */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-columns--addresses {
    display: flex !important;
    flex-wrap: wrap;
    gap: 25px !important;
    align-items: stretch !important;
}

/* کارت اصلی */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column {
    flex: 1 1 300px;
    background: #fff !important;
    /* این حاشیه اصلی و تمیز */
    border: 1.5px solid #cbd5e1 !important; 
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden; /* این کلید اصلیه: باعث می‌شه هرچی داخل کارت هست توی قالب گرد بریده بشه */
    background-clip: padding-box; /* تضمین می‌کنه رنگ پس‌زمینه از لبه کارت بیرون نزنه */
    display: flex;
    flex-direction: column;
    box-shadow: none !important;
}

/* هدر کارت */
.woocommerce-view-order .woocommerce-column__title {
    margin: 0 !important;
    padding: 20px !important;
    background-color: #f8fafc !important;
    /* فقط یک خط در پایین هدر می‌کشیم، چون خطوط دورِ کانتینر اصلی، خودشون وظیفه رو انجام می‌دن */
    border-bottom: 1.5px solid #cbd5e1 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    text-align: center !important;
    border-top: none !important; /* حذف مرزهای اضافی */
    border-left: none !important;
    border-right: none !important;
}

/* بدنه آدرس */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column address {
    flex-grow: 1; /* باعث می‌شه کارت‌ها همیشه هم‌قد باشن */
    padding: 30px 20px !important;
    text-align: center !important;
    font-style: normal !important;
    line-height: 2.3 !important;
    color: #475569 !important;
    font-size: 15px !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

/* حذف المان‌های مخفی قالب */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column::before,
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column::after {
    display: none !important;
}

/* افکت هاور برای کارت‌های آدرس */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column {
    /* تنظیم سرعت تغییرات (انیمیشن نرم) */
    transition: all 0.3s ease-in-out !important;
    cursor: default;
}

.woocommerce-view-order .woocommerce-customer-details .woocommerce-column:hover {
    /* کارت ۱ پله (۵ پیکسل) بالا می‌آید */
    transform: translateY(-5px) !important;
    
    /* تغییر رنگ خط دور به رنگی کمی تیره‌تر و مشخص‌تر */
    border-color: #94a3b8 !important; 
    
    /* ایجاد یک سایه نرم و حرفه‌ای زیر کارت */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 
                0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}

/* تغییر رنگ هدر در حالت هاور (اختیاری - برای جذابیت بیشتر) */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-column:hover .woocommerce-column__title {
    background-color: #f1f5f9 !important;
    border-bottom-color: #94a3b8 !important;
    transition: all 0.3s ease-in-out !important;
}

/* استایل دکمه سفارش دوباره در پایین صفحه */
/* دکمه سفارش دوباره */
p.order-again {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 35px auto 10px !important;
    text-align: center !important;
}

p.order-again a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;

    border: 1px solid #e4e4e4 !important;
    border-radius: 14px !important;

    padding: 11px 30px !important;
    min-width: 150px;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
    text-decoration: none !important;

    transition: all 0.25s ease !important;
}

p.order-again a.button:hover {
    background: #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    color: #111111 !important;
    border-color: #d6d6d6 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px);
}

/* ===============================
   Downloads
================================ */

.custom-downloads-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.custom-download-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
}

.download-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.download-content h3 {
    margin: 0 0 6px;
    color: #111827;
    font-size: 18px;
    font-weight: 900;
}

.download-content p {
    margin: 0 0 10px;
    color: #64748b;
    font-size: 14px;
}

.download-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.download-meta span {
    background: #f8fafc;
    color: #475569;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
}

.download-meta strong {
    color: #111827;
}

/* ===============================
   Addresses
================================ */

.custom-addresses-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.custom-address-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.055);
}

.address-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.address-card-header > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.address-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.address-card-header h3 {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 900;
}

.address-edit-link {
    background: #eff6ff;
    color: #2563eb !important;
    border-radius: 999px;
    padding: 8px 13px;
    text-decoration: none !important;
    font-weight: 800;
    font-size: 13px;
    transition: all 0.25s ease;
}

.address-edit-link:hover {
    background: #2563eb;
    color: #ffffff !important;
}

.address-card-content {
    background: #f8fafc;
    border-radius: 18px;
    padding: 18px;
    color: #334155;
    line-height: 2;
    min-height: 130px;
}

.empty-address {
    margin: 0;
    color: #94a3b8;
}

/* ===============================
   Account information
================================ */
.custom-account-details {
    /* حذف پس‌زمینه، سایه و حاشیه برای از بین بردن لایه دوم */
    background: transparent !important; 
    padding: 0 !important; 
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* اگر می‌خواهید بین تیتر "اطلاعات حساب" و لبه کادر اصلی کمی فاصله باشد */
.custom-account-details {
    margin-top: 10px;
}

/* تغییر اصلی: grid-template-columns را به 1fr تغییر می‌دهیم */
.account-form-grid{
display:grid;
grid-template-columns:1fr; /* حالا به صورت پیش‌فرض تک ستونه است */
gap:20px;
margin-bottom:25px;
}

/* این کلاس دیگر لازم نیست چون گرید پیش‌فرض تک ستونه است */
/* .account-form-grid .full{
grid-column:1/-1;
} */

.form-field label{
display:block;
font-size:13px;
margin-bottom:6px;
color:#666;
}

.form-field input{
width:100%;
padding:12px 14px;
border:1px solid #e5e7eb;
border-radius:10px;
font-size:14px;
transition:.2s;
}

.form-field input:focus{
border-color:#4f46e5;
outline:none;
box-shadow:0 0 0 3px rgba(79,70,229,.1);
}

.account-password-section{
margin-top:30px;
padding-top:20px;
border-top:1px solid #eee;
}

.account-save-btn{
background:#4f46e5;
color:#fff;
border:none;
padding:12px 22px;
border-radius:10px;
font-size:14px;
cursor:pointer;
}

.account-save-btn:hover{
background:#4338ca;
}

/* گرد کردن باکس‌های ورودی در بخش اطلاعات حساب */
.form-field input, 
.woocommerce-EditAccountForm input.input-text,
.woocommerce-form-row input {
    width: 100% !important;
    padding: 12px 20px !important; /* پدینگ بیشتر برای ظاهر بهتر در حالت گرد */
    border-radius: 30px !important; /* گردی کامل */
    border: 1px solid #e5e7eb !important; /* اضافه کردن یک بوردر بسیار کمرنگ */
    background-color: #f9fafb !important; /* یک پس‌زمینه خیلی روشن برای مشخص شدن کادر */
    font-size: 14px !important;
    outline: none !important;
}

/* گرد کردن فیلدها در حالت فوکوس (وقتی روی آن کلیک می‌شود) */
.form-field input:focus, 
.woocommerce-EditAccountForm input.input-text:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
}

/* این بخش برای موبایل هم درست است و نیازی به تغییر ندارد */
@media(max-width:768px){
.account-form-grid{
grid-template-columns:1fr;
}
}

/* Responsive */
@media (max-width: 921px) {
    .custom-orders-grid,
    .custom-addresses-grid {
        grid-template-columns: 1fr;
    }

    .custom-download-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .download-icon {
        margin: 0 auto;
    }

    .download-meta {
        justify-content: center;
    }
}

@media (max-width: 544px) {
    .account-section-header {
        padding: 20px;
        border-radius: 18px;
    }

    .account-section-header h2 {
        font-size: 21px;
    }

    .custom-order-card,
    .custom-address-card {
        padding: 18px;
        border-radius: 20px;
    }

    .custom-order-card-top {
        flex-direction: column;
    }

    .order-info-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-order-card-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .custom-account-btn {
        width: 100%;
    }
}

/* ============================================
   آیکون های منوی حساب کاربری
==============================================*/
.woocommerce-MyAccount-navigation-link a::before {
    content: attr(data-icon); /* یا مستقیم خود آیکون را بگذارید */
    display: inline-block;     /* برای کنترل بهتر موقعیت */
    margin-right: 8px;         /* فاصله آیکون از متن */
    font-size: 18px;           /* اندازه آیکون */
    line-height: 1;            /* خط ارتفاع ۱ برای هم‌راستایی عمودی */
    vertical-align: middle;    /* هم‌راستایی عمودی با متن */
    text-align: center;        /* اگر آیکون نیاز به وسط‌چین شدن در فضای خودش داشت */
    width: 1.2em;              /* یک عرض تقریبی برای آیکون */
    position: relative;        /* برای تنظیم دقیق‌تر موقعیت در صورت نیاز */
    top: 1px;                  /* تنظیم جزئی عمودی (ممکن است نیاز به تغییر داشته باشد) */
}

/* استایل های خاص هر آیکون (اگر از data-icon استفاده نمی کنید) */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "🏠"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "📋"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "⬇️"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "📍"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "⚙️"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "🚪"; }

/* اطمینان از اینکه خود لینک ها مشکلی پیدا نکنند */
.woocommerce-MyAccount-navigation-link a {
    text-decoration: none; /* حذف خط زیر لینک */
    color: inherit;
    display: inline-block; /* برای اینکه width و margin کار کنند */
    line-height: 2; /* کمی افزایش ارتفاع خط برای جا دادن آیکون */
}

/* ================================
   آیکون های بخش های مختلف حساب کاربری
================================= */

.account-card-icon-cart::before {
    content: "🛒";
    align-items: center;
}

.account-card-icon-box::before {
    content: "📦";
    align-items: center;
}

.account-card-icon-user::before {
    content: "👤";
    align-items: center;
}

.account-card-icon-orders::before {
    content: "📋";
    align-items: center;
}

.account-card-icon-pin::before {
    content: "📍";
    align-items: center;
}

.account-card-icon-settings::before {
    content: "⚙️";
    align-items: center;
}

.account-card-icon-logout::before {
    content: "🚪";
    align-items: center;
}

.account-card-icon-wallet::before {
    content: "💰";
    align-items: center;
}

.account-card-icon-download::before {
    content: "⬇️";
    align-items: center;
}

.account-card-icon-folder::before {
    content: "📁";
    align-items: center;
    font-size: 40px;
}

/* container آیکون */
.account-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    line-height: 1;
}

/* خود ایموجی */
.account-card-icon::before,
.empty-icon::before,
.account-quick-links a span::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

/* empty state بزرگ‌تر */
.custom-empty-state .account-card-icon::before {
    font-size: 40px;
}

/* شفاف کردن پس زمینه ها */
.account-card-icon,
.account-card-icon::before,
.empty-icon,
.empty-icon::before,
.woocommerce-MyAccount-navigation a::before {
    background: transparent !important;
    box-shadow: none !important;
}

/* وسط چین کردن آیکون های منوی پیشخوان */
.account-quick-links a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:0px;
}

.account-quick-links a .account-card-icon{
    font-size: 24px;
    margin-bottom: 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    line-height:1;
}

.account-quick-links a .account-card-icon::before{
    display:block;
    font-size:18px;
    line-height:1;
}

/* مخفی کردن متن‌های خوش‌آمدگویی پیش‌فرض ووکامرس */
.woocommerce-MyAccount-content > p:nth-child(1),
.woocommerce-MyAccount-content > p:nth-child(2),
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p,
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p + p {
    display: none !important;
}

/* حذف تیترهای اصلی h1 با کلاس entry-title و itemprop headline فقط در صفحه حساب کاربری */
.woocommerce-account .entry-title[itemprop="headline"] {
    display: none !important;
}

/* عدم نمایش متن خوش آمد گویی و دکمه های پیشخوان در موبایل */
@media (max-width: 768px) {
    .account-welcome-box {
        display: none;
    }
    
    .account-quick-links {
        display: none;
    }
}

/* حذف متن حساب کاربری از هدر در موبایل */
@media (max-width: 768px){
    .ast-header-account-text{
        display:none !important;
    }
}

/* کم کردن فاصله بالای محتوای صفحه حساب کاربری کاربر وارد شده */
body.logged-in.woocommerce-account .entry-content {
    margin-top: -50px;          /* اگر هنوز فاصله داشت، از منفی استفاده کن */
}


/* متن سیاست حفظ حریم خصوصی بخش ثبت نام افزونه Login & Register Customizer */
.privacy-policy-link-in-register-box {
    text-align: center;
    margin-bottom: -7px;
}

/* کم کردن فاصله بالای محتوای صفحه حساب کاربری در افزونه Login & Register Customizer */
body:not(.logged-in).woocommerce-account .entry-content {
    margin-top: -70px;          /* اگر هنوز فاصله داشت، از منفی استفاده کن */
}
@media (max-width: 768px) {
    body:not(.logged-in).woocommerce-account .entry-content {
        margin-top: -90px;
    }
}