/*
Theme Name: FastFood WebApp Dadjoo
Author: ebiiia
Description: قالب احتصاصی فست فود دادجو 
Version: 1.0
Text Domain: dadjoo
*/


:root {
    --app-primary-color: #E63946;
    --app-primary-hover: #D62839;
    --app-bg-color: #f9fafb;
    --app-card-bg: #ffffff;
    --app-text-main: #111827;
    --app-text-muted: #6b7280;
    --app-border-color: #f3f4f6;
    --app-radius: 16px;
    --app-input-radius: 12px;
    --wct-font: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    --app-success: #10b981;
    
}

/* حذف کادر چشمک‌زن هنگام کلیک روی لینک‌ها */
a, .bottom-nav-item {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}


/* اعمال فونت روی کل سایت */
body, h1, h2, h3, h4, h5, h6, p, span,  div {
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
    font-feature-settings: "ss01";

}

body {
    background-color: #e9ecef; /* رنگ پس‌زمینه در دسکتاپ */
    direction: rtl;
    margin: 0;
    padding: 0;
}

/* کانتینر اصلی اپلیکیشن */
#page {
    margin: 0 auto; /* وسط‌چین کردن اپلیکیشن در دسکتاپ */
    width: 100%;
    max-width: 480px !important; /* عرض موبایل */
    background-color: #F7F8FA; /* رنگ پس‌زمینه داخل اپلیکیشن */
    min-height: 100vh;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* سایه دور اپلیکیشن */
    overflow-x: hidden;
}


/* تنظیمات عمومی هدر */
.app-header {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 100;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.app-header, .bottom-nav, .mini-cart-panel {
    max-width: 480px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/* بخش بالای هدر */
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

.header-right{
    position: relative;
}

.brand-logo {
    font-size: 18px;
    font-weight: bold;
    color: #E63946; /* رنگ قرمز اصلی */
}

.icon-btn {
    background: none;
    border: none;
    font-size: 20px;
    padding: 0;
    cursor: pointer;
}

/* نوار دسته‌بندی‌ها */
.category-nav {
    padding: 0 10px 10px 10px;
}

.category-list {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto; /* فعال‌سازی اسکرول افقی */
    scrollbar-width: none; /* مخفی کردن اسکرول‌بار در فایرفاکس */
}

/* مخفی کردن اسکرول‌بار در کروم و سافاری */
.category-list::-webkit-scrollbar {
    display: none;
}

.cat-item a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #555;
    background-color: #F7F8FA;
    border-radius: 20px;
    font-size: 14px;
    white-space: nowrap; /* جلوگیری از شکستن متن */
    transition: all 0.3s ease;
}

.cat-item.active a {
    background-color: #E63946;
    color: #ffffff;
    font-weight: bold;
}

/* Product List Container */
.product-list {
    padding: 15px;
    padding-bottom: 80px; /* فضای خالی برای نوار ناوبری پایین که بعدا میسازیم */
    background-color: #f8f9fa;
}

/* Horizontal Product Card */
.product-card {
    display: flex;
    background: #ffffff;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    gap: 15px;
}

/* Product Image */
.product-image {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Product Info */
.product-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-title {
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #333;
}

.product-desc {
    font-size: 12px;
    color: #777;
    margin: 0;
    line-height: 1.4;
}

/* Bottom Section: Price & Button */
.product-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.product-price {
    font-weight: bold;
    color: #333;
    font-size: 15px;
}

/* دکمه قرمز فلت */
.add-to-cart-btn {
    background-color: #ffedf6;
    color: #E63946!important;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 0px 1px 1px 0px rgba(230, 57, 70, 0.3);
    fill: #bc0060;
}


/* App Header */
.app-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.brand h1 {
    font-size: 18px;
    color: #E63946;
    margin: 0;
    font-weight: bold;
}

.header-cart {
    position: relative;
}

.cart-count {
    position: absolute;
    top: -5px;
    right: -8px;
    background-color: #E63946;
    color: white;
    font-size: 10px;
    font-weight: bold;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Category Navigation */
.category-nav {
    display: flex;
    overflow-x: auto;
    padding: 15px 20px;
    background-color: #F7F8FA;
    position: sticky;
    top: 54px; /* زیر هدر قرار میگیرد */
    z-index: 99;
    gap: 10px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.category-nav::-webkit-scrollbar {
    display: none; /* مخفی کردن اسکرول‌بار در کروم و سافاری */
}

.cat-btn {
    white-space: nowrap;
    background-color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    border: 1px solid #eee;
}

.cat-btn.active {
    background-color: #E63946;
    color: #fff;
    border-color: #E63946;
}

.added_to_cart {
    display: none !important;
}

/* استایل پس‌زمینه تاریک */
.cart-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px); /* افکت تار شدن پس‌زمینه */
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.cart-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* استایل پنل کشویی (Bottom Sheet) */
.mini-cart-panel {
    position: fixed;
    bottom: -100%;
    left: 0; right: 0;
    max-width: 480px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 24px 24px 0 0; /* لبه‌های گردتر در بالا */
    padding: 30px 20px 20px;
    z-index: 1000;
    transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن نرم و جذاب */
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.mini-cart-panel.active {
    bottom: 0;
}
/* استایل محتویات داخل سبد خرید ووکامرس */
.mini-cart-panel h2 {
    font-size: 1.1rem;
    color: #2B2D42;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

/* لیست محصولات */
.woocommerce-mini-cart {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    max-height: 50vh;
    overflow-y: auto;
}

.woocommerce-mini-cart-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #F1F5F9;
}

.woocommerce-mini-cart-item a.remove {
    color: #E63946 !important;
    background: #FFF5F5;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    margin-left: 10px;
    font-weight: bold;
}

/* جمع کل */
.woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-top: 2px dashed #E2E8F0;
    font-weight: bold;
    color: #2B2D42;
    font-size: 1.1rem;
}

/* دکمه‌های سبد خرید */
.woocommerce-mini-cart__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
}

.woocommerce-mini-cart__buttons a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px;
    border-radius: 12px;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
}

/* دکمه تسویه حساب */
.woocommerce-mini-cart__buttons a.checkout {
    background-color: #E63946;
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(230, 57, 70, 0.2);
}

/* دکمه مشاهده سبد خرید (در صورت وجود) */
.woocommerce-mini-cart__buttons a:not(.checkout) {
    background-color: #F7F8FA;
    color: #2B2D42;
}

/* پیام سبد خرید خالی */
.woocommerce-mini-cart__empty-message {
    text-align: center;
    color: #64748B;
    padding: 30px 0;
    font-size: 0.95rem;
}


.mini-cart-panel::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background-color: #E2E8F0;
    border-radius: 4px;
}

