.elementor-50 .elementor-element.elementor-element-19656476{--display:flex;--background-transition:0.3s;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-19656476 *//* ==================== استایل‌های ووکامرس ==================== */

/* === فونت‌ها و متغیرها (تکرار برای اطمینان از اعمال) === */
@font-face {
    font-family: 'Vazirmatn';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}@font-face {
    font-family: 'Vazirmatn';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* رنگ‌های اصلی */
    --primary-red: #EF394E;
    --primary-red-hover: #E01222;
    --primary-red-light: #FF6B81;
    --primary-red-ultra-light: rgba(239, 57, 78, 0.08);

    /* رنگ‌های خنثی */
    --neutral-900: #0C0C0C;
    --neutral-800: #232933;
    --neutral-700: #3F4064;
    --neutral-600: #5D5D6B;
    --neutral-500: #81858B;
    --neutral-400: #A1A3A8;
    --neutral-300: #C0C2C5;
    --neutral-200: #E0E0E6;
    --neutral-100: #F1F2F4;
    --neutral-50: #F8F9FA;
    --white: #FFFFFF;

    /* سایه‌ها */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.04), 0 4px 6px rgba(0, 0, 0, 0.06);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.06), 0 10px 10px rgba(0, 0, 0, 0.04);
    --shadow-focus: 0 0 0 3px rgba(239, 57, 78, 0.25);
    --shadow-hover: 0 10px 20px rgba(239, 57, 78, 0.15);

    /* گرادیان‌ها */
    --gradient-primary: linear-gradient(135deg, var(--primary-red) 0%, var(--primary-red-hover) 100%);

    /* اندازه‌ها */
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* انیمیشن */
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* فونت سایز */
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
}

/* === استایل‌های عمومی === */
.wp-block-heading {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    color: var(--neutral-800);    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.4;
}

hr {
    border: 0;
    border-bottom: 2px solid var(--neutral-200);
    margin: 20px 0;
}

/* === استایل‌های صفحه اصلی === */
.wc-block-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0;
}

.wc-block-grid__products {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: flex-start; /* یا space-between برای توزیع یکنواخت */
}


.wc-block-grid__product {
    flex: 1 1 280px; /* عرض محصول و اجازه رشد/کوچک شدن */
    max-width: 300px; /* حداکثر عرض برای جلوگیری از کشیدگی بیش از حد */    background-color: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: var(--transition-normal);
    border: 1px solid var(--neutral-200);
    display: flex;
    flex-direction: column;
}

.wc-block-grid__product:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-5px);
}

.wc-block-grid__product-link {
    display: block;
    text-decoration: none;
    color: inherit; /* حفظ رنگ متن از بدنه */
}


.wc-block-grid__product-image {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.wc-block-grid__product-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform var(--transition-normal);
}

.wc-block-grid__product:hover .wc-block-grid__product-image img {
    transform: scale(1.05);
}.wc-block-grid__product-title {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--neutral-800);
    padding: 15px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
}


.wc-block-grid__product-price {
    font-weight: bold;
    padding: 0 15px 15px;
    text-align: center;
    margin-top: auto; /* هل دادن قیمت به پایین کارت */
}

.wc-block-grid__product-price a[href^="tel"] {
    background: var(--gradient-primary);
    color: var(--white) !important;
    padding: 10px 20px;
    border-radius: var(--radius-full);
    transition: var(--transition-normal);
    display: inline-block;
    font-size: var(--text-sm);    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(239, 57, 78, 0.3);
}

.wc-block-grid__product-price a[href^="tel"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(239, 57, 78, 0.4);
}


.wc-block-grid__product-add-to-cart {
    text-align: center;
    padding-bottom: 15px;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
    background-color: var(--white);
    color: var(--primary-red);    border: 2px solid var(--primary-red);
    border-radius: var(--radius-full);
    padding: 10px 20px;
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition-normal);
    box-shadow: none; /* حذف سایه پیش فرض */
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    background-color: var(--primary-red-ultra-light);    color: var(--primary-red-hover);
    border-color: var(--primary-red-hover);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}


/* === استایل‌های صفحه سبد خرید === */
.woocommerce-cart-is-empty {    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: var(--text-lg);
    color: var(--neutral-700);
    text-align: center;
    padding: 30px;
    background-color: var(--neutral-50);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    margin-bottom: 30px;
}


.woocommerce-cart-form {
    background-color: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--neutral-200);
    margin-bottom: 30px;
}

.shop_table.cart {
    width: 100%;
    border-collapse: collapse;
}

