/*
Theme Name: kasbeno child
Description: Child theme for kasbeno
Author: kasbeno Team
Template: kasbeno
Version: 1.0.0
Text Domain: kasbeno-child-theme
*/

/* ==========================================================================
   1. معرفی تمام وزن‌های فونت لحظه (اعداد فارسی) - فرمت WOFF2 و WOFF
   ========================================================================== */

/* Thin (وزن ۱۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Thin.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* ExtraLight (وزن ۲۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-ExtraLight.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Light (وزن ۳۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Light.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular (وزن ۴۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Regular.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium (وزن ۵۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Medium.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SemiBold (وزن ۶۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-SemiBold.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold (وزن ۷۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Bold.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ExtraBold (وزن ۸۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-ExtraBold.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Black (وزن ۹۰۰) */
@font-face {
    font-family: 'LahzehFaNum';
    src: url('fonts/Lahzeh-FaNum-Black.woff2') format('woff2'),
         url('fonts/Lahzeh-FaNum-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ==========================================================================
   ۲. اعمال فونت به تمامی متون معمولی، لینک‌ها و المان‌های فرم در کل سایت
   ========================================================================== */
body, a, p, span, li, ol, ul, input, button, select, textarea, label, td, th, time, figcaption {
    font-family: 'LahzehFaNum', tahoma, sans-serif !important;
}

/* ==========================================================================
   ۳. اعمال فونت به تمام تیترها، قیمت‌ها و متون ضخیم (Bold)
   ========================================================================== */
h3, h4, h5, h6, strong, b, .price, .amount, .woocommerce-Price-amount {
    font-family: 'LahzehFaNum', tahoma, sans-serif !important;
    font-weight: 700;
}

h1, h2 {
    font-family: 'LahzehFaNum', tahoma, sans-serif !important;
    font-weight: 800;
}

/* ==========================================================================
   ۴. پوشش کامل برای المان‌های اختصاصی المنتور و ووکامرس
   ========================================================================== */
.elementor-widget-heading .elementor-heading-title,
.elementor-button,
.elementor-text-editor,
.widget,
.menu-item a,
.woocommerce-loop-product__title,
.product_title {
    font-family: 'LahzehFaNum', tahoma, sans-serif !important;
}




/* ==========================================================================
   ۱. استایل‌های فرم ثبت دیدگاه (Comment Form)
   ========================================================================== */

/* مخفی کردن لیبل‌های پیش‌فرض */
#commentform label {
    display: none !important;
}

/* ساختار فلکس‌باکس برای چیدمان فرم */
#commentform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}

/* تکست‌اریا (ردیف اول - کل عرض) */
.comment-form-comment {
    width: 100%;
    order: 1;
    margin: 0;
}

/* فیلدها و دکمه (ردیف دوم - ۳ ستون) */
.comment-form-author,
.comment-form-email,
.form-submit {
    width: 32%;
    margin: 0;
}
.comment-form-author { order: 2; }
.comment-form-email { order: 3; }
.form-submit { order: 4; }

/* استایل‌دهی به اینپوت‌ها */
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"] {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 18px 20px;
    font-size: 14px;
    font-family: inherit;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

#commentform textarea:focus,
#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus {
    outline: none;
    border-color: #c9c9c9;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

/* دکمه ارسال */
#commentform .submit {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #df3822, #e84d33);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    cursor: pointer;
    box-shadow: 0 6px 15px rgba(223, 56, 34, 0.3);
    transition: all 0.3s ease;
}

#commentform .submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(223, 56, 34, 0.4);
}

/* رسپانسیو فرم برای موبایل */
@media (max-width: 768px) {
    .comment-form-author,
    .comment-form-email,
    .form-submit {
        width: 100%;
    }
}

/* ==========================================================================
   ۲. استایل‌های لیست دیدگاه‌های منتشر شده (Comments List)
   ========================================================================== */

/* عنوان "ثبت دیدگاه" */
#reply-title {
    font-size: 1.2rem !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* عنوان "تعداد پاسخ‌ها" (استفاده از سلکتورهای قوی‌تر برای غلبه بر قالب) */