.cart-panel-header {
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px;
}
.cart-panel-header h3 { margin: 0; font-size: 16px; color: #333; }
#close-cart { background: none; border: none; font-size: 20px; color: #888; cursor: pointer; }

/* استایل محتویات پیش‌فرض ووکامرس در سبد خرید کوچک */
.cart-panel-content { overflow-y: auto; padding-bottom: 20px; }
.woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; }
.woocommerce-mini-cart__buttons .button {
    display: block; text-align: center; border-radius: 12px; padding: 12px; text-decoration: none; font-weight: bold;
}
.woocommerce-mini-cart__buttons .checkout { background: #E63946; color: #fff; }
.woocommerce-mini-cart-item a.remove { color: #E63946 !important; font-size: 20px !important; }

/* اصلاح تورفتگی لیست سبد خرید در حالت راست‌چین */
.widget_shopping_cart_content ul.woocommerce-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li.woocommerce-mini-cart-item {
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f1f1;
}

/* اصلاح فاصله عکس محصول از نام آن */
.widget_shopping_cart_content ul.woocommerce-mini-cart li img {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* آیتم‌های سبد خرید */
.woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 !important;
    border-bottom: 1px solid #F1F5F9;
    gap: 12px;
}

/* سمت راست: عکس */
.cart-item-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 12px;
}

/* وسط: اطلاعات */
.cart-item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cart-item-title {
    font-size: 0.95rem;
    font-weight: bold;
    color: #2B2D42;
    line-height: 1.2;
}

.cart-item-price {
    font-size: 0.9rem;
    color: #E63946;
    font-weight: bold;
}

/* سمت چپ: اکشن‌ها */
.cart-item-actions {
    display: flex;
    align-items: center;
}

/* انتخابگر تعداد */
.qty-selector {
    display: flex;
    align-items: center;
    background: #F7F8FA;
    border-radius: 8px;
    padding: 2px;
    border: 1px solid #E2E8F0;
}

.qty-btn {
    background: none;
    border: none;
    width: 28px;
    height: 28px;
    font-size: 1.2rem;
    line-height: 1;
    color: #2B2D42;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-input {
    width: 30px;
    text-align: center;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    font-weight: bold;
    color: #2B2D42;
    padding: 0;
    pointer-events: none;
}

/* استایل دکمه سطل زباله */
.remove-item-trash {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E63946; /* رنگ قرمز */
}

.remove-item-trash svg {
    width: 16px;
    height: 16px;
}

/* منطق نمایش/مخفی کردن بر اساس تعداد */
.qty-selector .remove-item-trash { display: none; }
.qty-selector .minus { display: flex; }

/* وقتی تعداد ۱ است (کلاس is-single فعال می‌شود) */
.qty-selector.is-single .remove-item-trash { display: flex; }
.qty-selector.is-single .minus { display: none; }

/* ====================================================
   Single Product Page Styles
   ==================================================== */
   .single-product-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-bottom: 80px; /* فضای لازم برای نوار چسبان پایین */
    background-color: #f9f9f9;
}

/* هدر صفحه محصول */
.single-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 10;
}

.back-btn {
    font-size: 24px;
    color: #333;
    text-decoration: none;
}
.single-header .back-btn {
    font-size: 24px;
    color: #333;
    text-decoration: none;
}

.single-header .header-title {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

/* محتوا و تصویر */
.single-content {
    background: #fff;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

.single-product-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.single-product-info {
    padding: 20px;
}

.single-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #333;
}

.single-price {
    font-size: 20px;
    font-weight: bold;
    color: #ff4757; /* رنگ قرمز/نارنجی مشابه اپلیکیشن‌های غذا */
    margin-bottom: 20px;
}

.single-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* نوار چسبان پایین (Bottom Action Bar) */
.single-bottom-action {
    position: fixed;
    bottom: 63px;
    left: 0;
    right: 0;
    max-width: 460px; /* هماهنگ با عرض اپلیکیشن */
    margin: 0 auto;
    background: #fff;
    padding: 15px 10px;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.05);
    z-index: 90;
    border-radius: 20px 20px 0 0;
}

/* سفارشی‌سازی فرم افزودن به سبد خرید ووکامرس در صفحه تکی */
.single-bottom-action form.cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 0;
}

.single-bottom-action form.cart .quantity {
    display: flex;
    align-items: center;
}

.single-bottom-action form.cart .quantity input.qty {
    width: 50px;
    height: 45px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
}

.single-bottom-action form.cart button.single_add_to_cart_button {
    flex-grow: 1;
    background-color: #ff4757;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
    color: #fff;
    border: none;
    height: 45px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}

.single-bottom-action form.cart button.single_add_to_cart_button:hover {
    background-color: #ff2f41;
}


/* استایل کارت‌ها */
.app-checkout-card {
    background-color: var(--app-card-bg);
    border-radius: var(--app-radius);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    border: 1px solid var(--app-border-color);
    overflow: hidden;
    margin-bottom: 20px;
}

.app-card-header {
    background-color: #fbfbfc;
    padding: 20px 25px;
    border-bottom: 1px solid var(--app-border-color);
}

.app-card-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--app-text-main);
    display: flex;
    align-items: center;
    gap: 10px;
}

.app-card-body {
    padding: 25px;
}

/* استایل فیلدهای فرم */
.app-modern-checkout .form-row {
    margin-bottom: 20px;
}

.app-modern-checkout .form-row label {
    display: block;
    margin-bottom: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--app-text-main);
}

.app-modern-checkout .form-row input.input-text,
.app-modern-checkout .form-row textarea,
.app-modern-checkout .form-row select {
    width: 100%;
    padding: 14px 16px;
    background-color: #f9fafc;
    border: 1px solid #dde3e8;
    border-radius: var(--app-input-radius);
    font-size: 14px;
    color: var(--app-text-main);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.app-modern-checkout .form-row input.input-text:focus,
.app-modern-checkout .form-row textarea:focus,
.app-modern-checkout .form-row select:focus {
    background-color: #fff;
    border-color: var(--app-primary-color);
    box-shadow: 0 0 0 4px rgba(255, 87, 34, 0.1);
    outline: none;
}

/* جدول سفارش (فاکتور) */
.app-modern-checkout table.shop_table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-bottom: 20px;
}

.app-modern-checkout table.shop_table th,
.app-modern-checkout table.shop_table td {
    padding: 15px 0;
    border-bottom: 1px dashed var(--app-border-color);
    text-align: right;
}

.app-modern-checkout table.shop_table tbody th,
.app-modern-checkout table.shop_table tfoot td,
.app-modern-checkout table.shop_table tfoot th {
    border-top: none;
}

.app-modern-checkout table.shop_table .product-name {
    font-weight: 600;
    color: var(--app-text-main);
}

/* جمع کل فاکتور */
.app-modern-checkout table.shop_table tr.order-total th,
.app-modern-checkout table.shop_table tr.order-total td {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--app-primary-color);
    border-bottom: none;
    padding-top: 25px;
}

/* بخش روش‌های پرداخت */
#payment {
    background-color: #f9fafc;
    border-radius: var(--app-input-radius);
    padding: 20px;
    margin-top: 20px;
    border: 1px solid var(--app-border-color);
}

#payment ul.payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--app-border-color);
}

#payment ul.payment_methods li {
    margin-bottom: 15px;
}

/* دکمه ثبت سفارش */
.app-modern-checkout #place_order {
    width: 100%;
    background-color: var(--app-primary-color);
    color: #fff;
    border: none;
    border-radius: var(--app-input-radius);
    padding: 18px;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 6px 15px rgba(255, 87, 34, 0.3);
    font-family: 'Vazirmatn RD FD';
}

.app-modern-checkout #place_order:hover {
    background-color: var(--app-primary-hover);
    transform: translateY(-2px);
}



.custom-my-account-wrapper {
    display: flex;
    gap: 25px;
    max-width: 1100px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.07);
    direction: rtl;
}

.custom-my-account-content {
    flex: 1;
    background: #ffffff;
}

/* Navigation Styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 12px;
}

.woocommerce-MyAccount-navigation a {
    display: block;
    background: #f8f9fa;
    padding: 14px 18px;
    border-radius: 12px;
    font-weight: 600;
    color: #333;
    border: 2px solid #ececec;
    transition: 0.3s;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
    background: #D62828;
    color: #fff;
    border-color: #D62828;
    transform: translateY(-2px);
}


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


/* تنظیمات کلی کانتینر */
.snapp-account-container {
    max-width: 480px; /* عرض مناسب موبایل */
    margin: 0 auto;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important; /* فونت دلخواه خود را جایگزین کنید */
    background: #fff;
    padding: 15px;
    color: #333;
}