.shop_table.cart thead th {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    padding: 15px;
    text-align: right;
    border-bottom: 2px solid var(--neutral-200);
    color: var(--neutral-700);
    font-weight: 600;    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.shop_table.cart tbody tr {
    border-bottom: 1px solid var(--neutral-200);
    transition: background-color var(--transition-fast);
}

.shop_table.cart tbody tr:last-child {
    border-bottom: none;
}

.shop_table.cart tbody tr:hover {
    background-color: var(--neutral-50);
}

.shop_table.cart td {
    padding: 15px;
    text-align: right;
    color: var(--neutral-600);
    font-size: var(--text-sm);
    vertical-align: middle;
}

.product-remove .remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 50%;
    background-color: var(--neutral-200);
    color: var(--neutral-600);
    text-align: center;    text-decoration: none;
    font-size: 16px;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

.product-remove .remove:hover {
    background-color: var(--primary-red);
    color: var(--white);
}

.product-thumbnail img {
    display: block;
    height: auto;
    max-width: 70px; /* اندازه تصویر بندانگشتی */
    border-radius: var(--radius-md);
}

.product-name a {
    color: var(--neutral-800);
    text-decoration: none;    font-weight: 500;
    transition: color var(--transition-fast);
}

.product-name a:hover {
    color: var(--primary-red);
}

.product-price .woocommerce-Price-amount.amount,
.product-subtotal .woocommerce-Price-amount.amount {
    font-weight: 600;
    color: var(--neutral-800);
}

.product-quantity .quantity {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* برای راست‌چین شدن */
}

.product-quantity .quantity input.qty {
    width: 60px;
    padding: 8px;
    text-align: center;
    border: 1px solid var(--neutral-200);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    color: var(--neutral-700);    margin-right: 5px; /* فاصله از دکمه های +/- */
}


.actions {
    padding: 20px;    background-color: var(--neutral-50);
    border-top: 2px solid var(--neutral-200);
    text-align: left; /* راست‌چین کردن محتوا */
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.coupon {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* راست چین */
}


.coupon label {
    margin-left: 10px; /* فاصله بین label و input */
    color: var(--neutral-700);
    font-size: var(--text-sm);    font-weight: 500;
}

.coupon input.input-text {
    padding: 8px;
    border: 1px solid var(--neutral-200);
    border-radius: var(--radius-md);
    margin-left: 10px;
    font-size: var(--text-sm);
    color: var(--neutral-700);
}


.actions .button[name="apply_coupon"],
.actions .button[name="update_cart"] {
    background: var(--gradient-primary);
    color: var(--white);
    border: none;
    border-radius: var(--radius-md);
    padding: 10px 20px;
    font-size: var(--text-sm);
    font-weight: 500;    cursor: pointer;
    transition: var(--transition-normal);
    box-shadow: var(--shadow-sm);
    text-decoration: none !important; /* اطمینان از عدم وجود underline */
    display: inline-block; /* برای اعمال padding و margin درست */
}


.actions .button[name="apply_coupon"]:hover,
.actions .button[name="update_cart"]:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}


.cart-collaterals {
    margin-top: 30px;    display: flex;
    justify-content: flex-end; /* راست‌چین کردن بلوک */
}


.cart_totals {
    width: 100%;
    max-width: 400px; /* محدود کردن عرض جمع کل */
    background-color: var(--white);    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--neutral-200);
}

.cart_totals h2 {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: var(--text-lg);
    color: var(--neutral-800);    padding: 20px;
    text-align: right;
    margin: 0;
    border-bottom: 2px solid var(--neutral-200);
}

.cart_totals .shop_table.shop_table_responsive {
    width: 100%;
    border-collapse: collapse;
}

.cart_totals .shop_table.shop_table_responsive th,
.cart_totals .shop_table.shop_table_responsive td {
    padding: 15px;
    text-align: right;
    font-size: var(--text-sm);
    color: var(--neutral-700);    border-bottom: 1px solid var(--neutral-200);
}

.cart_totals .shop_table.shop_table_responsive th {
    font-weight: 600;
    white-space: nowrap; /* جلوگیری از شکستن عنوان */
}

.cart_totals .shop_table.shop_table_responsive tr:last-child th,
.cart_totals .shop_table.shop_table_responsive tr:last-child td {
    border-bottom: none;
}

.cart_totals .order-total th {
    font-size: var(--text-md);
    font-weight: 700;    color: var(--neutral-900);
}

.cart_totals .order-total td strong .woocommerce-Price-amount.amount {
    font-size: var(--text-md);
    font-weight: 700;
    color: var(--primary-red);
}


.wc-proceed-to-checkout {
    padding: 20px;
    text-align: center;
}

.wc-proceed-to-checkout .checkout-button {
    background: var(--gradient-primary) !important;
    color: var(--white) !important;    border: none !important;
    border-radius: var(--radius-full) !important;
    padding: 12px 30px !important;
    font-size: var(--text-md) !important;    font-weight: 600 !important;
    cursor: pointer !important;
    transition: var(--transition-normal) !important;    text-decoration: none !important;
    box-shadow: var(--shadow-md) !important;
    display: inline-block; /* برای اعمال margin و padding */
}