.comments-title, #comments-title, #comments h2.comments-title, .comments-area > h2 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #444 !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 12px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* آیکون حباب گفتگو (بدون نیاز به فونت و با استفاده از SVG) */
.comments-title::before, #comments-title::before, #comments h2.comments-title::before, .comments-area > h2::before {
    content: "" !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    /* کد تصویر SVG مستقیماً در مرورگر خوانده می‌شود */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23df3822' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

/* باکس اصلی هر کامنت */
.comment-body {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    padding: 25px 35px 25px 25px !important;
    position: relative !important;
    transition: 0.3s !important;
}

/* هدر کامنت (حل مشکل چسبیدن آواتار و نام) */
.comment-author {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

/* آواتار کاربر */
.comment-author .avatar {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 0 0 15px !important; /* فاصله ۱۵ پیکسلی سمت چپ بین عکس و نام */
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border: 2px solid #ffffff !important;
}

/* نام کاربر */
.comment-author .fn {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #333 !important;
}

/* مخفی کردن کلمه آماتور "گفت:" */
.comment-author .says {
    display: none !important;
}

/* تاریخ و زمان */
.comment-meta.commentmetadata,
.comment-metadata {
    font-size: 11px !important;
    color: #aaa !important;
    position: absolute !important;
    left: 25px !important;
    top: 25px !important;
}
.comment-metadata a {
    color: #aaa !important;
    text-decoration: none !important;
}

/* متن کامنت */
.comment-content p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #555 !important;
    margin-top: 0 !important;
}

/* ==========================================================================
   ۳. استایل‌های اختصاصی مدیر (Admin) و دکمه پاسخ
   ========================================================================== */

/* حاشیه و رنگ‌بندی کامنت مدیر */
.bypostauthor .comment-body {
    background: #fffdfc !important;
    border-right: 4px solid #df3822 !important;
    border-left: 1px solid #f0f0f0 !important;
}