/* هدر پروفایل */
.profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 20px;
}
.profile-info h2 {
    font-size: 20px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
.profile-info .phone-number {
    font-size: 14px;
    color: #777;
}
.profile-edit-link {
    color: #2b4a90; /* رنگ آبی لینک */
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
}

/* بنر پرو */
.pro-banner {
    background-color: #fdf2f7;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 25px;
}
.pro-text {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
}
.pro-badge {
    background: #d70060;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 8px;
}
.pro-button {
    width: 100%;
    background-color: #d70060; /* رنگ سرخابی اسنپ */
    color: white;
    border: none;
    padding: 12px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

/* لیست منوها */
.snapp-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.snapp-menu-list li {
    border-bottom: 1px solid #f0f0f0;
}
.snapp-menu-list li:last-child {
    border-bottom: none;
}
.snapp-menu-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    text-decoration: none;
    color: inherit;
}

/* بخش راست آیتم‌های منو */
.menu-item-right {
    display: flex;
    align-items: center;
}
.menu-icon {
    font-size: 24px;
    margin-left: 15px;
    color: #555;
    width: 30px;
    text-align: center;
}
.menu-text {
    display: flex;
    flex-direction: column;
}
.menu-title {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 4px;
}
.menu-subtitle {
    font-size: 12px;
    color: #888;
}

/* بخش چپ آیتم‌های منو (بج‌ها و فلش) */
.menu-item-left {
    display: flex;
    align-items: center;
    color: #ccc;
}
.badge {
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 12px;
    margin-left: 10px;
    font-weight: bold;
}
.badge-red {
    background-color: #d32f2f;
    color: white;
}
.badge-pink {
    background-color: #fdf2f7;
    color: #d70060;
}

/* آیکون فلش (جایگزین موقت با کاراکتر) */
.icon-chevron-left::before {
    content: "‹";
    font-size: 24px;
    line-height: 1;
}


/* تنظیمات کلی کانتینر حساب کاربری */
.snapp-account-container {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-direction: column;
}

.custom-my-account-sidebar {
    width: 99%;
    min-width: 300px;
}

.custom-my-account-content {
    padding: 20px 0;
    width: 100% !important;
}

/* =========================================
   هدر پروفایل
   ========================================= */
.profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 20px 10px;
}

.profile-header .user-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.profile-header .user-phone {
    font-size: 14px;
    color: #777;
}

.profile-header .edit-profile-link {
    color: #e0e0e0; /* رنگ سبز مشابه لینک ویرایش */
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* =========================================
   بنر اشتراک Pro
   ========================================= */
.pro-banner {
    background-color: #ffe6f2; /* پس‌زمینه صورتی ملایم */
    border-radius: 12px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.pro-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pro-logo {
    background-color: #ff007f; /* صورتی پررنگ اسنپ */
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 6px;
}

.pro-text {
    font-size: 12px;
    color: #333;
    font-weight: 500;
}

.pro-btn {
    color: #ff007f;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/* =========================================
   رسپانسیو (موبایل و تبلت)
   ========================================= */
@media (max-width: 992px) {
    .snapp-account-container {
        flex-direction: column; /* قرار گرفتن محتوا زیر سایدبار در موبایل */
    }
    
    .custom-my-account-sidebar, 
    .custom-my-account-content {
        width: 100%;
        min-width: 100%;
    }
    
    /* مخفی کردن محتوای پیشفرض ووکامرس در موبایل اگر فقط می‌خواهید منو دیده شود 
       (اختیاری - در صورت نیاز کامنت زیر را بردارید) */
    /* .custom-my-account-content { display: none; } */
}


/* منوی چسبان پایین سایت (برای موبایل و دسکتاپ اپلیکیشنی) */
.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 98;
    
    /* تنظیمات برای دسکتاپ: محدود کردن عرض شبیه موبایل */
    max-width: 480px; /* یا عرضی که برای بدنه اصلی سایت در نظر گرفته‌اید */
    margin: 0 auto;
    border-radius: 15px 15px 0 0; /* کمی گرد کردن گوشه‌های بالا */
}

.bottom-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #888;
    font-size: 12px;
    gap: 5px;
}

.bottom-nav-item i {
    font-size: 20px;
}


/* استایل حالت فعال (اکتیو) در منوی پایین */
.bottom-nav-item.active {
    color: #E63946; /* رنگ سبز یا رنگ برند شما */
}

/* توپر کردن آیکون FontAwesome در حالت فعال */
.bottom-nav-item.active i {
    font-weight: 900; /* در فونت‌آسوم معمولا وزن 900 آیکون را توپر (Solid) می‌کند */
}


/* =========================================
   استایل اسنپی سبد خرید (تبدیل جدول به کارت)
   ========================================= */

/* پس‌زمینه کلی سبد خرید */
.woocommerce-cart .hentry {
    background: transparent;
}

/* مخفی کردن هدرهای جدول */
.woocommerce table.shop_table.cart thead {
    display: none;
}

/* حذف استایل‌های پیش‌فرض جدول */
.woocommerce table.shop_table.cart {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0 !important;
}

/* 1. کارت محصولات */
.woocommerce table.shop_table.cart tbody tr.cart_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f1;
}

.woocommerce table.shop_table.cart td {
    border: none !important;
    padding: 0 !important;
}

/* عکس محصول */
.woocommerce table.shop_table.cart td.product-thumbnail {
    width: 80px;
    flex-shrink: 0;
}
.woocommerce table.shop_table.cart td.product-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

/* نام محصول */
.woocommerce table.shop_table.cart td.product-name {
    width: calc(100% - 95px); /* 80px image + 15px gap */
    padding-right: 15px !important; /* فاصله از عکس در حالت راست‌چین */
    text-align: right;
    font-weight: 600;
    font-size: 14px;
    color: #222;
}



/* دکمه حذف محصول */
.woocommerce table.shop_table.cart td.product-remove {
    position: absolute;
    top: 16px;
    left: 16px;
    width: auto;
}
.woocommerce table.shop_table.cart td.product-remove a.remove {
    color: #ff3b30 !important;
    font-size: 20px !important;
    font-weight: 300;
    line-height: 24px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffeeed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.woocommerce table.shop_table.cart td.product-remove a.remove:hover {
    background: #ff3b30 !important;
    color: #fff !important;
}

/* ردیف پایین کارت: تعداد و جمع کل */
.woocommerce table.shop_table.cart td.product-quantity,
.woocommerce table.shop_table.cart td.product-subtotal {
    width: 100%;
    display: flex;
    align-items: center;
}
.woocommerce table.shop_table.cart td.product-quantity {
    justify-content: flex-start;
}
.woocommerce table.shop_table.cart td.product-subtotal {
    justify-content: flex-end; /* قرارگیری در سمت چپ */
    font-weight: 700;
    color: #111;
    font-size: 15px;
}

/* 2. بخش کد تخفیف و بروزرسانی */
.woocommerce table.shop_table.cart tr.actions {
    display: block;
    padding: 0;
    background: transparent;
    border: none;
}
.woocommerce table.shop_table.cart .actions .coupon {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 16px;
}
.woocommerce table.shop_table.cart .actions .coupon input[type="text"] {
    width: 65%;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 12px 15px;
    box-shadow: none;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
}
.woocommerce table.shop_table.cart .actions .coupon button {
    width: 35%;
    border-radius: 12px;
    background: #fff;
    color: #757575;
    border: 1px solid #E63946;
    font-weight: bold;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
}
.woocommerce table.shop_table.cart .actions > button[name="update_cart"] {
    width: 100%;
    display: none;
    border-radius: 12px;
    padding: 12px;
    background: #f0f0f1;
    color: #555;
    font-weight: 600;
    margin-bottom: 20px;
    
}

/* 3. باکس صورتحساب نهایی (پایین صفحه) */
.cart-collaterals {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    border: 1px solid #f0f0f1;
    max-width: 480px;
}
.cart-collaterals h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f1;
}
.cart-collaterals .shop_table {
    width: 100%;
    border: none;
}
.cart-collaterals .shop_table th, 
.cart-collaterals .shop_table td {
    border: none;
    padding: 12px 0;
    background: transparent;
}
.cart-collaterals .shop_table tr {
    border-bottom: 1px dashed #e0e0e0;
}
.cart-collaterals .shop_table tr:last-child {
    border-bottom: none;
    padding: 0 15px;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: #E63946 !important;
    color: #fff !important;
    padding: 20px 0;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
    box-shadow: 0 4px 12px rgba(33, 170, 88, 0.2);
}