.wc-proceed-to-checkout .checkout-button:hover {
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-3px);
}/* === استایل‌های موبایل === */
@media (max-width: 768px) {
    .wc-block-grid__products {
        justify-content: center; /* محصولات در موبایل وسط‌چین شوند */
    }

    .wc-block-grid__product {
        flex-basis: 45%; /* دو محصول در هر ردیف در موبایل */
        max-width: none; /* برداشتن حداکثر عرض در موبایل */
        margin-left: auto;
        margin-right: auto;
    }
    .shop_table.cart {
        display: block;
        overflow-x: auto; /* جدول قابل اسکرول در موبایل */
        white-space: nowrap; /* جلوگیری از شکستن سطرها */
    }
    .shop_table.cart thead {
        white-space: normal; /* اجازه شکستن سرتیترها در موبایل */
    }
    .actions {
        flex-direction: column; /* دکمه‌ها زیر هم در موبایل */
        align-items: stretch; /* دکمه‌ها عرض کامل در موبایل */
    }
    .coupon {
        flex-direction: column;        align-items: stretch;
    }
    .coupon label {
        margin-left: 0;
        margin-bottom: 5px;
        text-align: right; /* راست‌چین در موبایل */
    }
    .coupon input.input-text {
        margin-left: 0;
    }
    .cart-collaterals {
        margin-top: 20px;        flex-direction: column; /* جمع کل زیر جدول در موبایل */        align-items: stretch; /* جمع کل عرض کامل در موبایل */
    }
    .cart_totals {
        max-width: none; /* جمع کل عرض کامل در موبایل */
    }
}```

**توضیحات کلیدی:**

*   **فونت Vazirmatn و متغیرهای رنگی:**  فونت و متغیرهای رنگی از استایل قبلی شما تکرار شده‌اند تا اطمینان حاصل شود که همه جا به درستی اعمال می‌شوند.
*   **استایل‌های عمومی:** استایل‌های اولیه برای `wp-block-heading` و `hr`  تعریف شده‌اند.
*   **استایل‌های صفحه اصلی (محصولات جدید):**
    *   **گرید محصولات:**  `wc-block-grid` و `wc-block-grid__products` برای ایجاد گرید واکنش‌گرا با استفاده از Flexbox.
    *   **کارت محصول:** `wc-block-grid__product` با طراحی مدرن، گوشه‌های گرد، سایه، و افکت هاور.
    *   **تصاویر محصول:**  `wc-block-grid__product-image` و افکت زوم ملایم در هاور.
    *   **عنوان محصول:** `wc-block-grid__product-title` با فونت Vazirmatn، اندازه مناسب، و مرکزچین.
    *   **قیمت محصول:** `wc-block-grid__product-price`  و دکمه "تماس بگیرید" با استایل دکمه اصلی و گرادیان قرمز.
    *   **دکمه "اطلاعات بیشتر":** `wc-block-grid__product-add-to-cart` با استایل دکمه ثانویه و افکت های تعاملی.
*   **استایل‌های صفحه سبد خرید:**    *   **پیام سبد خرید خالی:** `woocommerce-cart-is-empty` با طراحی ساده و شیک.
    *   **فرم سبد خرید:** `woocommerce-cart-form` به عنوان کانتینر اصلی با گوشه‌های گرد و سایه.
    *   **جدول سبد خرید:** `shop_table.cart`  با استایل جدول مدرن، سرتیترها، ردیف‌ها و سلول‌های استایل‌دهی شده.
    *   **ستون‌های جدول:** استایل‌های جداگانه برای حذف محصول، تصویر بندانگشتی، نام محصول، قیمت، تعداد و قیمت کل.
    *   **دکمه‌های فرم:**  استایل‌های یکپارچه برای دکمه‌های "اعمال تخفیف" و "به روزرسانی سبد".
    *   **جمع کل سبد خرید:** `cart_totals` با طراحی کارت‌مانند، سرتیتر جداگانه، و جدول جمع کل.
    *   **دکمه "اقدام به پرداخت":** `wc-proceed-to-checkout` و دکمه پرداخت با استایل دکمه اصلی و گرادیان قرمز.
*   **استایل‌های موبایل:**  پرسش‌های رسانه‌ای برای واکنش‌گرا کردن گرید محصولات و جدول سبد خرید در دستگاه‌های کوچک‌تر.

**نکات استفاده:**

*   این کد CSS را به فایل استایل قالب وردپرس خود (style.css) یا از طریق بخش "سفارشی‌سازی > CSS اضافی" در پیشخوان وردپرس اضافه کنید.
*   در صورت نیاز به تغییرات بیشتر، متغیرهای `:root` را ویرایش کنید تا پالت رنگی و اندازه‌ها را به طور کلی تغییر دهید.
*   همیشه تغییرات را در محیط توسعه یا پیش‌نمایش بررسی کنید قبل از اعمال نهایی به سایت اصلی.

امیدوارم این استایل‌های یکپارچه و جامع برای شما مفید باشند. در صورت داشتن هرگونه سؤال یا نیاز به تغییرات بیشتر، اطلاع دهید./* End custom CSS */