/* لیبل "مدیر سایت" */
.bypostauthor .fn::after {
    content: "مدیر سایت" !important;
    background: #df3822 !important;
    color: #fff !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

/* دکمه کپسولی پاسخ */
.comment-reply-link {
    background-color: #f7f7f7 !important;
    color: #666666 !important;
    border: 1px solid #eaeaea !important;
    border-radius: 20px !important;
    padding: 6px 20px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 10px !important;
    text-decoration: none !important;
}

.comment-reply-link:hover {
    background-color: #df3822 !important;
    color: #ffffff !important;
    border-color: #df3822 !important;
    box-shadow: 0 4px 10px rgba(223, 56, 34, 0.2) !important;
}



ins .woocommerce-Price-amount.amount bdi,ins{
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

span.woocommerce-Price-currencySymbol{
	color:#949494 !important;
	font-size:14px !important;
	font-weight:400 !important;
}






















======================================================

   ۱. لوکس‌سازی کل کانتینر سبد خرید

   ====================================================== */

.wp-block-woocommerce-cart {

  max-width: 1200px !important;

  margin: 30px auto !important;

  padding: 10px !important;

}



/* ======================================================

   ۲. ساخت تب‌های «سبد خرید» و «پرداخت»

   ====================================================== */

.wc-block-cart-items {

  border-collapse: separate !important;

  border-spacing: 0 16px !important;

  border: none !important;

  margin-top: 0 !important;

  width: 100% !important; 

}



.wc-block-cart-items thead {

  display: block !important;

  width: 100% !important;

}



.wc-block-cart-items__header {

  display: flex !important;

  width: 100% !important;

  border-bottom: none !important;

  margin-bottom: 10px !important;

}



.wc-block-cart-items__header th {

  display: none !important;

}



/* تب 1: سبد خرید (فعال) */

.wc-block-cart-items__header::before {

  content: 'سبد خرید';

  flex: 1 !important; 

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 50px;

  font-size: 1rem !important; 

  font-weight: 700 !important;

  color: #ff6464 !important;

  border-bottom: 3px solid #ff6464 !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff6464' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: calc(50% + 40px) center; 

  padding-right: 28px !important;

  box-sizing: border-box !important;

}



/* تب 2: پرداخت (غیرفعال) */

.wc-block-cart-items__header::after {

  content: 'پرداخت';

  flex: 1 !important; 

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 50px;

  font-size: 0.95rem !important; 

  font-weight: 600 !important;

  color: #94a3b8 !important;

  border-bottom: 2px solid #e2e8f0 !important;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='2' y1='10' x2='22' y2='10'%3E%3C/line%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: calc(50% + 32px) center; 

  padding-right: 24px !important;

  box-sizing: border-box !important;

}



/* ======================================================

   ۳. ردیف کارت محصول (سایه و کادر هم‌وزن با سایدبار)

   ====================================================== */

.wc-block-cart-items__row td.wc-block-cart-item__total {

  display: none !important;

}



.wc-block-cart-items__row {

  background: #ffffff !important;

  border-radius: 20px !important; /* هم‌اندازه با سایدبار چپ */

  border: 1px solid #f1f5f9 !important; /* اضافه شدن کادر ملایم مثل سایدبار */

  box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.05) !important; /* سایه دقیقاً مشابه سایدبار */

  transition: all 0.3s ease !important;

  display: flex !important; 

  align-items: center !important;

  padding: 20px !important;

  gap: 24px !important; 

}



.wc-block-cart-items__row:hover {

  transform: translateY(-2px) !important;

  box-shadow: 0 20px 30px -5px rgba(15, 23, 42, 0.08) !important;

}



.wc-block-cart-items__row td {

  padding: 0 !important; 

  border: none !important;

}



/* ======================================================

   ۴. تصویر محصول و چیدمان عنوان و قیمت

   ====================================================== */

.wc-block-cart-item__image {

  flex-shrink: 0 !important; 

}



.wc-block-cart-item__image img {

  width: 120px !important;

  min-width: 120px !important;

  height: 120px !important;

  object-fit: cover !important; 

  border-radius: 14px !important;

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important;

}



.wc-block-cart-item__product {

  flex-grow: 1 !important; 

  text-align: right !important;

}



.wc-block-cart-item__wrap {

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 12px !important; 

}



.wc-block-components-product-name {

  font-size: 1.25rem !important;

  font-weight: 800 !important;

  color: #1e293b !important;

  text-decoration: none !important;

}



.wc-block-cart-item__prices .wc-block-components-product-price {

  font-size: 1.1rem !important;

  font-weight: 800 !important;

  color: #ff6464 !important;

  background: #fff0f0 !important;

  padding: 4px 12px !important;

  border-radius: 8px !important;

}



.wc-block-components-product-metadata {

  font-size: 0.85rem !important;

  color: #64748b !important;

  margin: 0 !important;

}



/* ======================================================

   ۵. باکس تغییر تعداد و سطل زباله

   ====================================================== */

.wc-block-cart-item__quantity {

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  gap: 16px !important;

  margin-top: 5px !important;

}



.wc-block-components-quantity-selector {

  margin: 0 !important;

  display: inline-flex !important;

  align-items: center !important;

  border: 2px solid #e2e8f0 !important;

  border-radius: 12px !important;

  background: #ffffff !important;

  height: 44px !important;

  overflow: hidden !important;

  padding: 0 !important;

}



.wc-block-components-quantity-selector button {

  background: transparent !important;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

  color: #475569 !important;

  width: 36px !important;

  height: 100% !important;

  font-size: 1.2rem !important;

  transition: background 0.2s !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.wc-block-components-quantity-selector button:hover {

  background: #f1f5f9 !important;

  color: #0f172a !important;

}



.wc-block-components-quantity-selector input {

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

  background: transparent !important;

  font-weight: 900 !important;

  font-size: 1.1rem !important;

  width: 40px !important;

  height: 40px !important;

  line-height: 40px !important; 

  text-align: center !important;

  padding: 0 !important;

  margin: 0 !important;

  -moz-appearance: textfield !important;

}



.wc-block-components-quantity-selector input::-webkit-outer-spin-button,

.wc-block-components-quantity-selector input::-webkit-inner-spin-button {

  -webkit-appearance: none !important;

  margin: 0 !important;

}



.wc-block-cart-item__remove-link {

  margin: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 44px !important;

  height: 44px !important;

  background: #fef2f2 !important;

  color: #ef4444 !important;

  border-radius: 12px !important;

  border: 1px solid #fee2e2 !important;

  outline: none !important;

  transition: all 0.3s ease !important;

  text-decoration: none !important;

}



.wc-block-cart-item__remove-link:hover {

  background: #ef4444 !important;

  color: #ffffff !important;

}



/* ======================================================

   ۶. باکس صورتحساب سمت چپ و اصلاح متون (عنوان ملایم‌تر شد)

   ====================================================== */

.wc-block-cart__sidebar {

  background: #ffffff !important;

  border-radius: 20px !important;

  border: 1px solid #f1f5f9 !important;

  padding: 28px !important;

  box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.05) !important;

}



/* کاهش جلب توجه عنوان "جمع کل سبد خرید" */

.wc-block-cart__totals-title {

  font-size: 1.1rem !important; /* سایز کوچکتر */

  font-weight: 700 !important; /* وزن نرم‌تر */

  color: #475569 !important; /* رنگ طوسی/سرمه‌ای ملایم به جای مشکی پررنگ */

  margin-bottom: 15px !important;

  border-bottom: none !important; 

  padding-bottom: 0 !important;

}



.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {

  visibility: hidden !important; 

  position: relative !important;

}



.wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {

  content: 'جمع کل' !important; 

  visibility: visible !important;

  position: absolute !important;

  right: 0 !important;

  top: 0 !important;

  font-size: 1.1rem !important;

  font-weight: 700 !important;

  color: #334155 !important;

}



/* ======================================================

   ۷. فرم کوپن تخفیف

   ====================================================== */

.wc-block-components-totals-coupon {

  margin-bottom: 25px !important;

}



.wc-block-components-totals-coupon .wc-block-components-panel__button {

  background: #f8fafc !important;

  border: 1px dashed #cbd5e1 !important;

  border-radius: 12px !important;

  padding: 16px 20px !important;

  font-weight: 700 !important;

  color: #334155 !important;

  box-sizing: border-box !important;

  display: flex !important;

  align-items: center !important;

  transition: background-color 0.3s ease, color 0.3s ease !important; 

}



.wc-block-components-totals-coupon .wc-block-components-panel__button:hover {

  background: #f1f5f9 !important;

  color: #0f172a !important;

}



.wc-block-components-totals-coupon-form {

  display: flex !important;

  gap: 6px !important;

  margin-top: 15px !important;

  align-items: center !important;

  background: #f8fafc !important; 

  border: 1px solid #cbd5e1 !important;

  padding: 6px !important;

  border-radius: 12px !important;

  box-sizing: border-box !important;

}



.wc-block-components-totals-coupon-form .wc-block-components-text-input {

  flex-grow: 1 !important;

  margin: 0 !important;

}



.wc-block-components-totals-coupon-form input[type="text"] {

  width: 100% !important;

  height: 42px !important;

  border: none !important; 

  background: transparent !important; 

  padding: 0 15px !important;

  font-size: 0.95rem !important;

  box-shadow: none !important;

  outline: none !important;

  color: #334155 !important;

}



.wc-block-components-totals-coupon-form button[type="submit"] {

  height: 42px !important;

  padding: 0 20px !important;

  border-radius: 8px !important;

  background: #1e293b !important; 

  color: #ffffff !important;

  font-weight: 600 !important;

  font-size: 0.95rem !important;

  border: none !important;

  outline: none !important;

  margin: 0 !important;

  white-space: nowrap !important;

  transition: background 0.3s ease !important;

  cursor: pointer !important;

}



.wc-block-components-totals-coupon-form button[type="submit"]:hover {

  background: #0f172a !important;

  box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;

}



/* ======================================================

   ۸. دکمه پرداخت نهایی

   ====================================================== */

.wc-block-cart__submit-container {

  margin-top: 20px !important;

}



.wc-block-cart__submit-button {

  text-decoration: none !important; 

  border: none !important;

  outline: none !important;

  background: linear-gradient(135deg, #ff6464 0%, #e11d48 100%) !important;

  border-radius: 16px !important;

  padding: 16px 24px !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  box-shadow: 0 10px 25px -5px rgba(225, 29, 72, 0.4) !important;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;

}



.wc-block-cart__submit-button:hover {

  transform: translateY(-2px) !important;

  box-shadow: 0 15px 30px -5px rgba(225, 29, 72, 0.5) !important;

}



.wc-block-cart__submit-button .wc-block-components-button__text {

  font-family: inherit !important;

  font-size: 1.15rem !important;

  font-weight: 500 !important; 

  color: #ffffff !important;

  text-decoration: none !important; 

}



/* ======================================================

   ۹. استایل‌دهی ردیف جمع کل

   ====================================================== */

.wc-block-components-totals-footer-item {

  border-top: 1px dashed #e2e8f0 !important;

  padding-top: 16px !important;

  margin-top: 16px !important;

}



.wc-block-components-totals-footer-item-tax-value {

  font-size: 1.4rem !important;

  font-weight: 900 !important;

  color: #ff6464 !important; 

} 

.wc-block-checkout__form{
	  font-family: 'LahzehFaNum' !important;
}


/* ======================================================
   ۱۰. استایل‌دهی کامل کانتینر سبد خرید خالی و محصولات پیشنهادی
   ====================================================== */
.wp-block-woocommerce-empty-cart-block {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #f1f5f9 !important;
  padding: 40px 30px !important;
  box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.05) !important;
  max-width: 1200px !important;
  margin: 30px auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* عنوان اصلی: سبد خریدتان در حال حاضر خالی است! */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  margin-bottom: 20px !important;
}

/* خط جداکننده */
.wp-block-woocommerce-empty-cart-block hr.wp-block-separator {
  border: none !important;
  border-top: 2px dashed #e2e8f0 !important;
  margin: 30px auto !important;
  width: 80% !important;
}

/* عنوان بخش محصولات پیشنهادی (تازه در فروشگاه) */
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:not(.wc-block-cart__empty-cart__title) {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin-bottom: 24px !important;
}

/* گرید محصولات پیشنهادی */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: flex !important;
  justify-content: center !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}