/* مخفی کردن فلش‌های پیش‌فرض اینپوت عدد */
.woocommerce .quantity input[type="number"] {
    -moz-appearance: textfield;
    width: 35px !important;
    text-align: center;
    border: none !important;
    background: transparent;
    font-weight: bold;
    font-size: 16px;
    padding: 0 !important;
    box-shadow: none !important;
}
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* استایل باکس تعداد */
.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 4px;
}

/* استایل دکمه‌های + و - */
.qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #f5f5f5;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s;
    user-select: none;
}

.qty-btn:active {
    transform: scale(0.9);
}


/* --- عمومی سبد خرید --- */
body.woocommerce-cart {
    background-color: #f2f2f2; /* تغییر پس‌زمینه صفحه سبد خرید */
}

/* 1. مخفی کردن پیام "سبد خرید به‌روز شد" */
body.woocommerce-cart .woocommerce-message {
    display: none !important;
}

/* --- اعمال اجباری چیدمان گرید برای کارت‌های محصول --- */
.woocommerce-cart-form__contents .cart_item {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    padding: 15px !important;
    background-color: #fff !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* مخفی کردن عناوین پیش‌فرض قالب در حالت موبایل (مثل کلمه "تعداد" یا "جمع") */
.woocommerce-cart-form__contents .cart_item td::before {
    display: none !important;
}

/* 1. عکس محصول (بالا سمت راست) */
.woocommerce-cart-form__contents .cart_item .product-thumbnail {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    display: block !important;
    text-align: right !important;
    padding: 0 !important;
    border: none !important;
}

/* 2. اسم محصول (بالا سمت چپ - جلوی عکس) */
.woocommerce-cart-form__contents .cart_item .product-name {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    display: block !important;
    text-align: right !important;
    padding: 0 10px 0 0 !important;
    border: none !important;
}

/* 3. قیمت نهایی (پایین سمت راست - زیر عکس) */
.woocommerce-cart-form__contents .cart_item .product-subtotal {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    display: block !important;
    text-align: right !important;
    padding: 0 !important;
    border: none !important;
    font-weight: bold !important;
    order: 4 !important;
}

/* 4. دکمه‌های کم و زیاد (پایین سمت چپ - زیر اسم) */
.woocommerce-cart-form__contents .cart_item .product-quantity {
    grid-column: 3 / 3 !important;
    grid-row: 1 / 3 !important;
    display: flex !important;
    justify-content: flex-end !important; /* هل دادن به سمت چپ */
    padding: 0 !important;
    border: none !important;
}

/* 5. مخفی کردن دکمه حذف و قیمت تکی */
.woocommerce-cart-form__contents .cart_item .product-remove {
    display: none !important;
}

.woocommerce-cart-form__contents .cart_item .product-price {
    grid-column: 2 / 2 !important;
    grid-row: 2 / 3 !important;
    text-align: right !important;
}



/* 4. استایل جدید و مدرن برای بخش کد تخفیف */
.woocommerce .cart-collaterals .coupon {
    display: flex;
    gap: 10px; /* فاصله بین فیلد و دکمه */
    margin-bottom: 20px;
    padding: 0;
    border: none;
}
.woocommerce .cart-collaterals .coupon label {
    display: none; /* مخفی کردن لیبل کد تخفیف */
}
.woocommerce .cart-collaterals .coupon #coupon_code {
    flex-grow: 1; /* فیلد تمام فضای خالی را بگیرد */
    border: 1px solid #e0e0e0;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 1rem;
    box-shadow: none;
    outline: none;
    height: auto;
}
.woocommerce .cart-collaterals .coupon #coupon_code:focus {
    border-color: var(--app-primary-hover); 
    box-shadow: 0 0 0 2px rgba(251, 65, 9, 0.2);
}
.woocommerce .cart-collaterals .coupon .button[name="apply_coupon"] {
    background-color: #555;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
    height: auto;
    font-size: 0.9rem;
}
.woocommerce .cart-collaterals .coupon .button[name="apply_coupon"]:hover {
    background-color: #333;
}

/* --- استایل جعبه جمع کل و پرداخت --- */
.cart-collaterals .cart_totals {
    background: #fff;
    border-radius: 12px;
    padding: 10px 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: none !important;
    position: sticky;
    bottom: 75px; /* کمی فاصله از منوی پایین */
    float: none !important;
    width: 100% !important;
}
.cart-collaterals .cart_totals h2 {
    font-size: 1.2rem;
    font-weight: 700;
}
.cart-collaterals .cart_totals table {
    border: none;
    text-align: center;
}
.cart-collaterals .cart_totals table th,
.cart-collaterals .cart_totals table td {
    border: none;
    padding: 8px 0;
}
.cart-collaterals .cart_totals .order-total th,
.cart-collaterals .cart_totals .order-total td {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
}



/* --- استایل لینک‌های عکس و نام محصول --- */
.woocommerce-cart-form__contents .cart_item td a {
    text-decoration: none !important;
    color: #333 !important; /* رنگ تیره متن */
}

/* بولد کردن نام محصول */
.woocommerce-cart-form__contents .cart_item .product-name a {
    font-weight: bold !important;
    font-size: 16px !important;
    display: block !important;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
}

/* گرد کردن گوشه‌های عکس محصول */
.woocommerce-cart-form__contents .cart_item .product-thumbnail a img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important; /* سایه ملایم برای عکس */
}

/* فارسی سازی فیلد تعداد در سبد خرید */
.woocommerce div.quantity .qty {
    border: none;
    font-family: 'Vazirmatn RD FD', sans-serif !important;
    direction: ltr;
    text-align: center;
    font-size: inherit;
}


/* --- استایل ردیف "مجموع" در سبد خرید --- */

/* استایل مبلغ نهایی */
.woocommerce .cart_totals .order-total td .amount {
    font-size: 1.5rem; /* اندازه فونت خیلی بزرگ برای قیمت */
    font-weight: bold; /* ضخیم‌ترین حالت */
    color: #000; /* یک رنگ برجسته (مثلا آبی) */
}

/* اطمینان از تراز عمودی صحیح */
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td {
    vertical-align: middle;
}

/* --- استایل حمل و نقل: کل کارت قابل کلیک، بدون دکمه رادیویی --- */

/* کانتینر اصلی لیست */
ul#shipping_method {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

/* 1. استایل هر کارت حمل و نقل (کانتینر اصلی) */
ul#shipping_method li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* 2. مخفی کردن کامل دکمه رادیویی (سوراخ) */
ul#shipping_method li input[type="radio"] {
    display: none;
}

/* 3. تبدیل لیبل به یک بلاک قابل کلیک که تمام فضا را می‌گیرد */
ul#shipping_method li label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 15px; /* پدینگ اصلی اینجا اعمال می‌شود */
    cursor: pointer;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

/* 4. استایل قیمت که حالا داخل لیبل قرار می‌گیرد (از طریق flex) */
ul#shipping_method li label .amount {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1e7e34;
    flex-shrink: 0; /* جلوگیری از کوچک شدن قیمت */
}


.woocommerce-Price-amount .amount{
    float: left;
    margin-left: 20px;
}


.cart-collaterals{
    position: fixed;
    bottom: 63px;
    margin: 0 auto;
}



.snapp-orders-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.snapp-order-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    direction: rtl;
}