/* کارت هر محصول در سبد خرید خالی */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  background: #f8fafc !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  padding: 20px !important;
  width: 260px !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(15, 23, 42, 0.08) !important;
  border-color: #cbd5e1 !important;
}

/* تصویر محصول */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 12px !important;
}

/* عنوان محصول */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  text-decoration: none !important;
  margin-bottom: 10px !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
  text-decoration: none !important;
}

/* قیمت محصول */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #ff6464 !important;
  margin-bottom: 15px !important;
}

/* دکمه ثبت نام / افزودن به سبد خرید */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
  background: linear-gradient(135deg, #ff6464 0%, #e11d48 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 20px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 15px -3px rgba(225, 29, 72, 0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
  border: none !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px -3px rgba(225, 29, 72, 0.4) !important;
}

















































/* ======================================================
   تنظیم اختصاصی فونت برای کوپن تخفیف و هدر آیتم‌ها
   ====================================================== */
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wc-block-cart-items__header {
  font-family: 'LahzehFaNum' !important;
}
/* ======================================================
   ۱. کانتینر اصلی صفحه پرداخت (واکنش‌گرا)
   ====================================================== */
.wp-block-woocommerce-checkout {
  max-width: 1200px !important;
  margin: 30px auto !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

/* ======================================================
   ۲. تب‌های بالای صفحه و فرم اصلی
   ====================================================== */
.wc-block-checkout__form {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #f1f5f9 !important;
  padding: 28px !important;
  box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.05) !important;
  position: relative !important;
  margin-top: 65px !important; 
  display: flex !important;
  flex-wrap: wrap !important; 
  gap: 16px !important;
  box-sizing: border-box !important;
}

/* تب سبد خرید (خاکستری، دارای آیکون، بدون قابلیت کلیک) */
.wc-block-checkout__form::before {
  content: 'سبد خرید';
  position: absolute;
  top: -65px;
  right: 0; 
  width: 50% !important; 
  height: 50px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.95rem !important; 
  font-weight: 600 !important;
  color: #94a3b8 !important; 
  border-bottom: 2px solid #e2e8f0 !important;
  z-index: 9;
  cursor: default !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 40px) center;
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

/* تب پرداخت (قرمز) */
.wc-block-checkout__form::after {
  content: 'پرداخت';
  position: absolute;
  top: -65px;
  left: 0; 
  width: 50% !important; 
  height: 50px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.05rem !important; 
  font-weight: 700 !important;
  color: #ff6464 !important; 
  border-bottom: 3px solid #ff6464 !important;
  z-index: 10;
  cursor: default !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ff6464' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='2' y1='10' x2='22' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 35px) center;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* ======================================================
   ۳. ساختار و تنظیمات هدر اطلاعات خریدار
   ====================================================== */
#contact-fields,
#contact-fields .wc-block-components-checkout-step__content,
#contact,
#billing-fields,
#billing-fields .wc-block-components-checkout-step__content,
.wc-block-components-address-address-wrapper,
.wc-block-components-address-form-wrapper,
#billing {
  display: contents !important;
}