.snapp-order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.snapp-order-title {
    font-weight: bold;
    font-size: 15px;
    color: #3a3d42;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* استایل لیبل وضعیت‌ها */
.snapp-order-status {
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: bold;
}
.status-completed { background: #e6f4ea; color: #1e8e3e; }
.status-processing { background: #fef7e0; color: #f9ab00; }
.status-on-hold { background: #fce8e6; color: #d93025; }
.status-cancelled, .status-failed { background: #f1f3f4; color: #5f6368; }

.snapp-order-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.snapp-order-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.row-label { color: #808080; }
.row-value { color: #3a3d42; font-weight: bold; }

.snapp-order-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* استایل دکمه‌ها (رنگ سرخابی اسنپ‌فود) */
.snapp-btn {
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
}

.snapp-btn-view {
    background: #fff;
    border: 1px solid var(--app-primary-color);
    color: var(--app-primary-color);
}

.snapp-btn-view:hover {
    background: var(--app-primary-color);
    color: #fff;
}


/* مخفی کردن سایدبار سفارشی شما فقط در تب سفارشات */
body.woocommerce-orders .custom-my-account-sidebar {
    display: none !important;
}

/* تمام عرض کردن محتوای صفحه سفارشات (برای پر کردن جای خالی سایدبار) */
body.woocommerce-orders .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}



/* ====================================================
   استایل‌های صفحه جزئیات سفارش (شبیه اسنپ‌فود)
   ==================================================== */

/* مخفی کردن سایدبار در این صفحه (اختیاری - اگر می‌خواهید تمام‌عرض باشد) */
body.woocommerce-view-order .custom-my-account-sidebar,
body.woocommerce-view-order .woocommerce-MyAccount-navigation {
    display: none !important;
}
body.woocommerce-view-order .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* استایل باکس اصلی سفارش و آدرس */
.woocommerce-view-order section.woocommerce-order-details,
.woocommerce-view-order section.woocommerce-customer-details {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1px solid #f1f1f1;
}

/* عنوان‌های بخش‌ها */
.woocommerce-view-order h2.woocommerce-order-details__title,
.woocommerce-view-order h2.woocommerce-column__title {
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    color: #333;
}

/* --- تبدیل جدول محصولات به لیست --- */
.woocommerce-table.woocommerce-table--order-details {
    border: none !important;
    margin-bottom: 0;
}

/* مخفی کردن هدر جدول */
.woocommerce-table.woocommerce-table--order-details thead {
    display: none;
}

/* استایل هر سطر محصول */
.woocommerce-table.woocommerce-table--order-details tbody tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #f5f5f5;
}

.woocommerce-table.woocommerce-table--order-details td {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* نام محصول و تعداد */
.woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name {
    flex: 1;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-name strong.product-quantity {
    font-weight: normal;
    color: #888;
    background: #f5f5f5;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    margin-right: 10px;
}

/* قیمت محصول */
.woocommerce-table.woocommerce-table--order-details td.woocommerce-table__product-total {
    font-weight: bold;
    color: #333;
}

/* --- استایل بخش جمع کل (هزینه ارسال، تخفیف، مبلغ کل) --- */
.woocommerce-table.woocommerce-table--order-details tfoot {
    display: block;
    margin-top: 15px;
    background: #fafafa;
    padding: 15px;
    border-radius: 8px;
}

.woocommerce-table.woocommerce-table--order-details tfoot tr {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

.woocommerce-table.woocommerce-table--order-details tfoot th {
    border: none !important;
    padding: 0 !important;
    font-weight: normal;
    color: #666;
    text-align: right;
}

.woocommerce-table.woocommerce-table--order-details tfoot td {
    border: none !important;
    padding: 0 !important;
    font-weight: bold;
    color: #333;
}

/* استایل ویژه برای سطر "مبلغ کل" */
.woocommerce-table.woocommerce-table--order-details tfoot tr:last-child {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
}
.woocommerce-table.woocommerce-table--order-details tfoot tr:last-child th {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}
.woocommerce-table.woocommerce-table--order-details tfoot tr:last-child td {
    color: var(--app-primary-color); /* رنگ صورتی اسنپ‌فود */
    font-size: 18px;
}

/* دکمه سفارش مجدد */
.woocommerce-view-order .order-again .button {
    background-color: var(--app-primary-color) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 12px 0px !important;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}


/* ====================================================
   حرفه‌ای‌سازی بخش آدرس‌ها (صورتحساب و حمل‌ونقل)
   ==================================================== */

/* کانتینر اصلی آدرس‌ها - استفاده از Grid برای چیدمان تمیز */
.woocommerce-columns.woocommerce-columns--addresses.col2-set.addresses {
    display: grid !important;
    gap: 20px; /* فاصله بین کارت‌های آدرس */
    margin-top: 20px;
}

/* خنثی کردن استایل‌های پیش‌فرض ووکامرس (حذف float و width) */
.woocommerce-columns--addresses .woocommerce-column {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    
    /* استایل کارت برای هر آدرس */
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}

/* هاور کارت (اختیاری) */
.woocommerce-columns--addresses .woocommerce-column:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

/* عنوان‌های بخش آدرس (مثل: آدرس صورتحساب) */
.woocommerce-columns--addresses .woocommerce-column__title {
    font-size: 15px !important;
    font-weight: bold;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
}

/* متن آدرس */
.woocommerce-columns--addresses address {
    font-style: normal !important; /* حذف ایتالیک پیش‌فرض */
    font-size: 14px;
    line-height: 2.2; /* فاصله مناسب بین خطوط آدرس */
    color: #555;
}

/* لینک‌ها داخل آدرس (مثل شماره تماس یا ایمیل) */
.woocommerce-columns--addresses address a {
    color: var(--app-primary-color); /* رنگ صورتی اسنپ‌فود */
    text-decoration: none;
    font-weight: 600;
}





/* ====================================================
   شخصی‌سازی صفحه ویرایش اطلاعات حساب (مخصوص وب‌اپلیکیشن)
   ==================================================== */

/* کانتینر اصلی فرم */
.woocommerce-EditAccountForm.edit-account {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 20px; /* پدینگ مناسب برای صفحه باریک */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* فاصله بین فیلدها */
.woocommerce-EditAccountForm p.woocommerce-form-row {
    margin-bottom: 15px;
}

/* استایل لیبل‌ها */
.woocommerce-EditAccountForm label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-bottom: 8px;
}

/* استایل فیلدهای ورودی */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    width: 100% !important;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 12px 15px;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* حالت فوکوس روی فیلدها */
.woocommerce-EditAccountForm input:focus {
    background-color: #ffffff;
    border-color: var(--app-primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 0, 166, 0.1);
}

/* بخش تغییر رمز عبور */
.woocommerce-EditAccountForm fieldset {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px dashed #e5e5e5;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

/* عنوان بخش تغییر رمز عبور */
.woocommerce-EditAccountForm fieldset legend {
    font-size: 15px;
    font-weight: bold;
    color: #2b2b2b;
    margin-bottom: 15px;
}

/* دکمه ذخیره تغییرات (تمام عرض) */
.woocommerce-EditAccountForm .woocommerce-Button.button {
    background-color: var(--app-primary-color);
    color: #ffffff;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
    border: none;
    border-radius: 8px;
    padding: 14px;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

/* دکمه ذخیره تغییرات (تمام عرض) */
.woocommerce-EditAccountForm .woocommerce-Button.button:hover{
    background-color: var(--app-primary-hover);
    color: #ffffff;
}
/* مخفی کردن سایدبار در این صفحه (اختیاری - اگر می‌خواهید تمام‌عرض باشد) */
body.woocommerce-edit-account .custom-my-account-sidebar,
body.woocommerce-edit-account .woocommerce-MyAccount-navigation {
    display: none !important;
}





.dadjoo-address-page {
	max-width: 520px;
	margin: 40px auto;
	padding: 20px 0;
	font-family: Vazirmatn, sans-serif;
	background: #f9f9f9;
	border-radius: 18px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.06);
}

.dadjoo-title {
	font-size: 24px;
	font-weight: 700;
	color: #111;
	margin-bottom: 28px;
	text-align: center;
}

.dadjoo-card {
	background: #fff;
	padding: 30px 26px;
	border-radius: 20px;
	box-shadow: 0 14px 35px rgba(0,0,0,0.08);
}

.dadjoo-fields-wrapper .form-row {
	margin-bottom: 22px;
}

.dadjoo-fields-wrapper label {
	display: block;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
	color: #222;
}

.dadjoo-fields-wrapper input.input-text,
.dadjoo-fields-wrapper select {
	width: 100% !important;
	padding: 14px 18px!important;
	border-radius: 12px!important;
	border: 1.5px solid #ddd!important;
	font-size: 15px!important;
	transition: border-color 0.3s ease!important;
}

.dadjoo-fields-wrapper input.input-text:focus,
.dadjoo-fields-wrapper select:focus {
	border-color: var(--app-primary-color)!important;
	outline: none!important;
	box-shadow: 0 0 1px #E63946!important;
}

.dadjoo-submit-wrapper {
	margin-top: 30px;
	text-align: center;
}

.dadjoo-save {
	background: var(--app-primary-color);
    font-family: 'Vazirmatn RD FD';
	color: white;
	border: none;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 700;
	border-radius: 14px;
	width: 100%;
	cursor: pointer;
	transition: background-color 0.25s;
}

.dadjoo-save:hover {
	background: var(--app-primary-hover);
	box-shadow: var(--app-primary-hover);
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1.5px solid #ddd!important;
    border-radius: 12px!important;
    padding: 5px !important;
}


/* مخفی کردن فیلد کشور در صفحه تسویه حساب و حساب کاربری */
#billing_country_field,
#shipping_country_field {
    display: none !important;
}


/* --- استایل مینیمال اسنپی برای بخش کد تخفیف --- */

/* --- زیباسازی و رفع مشکل نمایش فرم کد تخفیف --- */

/* --- استایل مینیمال برای بخش کد تخفیف با رنگ سازمانی --- */

/* نوار پیام "کد تخفیف دارید؟" */
.woocommerce-form-coupon-toggle .woocommerce-info {
    background: #ffffff !important;
    border: 1px solid #f0f0f1 !important;
    border-radius: 12px !important; /* گوشه‌های گرد اپلیکیشنی */
    padding: 15px 20px !important;
    color: #444 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    font-weight: 500;
}

/* حذف نوار رنگی و آیکون پیش‌فرض ووکامرس */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none !important;
}

/* استایل دکمه‌مانند برای متن کلیک کنید */
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    color: #e63946 !important; /* رنگ اصلی شما */
    font-weight: 500;
    text-decoration: none !important;
    background: rgba(230, 57, 70, 0.1); /* پس‌زمینه محو رنگ شما */
    padding: 8px 16px;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-size: 13px;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover {
    background: #e63946 !important;
    color: #ffffff !important;
}

/* باکس اصلی فرم کد تخفیف */
form.checkout_coupon.woocommerce-form-coupon {
    background: #ffffff !important;
    border: 1px solid #f0f0f1 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    margin-top: 10px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    /* !important از display برداشته شد تا فرم بتواند بسته بماند */
    display: flex; 
    gap: 10px;
    align-items: center;
    flex-wrap: wrap; 
}

/* استایل فیلد متنی (Input) */
form.checkout_coupon.woocommerce-form-coupon input.input-text {
    width: 100% !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 14px;
    background: #fafafa !important;
    transition: all 0.3s;
    text-align: right;
    box-shadow: none !important;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row-last {
    width: auto;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row-first {
    flex: 1; /* فیلد متنی تمام فضای خالی را پر کند */
    min-width: 200px;
}

/* تنظیمات ساختار فرم */
form.checkout_coupon.woocommerce-form-coupon p.form-row {
    margin: 0 !important;
    padding: 0 !important;
}

/* افکت هنگام کلیک روی فیلد متنی */
form.checkout_coupon.woocommerce-form-coupon input.input-text:focus {
    border-color: #e63946 !important; 
    background: #ffffff !important;
    outline: none !important;
}

/* استایل دکمه "اعمال کوپن" */
form.checkout_coupon.woocommerce-form-coupon button.button {
    background: #e63946 !important; 
    font-family: 'Vazirmatn RD FD';
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 25px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    font-size: 14px !important;
}

/* افکت هاور دکمه */
form.checkout_coupon.woocommerce-form-coupon button.button:hover {
    background: #cc2936 !important; /* رنگ کمی تیره‌تر برای هاور */
    box-shadow: 0 4px 12px rgba(230, 57, 70, 0.25) !important; /* سایه با رنگ شما */
}

/* استایل ریسپانسیو برای موبایل */
@media (max-width: 480px) {
    .woocommerce-form-coupon-toggle .woocommerce-info {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
    form.checkout_coupon.woocommerce-form-coupon p.form-row-last {
        width: 100%;
    }
    form.checkout_coupon.woocommerce-form-coupon button.button {
        width: 100%;
    }
}


/* ====================================================
   استایل مدرن تسویه حساب ووکامرس)
   ==================================================== */

/* تنظیمات کلی کانتینر تسویه حساب */
.app-modern-checkout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 480px;
    margin: 40px auto;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
    direction: rtl;
}

/* استایل کارت‌ها */
.app-checkout-card {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f0f1;
    margin-bottom: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.app-checkout-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* هدر کارت‌ها */
.app-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 2px dashed #f0f0f1;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.app-card-header i {
    color: var(--app-primary-color);
    font-size: 22px;
    background: rgba(33, 170, 88, 0.1);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.app-card-header h2 {
    font-size: 18px;
    font-weight: bold;
    color: #3f3f3f;
    margin: 0;
}

/* استایل فیلدهای ورودی فرم */
.app-modern-checkout .form-row {
    margin-bottom: 16px;
}

.app-modern-checkout label {
    font-size: 13px;
    color: #555;
    margin-bottom: 6px;
    display: block;
    font-weight: 500;
}

.app-modern-checkout input[type="text"],
.app-modern-checkout input[type="email"],
.app-modern-checkout input[type="tel"],
.app-modern-checkout input[type="password"],
.app-modern-checkout textarea,
.app-modern-checkout select {
    width: 100%;
    border: 1.5px solid #e4e4e4;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    color: #333;
    background-color: #fafafa;
    transition: all 0.3s ease;
}

.app-modern-checkout input:focus,
.app-modern-checkout textarea:focus,
.app-modern-checkout select:focus {
    border-color: var(--app-primary-color);
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(33, 170, 88, 0.1);
    outline: none;
}

/* استایل جدول سفارش (فاکتور) */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f1;
    font-size: 14px;
    color: #555;
}

.woocommerce-checkout-review-order-table th {
    font-weight: normal;
    color: #777;
}

.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .order-total th {
    font-weight: bold;
    color: #333;
}

.woocommerce-checkout-review-order-table .order-total td {
    font-size: 18px;
    font-weight: bold;
    color: var(--app-primary-color);
}

/* استایل بخش روش‌های پرداخت */
#payment.woocommerce-checkout-payment {
    background: transparent !important;
    border-radius: 0 !important;
}

#payment ul.payment_methods {
    border-bottom: none !important;
    padding: 0 !important;
}

#payment ul.payment_methods li {
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    padding: 16px !important;
    margin-bottom: 12px !important;
    transition: border-color 0.3s ease;
}

#payment ul.payment_methods li input[type="radio"]:checked + label {
    color: var(--app-primary-color);
    font-weight: 500;
}

#payment div.payment_box {
    background-color: #fff !important;
    border: 1px solid #f0f0f1;
    border-radius: 8px;
    box-shadow: none !important;
    color: #666 !important;
    font-size: 13px !important;
    margin-top: 10px !important;
}

#payment div.payment_box::before {
    display: none !important; /* حذف فلش پیش‌فرض ووکامرس */
}

/* دکمه ثبت سفارش */
#place_order {
    background-color: var(--app-primary-color);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 12px;
    padding: 16px;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.1s ease;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#place_order:hover {
    background-color: var(--app-primary-hover);
}

#place_order:active {
    transform: scale(0.98);
}



/* ۱. تنظیم فاصله بین درگاه‌ها */
#payment ul.payment_methods {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#payment ul.payment_methods li.wc_payment_method {
    margin: 0;
}

/* ۲. مخفی کردن دکمه رادیویی پیش‌فرض */
#payment ul.payment_methods li input[type="radio"] {
    display: none !important;
}

/* ۳. طراحی کارت درگاه (ظاهر مینیمال و تمیز) */
#payment ul.payment_methods li label {
    display: flex !important;
    align-items: center;
    justify-content: space-between; /* متن راست، تیک چپ */
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 15px;
    font-weight: 400;
    color: #334155;
    margin: 0;
}

/* هاور کارت (قبل از انتخاب) */
#payment ul.payment_methods li label:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
}

/* ۴. استایل کارت هنگام انتخاب شدن */
#payment ul.payment_methods li input[type="radio"]:checked + label {
    border: 1px solid #e11d48  ;
    background: #fff ; /* سبز بسیار ملایم */
    color: #333;
    padding: 15px 19px; /* جبران ضخامت بوردر برای جلوگیری از پرش */
}

/* ۵. ایجاد دایره تیک اختصاصی (مخفی در حالت عادی) */
#payment ul.payment_methods li label::after {
    content: '\2713'; /* آیکون تیک */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--app-primary-hover);
    color: #fff;
    font-size: 14px;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
    margin-right: 15px; /* فاصله از متن/لوگو */
}

/* نمایش تیک با انیمیشن هنگام انتخاب */
#payment ul.payment_methods li input[type="radio"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}