#contact-fields .wc-block-components-checkout-step__heading-container {
  display: none !important;
}

#billing-fields .wc-block-components-checkout-step__heading-container {
  width: 100% !important;
  order: 1 !important; 
}

#billing-fields .wc-block-components-checkout-step__heading {
  padding-bottom: 25px !important; 
  margin-bottom: 5px !important;
  border-bottom: 2px dashed #f1f5f9 !important;
}

#billing-fields .wc-block-components-title.wc-block-components-checkout-step__title {
  visibility: hidden !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  height: 25px !important;
}

#billing-fields .wc-block-components-title.wc-block-components-checkout-step__title::after {
  content: 'اطلاعات خریدار' !important;
  visibility: visible !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.wc-block-components-address-form__first_name {
  order: 2 !important; 
  width: calc(50% - 8px) !important;
}

.wc-block-components-address-form__last_name {
  order: 3 !important; 
  width: calc(50% - 8px) !important;
}

.wc-block-components-address-form__email {
  order: 4 !important; 
  width: 100% !important;
}

.wc-block-components-address-form__phone {
  order: 5 !important; 
  width: 100% !important;
}

.wc-block-checkout__actions {
  order: 10 !important; 
  width: 100% !important;
  margin-top: 15px !important;
}

/* ======================================================
   ۴. فیلدهای ورودی
   ====================================================== */
.wc-block-components-text-input,
.wc-block-components-combobox {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  box-sizing: border-box !important;
  height: 52px !important;
  margin-bottom: 0 !important;
}

.wc-block-components-text-input:focus-within,
.wc-block-components-combobox:focus-within {
  border-color: #ff6464 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255, 100, 100, 0.1) !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #1e293b !important;
  font-size: 0.95rem !important;
  width: 100% !important;
  height: 100% !important;
  padding: 18px 12px 4px 12px !important;
  box-sizing: border-box !important;
}

.wc-block-components-text-input label,
.wc-block-components-combobox label {
  color: #64748b !important;
  font-weight: 600 !important;
  pointer-events: none !important;
}

/* ======================================================
   ۵. خلاصه سفارش (سایدبار سمت چپ) و کوپن تخفیف
   ====================================================== */
.wc-block-checkout__sidebar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 !important; 
  margin-top: 65px !important; 
}