/* ۶. تنظیم لوگوی درگاه پرداخت */
#payment ul.payment_methods li label img {
    max-height: 26px;
    margin-right: auto; /* هل دادن لوگو به سمت چپ در صورت وجود */
    margin-left: 10px;
    object-fit: contain;
}

/* ۷. اصلاح باکس توضیحات زیر درگاه (در صورت وجود) */
#payment div.payment_box {
    background: transparent !important;
    padding: 8px 15px 0 !important;
    margin: 0 !important;
    font-size: 13px;
    color: #64748b;
    border: none !important;
}

#payment div.payment_box::before {
    display: none !important; /* حذف فلش پیش‌فرض ووکامرس */
}



/* ۱. استایل کلی جدول سفارش */
#order_review table.shop_table {
    border: none !important;
    border-radius: 12px !important;
    background: #fff !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

/* ۲. حذف خطوط ضخیم و تنظیم فاصله‌های سلول‌ها */
#order_review table.shop_table th, 
#order_review table.shop_table td {
    border: none !important;
    border-bottom: 1px dashed #eee !important; /* خط چین ملایم بین آیتم‌ها */
    padding: 15px 10px !important;
    text-align: right !important;
    vertical-align: middle !important;
    color: #444 !important;
}

/* ۳. استایل نام محصول و تعداد */
#order_review table.shop_table tbody td.product-name {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
/* استایل ضربدر و تعداد محصول */
#order_review table.shop_table tbody td.product-name .product-quantity {
    font-weight: bold !important;
    color: var(--app-primary-color) !important; /* رنگ قرمز سایت شما برای تعداد */
    background: #fff0f2 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* ۴. چپ‌چین کردن قیمت‌ها */
#order_review table.shop_table td.product-total,
#order_review table.shop_table tfoot td {
    text-align: left !important;
    font-weight: bold !important;
}

/* ۵. استایل بخش فوتر جدول (هزینه ارسال، مالیات و...) */
#order_review table.shop_table tfoot th {
    font-weight: normal !important;
    color: #777 !important;
    font-size: 13px !important;
}

/* ۶. استایل ویژه برای ردیف "جمع کل" */
#order_review table.shop_table tfoot tr.order-total th,
#order_review table.shop_table tfoot tr.order-total td {
    border-bottom: none !important; /* حذف خط زیر جمع کل */
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#order_review table.shop_table tfoot tr.order-total th {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #222 !important;
}
#order_review table.shop_table tfoot tr.order-total td {
    font-size: 18px !important;
    color: var(--app-primary-color) !important; /* رنگ قرمز برای مبلغ نهایی */
}


/* ۱. حذف استایل پیش‌فرض لیست */
ul#shipping_method {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ۲. مخفی کردن دکمه رادیویی روش ارسال */
ul#shipping_method li input[type="radio"] {
    display: none !important;
}

/* ۳. استایل پایه باکس روش ارسال */
ul#shipping_method li label {
    display: flex !important; /* استفاده از فلکس برای جدا کردن متن و قیمت */
    justify-content: space-between !important; /* هل دادن قیمت به سمت چپ */
    align-items: center !important;
    padding: 15px !important;
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    color: #444 !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
}

/* ۴. حالت انتخاب شده (حاشیه قرمز سازمانی) */
ul#shipping_method li input[type="radio"]:checked + label {
    background: #ffffff !important;
    border: 2px solid #e11d48 !important; /* رنگ قرمز سایت شما */
    color: #222 !important;
    font-weight: bold !important;
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.1) !important;
}

/* ۵. استایل قیمت داخل باکس ارسال (برای خوانایی بهتر) */
ul#shipping_method li label .amount {
    font-weight: bold !important;
    color: #333 !important;
}
ul#shipping_method li input[type="radio"]:checked + label .amount {
    color: #e11d48 !important; /* رنگ قیمت در حالت انتخاب شده */
}


/* =========================================
   استایل‌های مدرن صفحه تشکر (Thank You Page)
========================================= */

/* استایل باکس اصلی صفحه تشکر */
.woocommerce-order {
    max-width: 480px;
    margin: 40px auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding: 40px;
    text-align: center;
}

/* پیام موفقیت ثبت سفارش */
.woocommerce-order > p:first-of-type {
    font-size: 18px;
    font-weight: bold;
    color: #21aa58; /* رنگ سبز موفقیت */
    background: #e8f8ee;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

/* پیام خطا در پرداخت */
.woocommerce-order-failed {
    color: #e11d48 !important;
    background: #fef2f2 !important;
}

/* شبکه‌بندی (Grid) اطلاعات کلی سفارش */
ul.woocommerce-order-overview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
}

/* استایل هر بلاک اطلاعات (شماره سفارش، تاریخ، قیمت و...) */
ul.woocommerce-order-overview li {
    background: #f8f9fa;
    border: 1px solid #eee;
    padding: 20px 15px;
    border-radius: 15px;
    text-align: center;
    border-right: none !important; /* حذف خطوط پیش‌فرض ووکامرس */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
}

/* لیبل اطلاعات (مثلا: شماره سفارش) */
ul.woocommerce-order-overview li.order,
ul.woocommerce-order-overview li.date,
ul.woocommerce-order-overview li.email,
ul.woocommerce-order-overview li.total,
ul.woocommerce-order-overview li.method {
    font-size: 12px;
    color: #777;
    margin-bottom: 8px;
}

/* مقدار اطلاعات (مثلا: ۱۲۳۴۵ یا قیمت) */
ul.woocommerce-order-overview li strong {
    font-size: 16px;
    color: #333;
    font-weight: 900;
    margin-top: 5px;
}