.wc-block-components-checkout-order-summary__title-text {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 20px !important;
  border-bottom: 2px dashed #e2e8f0 !important;
  padding-bottom: 12px !important;
  display: block !important;
}

.wc-block-components-checkout-order-summary__title-price,
.wc-block-components-checkout-order-summary__title-icon {
  display: none !important;
}

.wc-block-components-order-summary-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important; 
  padding-bottom: 15px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
  margin-bottom: 15px !important;
  text-align: right !important;
}

.wc-block-components-order-summary-item__image {
  width: 115px !important; 
  min-width: 115px !important; 
  height: 85px !important;
  min-height: 85px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

.wc-block-components-order-summary-item__image img {
  width: 115px !important; 
  min-width: 115px !important; 
  max-width: none !important; 
  height: 85px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}

.wc-block-components-order-summary-item__quantity {
  background: #1e293b !important;
  color: #fff !important;
  border: 2px solid #ffffff !important;
  top: -6px !important;
  right: -6px !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 0.85rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  z-index: 5 !important;
}

.wc-block-components-order-summary-item__description {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  width: calc(100% - 125px) !important; 
}

.wc-block-components-order-summary-item__name,
.wc-block-components-product-name {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.wc-block-components-order-summary-item__individual-prices {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #ff6464 !important;
  background: #fff0f0 !important;
  padding: 3px 10px !important;
  border-radius: 8px !important;
  display: inline-block !important;
}

.wc-block-components-order-summary-item__total-price {
  display: none !important;
}

/* ردیف جمع کل نهایی */
.wc-block-components-totals-footer-item {
  border-top: 1px dashed #e2e8f0 !important;
  padding-top: 16px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  visibility: hidden !important; 
  position: relative !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {
  content: 'جمع کل' !important; 
  visibility: visible !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
}

.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #ff6464 !important;
}

/* ======================================================
   ۶. دکمه پرداخت
   ====================================================== */
.wc-block-components-checkout-place-order-button {
  background: linear-gradient(135deg, #ff6464 0%, #e11d48 100%) !important;
  border-radius: 16px !important;
  padding: 16px 24px !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  box-shadow: 0 10px 25px -5px rgba(225, 29, 72, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}

.wc-block-components-checkout-place-order-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 30px -5px rgba(225, 29, 72, 0.5) !important;
}

.wc-block-components-checkout-place-order-button__text {
  visibility: hidden !important; 
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.wc-block-components-checkout-place-order-button__text::after {
  content: 'پرداخت' !important; 
  visibility: visible !important;
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important; 
  color: #ffffff !important;
}

/* ======================================================
   ۷. پنهان‌سازی فیلدهای اضافه (با حفظ فرم کوپن استاندارد)
   ====================================================== */
.wc-block-checkout__terms, 
div[class*="add-address-line"], 
button.wc-block-components-address-form__add-address-line,
.wc-block-components-address-form__address_2-toggle, 
.wc-block-components-address-form__address_1, 
.wc-block-components-address-form__address_2, 
.wc-block-checkout__add-note, 
.wc-block-components-address-form__country, 
.wc-block-components-address-form__city, 
.wc-block-components-address-form__state, 
.wc-block-components-address-form__postcode, 
#payment-method {
  display: none !important;
}

/* ======================================================
   ۸. تنظیمات واکنش‌گرا (Responsive) برای موبایل و تبلت
   ====================================================== */
@media (max-width: 768px) {
  .wc-block-components-address-form__first_name,
  .wc-block-components-address-form__last_name {
    width: 100% !important;
  }
  
  .wp-block-woocommerce-checkout {
    padding: 5px !important;
    margin: 10px auto !important;
  }
  
  .wc-block-checkout__form,
  .wc-block-checkout__sidebar {
    margin-top: 50px !important;
    padding: 15px !important;
  }
  
  .wc-block-checkout__form::before,
  .wc-block-checkout__form::after {
    top: -50px !important;
    height: 40px !important;
    font-size: 0.85rem !important;
    background-size: 16px !important;
  }
}