/* برجسته کردن مبلغ کل با رنگ قرمز سایت شما */
ul.woocommerce-order-overview li.total strong {
    color: #e11d48;
    font-size: 18px;
}

/* استایل جدول جزئیات محصول در پایین صفحه */
.woocommerce-order-details {
    margin-top: 40px;
    text-align: right;
}

.woocommerce-order-details h2 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px dashed #eee;
    padding-bottom: 15px;
}

/* دکمه‌های پرداخت مجدد برای سفارش‌های ناموفق */
.woocommerce-thankyou-order-failed-actions .button {
    background: #e11d48 !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 12px 25px !important;
    text-decoration: none;
    font-weight: bold;
}


.wct-wrapper {
    background-color: var(--app-bg-color);
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--wct-font);
    direction: rtl;
    text-align: right;
    margin-bottom: 30px;
}

.wct-card {
    background: var(--app-card-bg);
    max-width: 480px;
    width: 100%;
    border-radius: var(--app-radius);
    padding: 10px 20px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    border: 1px solid rgba(0,0,0,0.03);
}

/* Header */
.wct-header {
    text-align: center;
    margin-bottom: 40px;
}

.wct-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wct-icon--success {
    background-color: rgba(16, 185, 129, 0.1);
    color: var(--app-success);
}

.wct-icon--failed {
    background-color: rgba(239, 68, 68, 0.1);
    color: #ef4444;
}

.wct-icon svg {
    width: 32px;
    height: 32px;
}

.wct-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--app-text-main);
    margin: 0 0 8px;
}

.wct-subtitle {
    font-size: 15px;
    color: var(--app-text-muted);
    margin: 0;
}

/* Overview Grid */
.wct-overview {
    list-style: none;
    padding: 10px;
    margin: 0 0 32px;
    background-color: var(--app-bg-color);
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 20px;
}

.wct-overview__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.wct-overview__label {
    font-size: 13px;
    color: var(--app-text-muted);
}

.wct-overview__value {
    font-size: 15px;
    color: var(--app-text-main);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.wct-copy-btn {
    background: none;
    border: none;
    color: var(--app-text-muted);
    cursor: pointer;
    padding: 4px;
    transition: color 0.2s ease;
}

.wct-copy-btn:hover {
    color: var(--app-primary-color);
}

/* Divider */
.wct-divider {
    border: 0;
    height: 1px;
    background: var(--app-border-color);
    margin: 32px 0;
}

/* Summary */
.wct-summary__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--app-text-main);
    margin-bottom: 20px;
}

.wct-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px dashed var(--app-border-color);
}

.wct-item__info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wct-item__name {
    font-size: 14px;
    color: var(--app-text-main);
}

.wct-item__qty {
    font-size: 13px;
    color: var(--app-text-muted);
    background: var(--app-bg-color);
    padding: 2px 8px;
    border-radius: 4px;
}

.wct-item__total {
    font-size: 14px;
    font-weight: 600;
    color: var(--app-text-main);
}

/* Totals */
.wct-totals {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wct-totals__row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--app-text-muted);
}

.wct-totals__row--main {
    margin-top: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--app-border-color);
    font-size: 18px;
    font-weight: 700;
    color: var(--app-text-main);
}

/* Actions */
.wct-actions {
    display: flex;
    gap: 16px;
    margin-top: 40px;
}

.wct-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    flex: 1;
}

.wct-btn--primary {
    background-color: var(--app-primary-color);
    color: #fff !important;
    border: 1px solid var(--app-primary-color);
}

.wct-btn--primary:hover {
    background-color: var(--app-primary-hover);
}

.wct-btn--secondary {
    background-color: transparent;
    color: var(--app-text-main);
    border: 1px solid #e5e7eb;
}

.wct-btn--secondary:hover {
    background-color: var(--app-bg-color);
}

/* Support Box */
.wct-support {
    margin-top: 32px;
    padding: 20px;
    background-color: #f8fafc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--app-text-muted);
    font-size: 13px;
}

.wct-support svg {
    color: #94a3b8;
}

.wct-support a {
    color: var(--app-text-main);
    font-weight: 600;
    text-decoration: none;
}

/* Hide Default WooCommerce Elements that we replaced */
.woocommerce-order > .woocommerce-notice,
.woocommerce-order > .woocommerce-order-overview,
.woocommerce-order > .woocommerce-table--order-details,
.woocommerce-order > .woocommerce-customer-details {
    display: none !important;
}




.ct-contact-wrapper {
    padding: 80px 20px;
    background-color: #f9fafb;
    direction: rtl;
    font-family: 'IRANSans', 'Vazirmatn', sans-serif;
}
.ct-contact-container {
    max-width: 1000px;
    margin: 0 auto;
}
.ct-contact-header {
    text-align: center;
    margin-bottom: 50px;
}
.ct-contact-title {
    font-size: 2.2rem;
    color: #111827;
    margin-bottom: 15px;
    font-weight: 700;
}
.ct-contact-subtitle {
    color: #6b7280;
    font-size: 1.1rem;
}
.ct-contact-grid {
    display: block;
    gap: 40px;
    background: #ffffff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}
.ct-contact-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-left: 20px;
    border-left: 1px solid #f3f4f6;
}
.ct-info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.ct-info-icon {
    font-size: 1.5rem;
    background: #f3f4f6;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.ct-info-item h4 {
    margin: 0 0 5px 0;
    font-size: 1rem;
    color: #374151;
}
.ct-info-item p {
    margin: 0;
    color: #6b7280;
    font-size: 0.95rem;
}
.ct-contact-form-box {
    width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
    .ct-contact-grid {
        grid-template-columns: 1fr;
        padding: 25px;
    }
    .ct-contact-info {
        border-left: none;
        border-bottom: 1px solid #f3f4f6;
        padding-left: 0;
        padding-bottom: 30px;
    }
}

.ct-info-icon i {
    color: #111827; /* رنگ آیکون - می‌توانید به رنگ سازمانی خود تغییر دهید */
    font-size: 1.4rem;
}





#site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; /* رنگ پس‌زمینه لودینگ */
    z-index: 99999; /* قرارگیری روی تمام المان‌های سایت */
    display: flex;
    justify-content: center;
    align-items: center;
}

#site-preloader i {
    font-size: 60px; /* اندازه آیکون */
    color: #E63946; /* رنگ آیکون */
}


/* پس‌زمینه تاریک مودال (Overlay) */
#dynamic-topping-modal {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* شفافیت کمتر برای ظاهر مدرن‌تر */
    backdrop-filter: blur(4px); /* افکت بلور (تاری) پس‌زمینه شبیه iOS */
    z-index: 999999;
}

/* باکس سفید رنگ مودال */
#dynamic-topping-modal .modal-content {
    background-color: #fff;
    width: calc(100% - 40px); /* فاصله ۲۰ پیکسلی از چپ و راست */
    max-width: 420px; /* متناسب با عرض ۴۸0 سایت شما */
    
    /* وسط‌چین کردن دقیق و بی‌نقص */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    padding: 24px;
    border-radius: 20px; /* گوشه‌های گردتر و مدرن */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12); /* سایه بسیار نرم و مینیمال */
}

/* دکمه بستن (مدرن و دایره‌ای) */
#close-dyn-modal {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 32px;
    height: 32px;
    background-color: #f5f5f5;
    color: #555;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.2s ease;
}

#close-dyn-modal:hover {
    background-color: #e0e0e0;
    color: #000;
}




.single_add_to_cart_button_home {
    flex-grow: 1;
    background-color: #ff4757;
    font-family: 'Vazirmatn RD FD', Tahoma, sans-serif !important;
    color: #fff;
    border: none;
    height: 45px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}


.single_add_to_cart_button_home:hover {
    background-color: #ff2f41;
}

#shipping_phone_field .optional, 
#billing_phone_field .optional {
    display: none !important;
}