/*
Theme Name: Parsled Theme
Theme URI: https://example.com/
Author: Parsled
Description: پوسته حرفه‌ای پارس‌ال‌ای‌دی برای وردپرس + ووکامرس (هماهنگ با استایل اصلی HTML).
Version: 3.2.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: parsled
Tags: rtl-language-support, e-commerce
*/

/* فایل‌های اصلی استایل در assets/css/ بارگذاری می‌شوند. اینجا را برای استایل‌های override نگه دارید. */

/* ==============================
   v3.0.7 — Single Product container (FIX قطعی)
   مشکل شما: فقط تب‌ها فاصله می‌گرفتند و گالری/سبد/مرتبط‌ها به دیواره می‌چسبید.
   راه‌حل: یک wrapper واقعی (.parsled-sp-wrap) داخل template اضافه شد و همه محتوا داخل آن قرار گرفت.
   ============================== */

/* فاصله استاندارد از دو طرف مانیتور برای کل صفحه محصول */
/* v3.1.0 — Single Product desktop harmony
   هدف: گالری و کارت خرید کمی بزرگ‌تر شوند، فاصله از دیواره‌ها استاندارد شود
   و تب‌ها/مرتبط‌ها هم‌عرض با دو ستون بالا باشند. */

body.single-product .parsled-sp-wrap{
  width: min(1380px, 96%);
  max-width: 1380px;
  margin: 0 auto;
  /* پدینگ کمتر از قبل تا محتوا «چسبیده» نباشد ولی فضای مرده هم زیاد نشود */
  padding-left: clamp(14px, 2vw, 26px);
  padding-right: clamp(14px, 2vw, 26px);
  box-sizing: border-box;
}

/* از دوباره‌کاری پدینگ/عرض داخل ووکامرس جلوگیری کن تا فقط wrapper کنترل کند */
body.single-product .parsled-sp-wrap :where(.woocommerce, .woocommerce-notices-wrapper, .woocommerce-tabs, .related.products, div.product){
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px){
  body.single-product .parsled-sp-wrap{
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ==============================
   v3.0.2 — Single Product polish
   هدف: فاصله استاندارد از دیواره‌ها + ظرافت کارت‌ها
   ============================== */

/* کانتینر صفحه محصول را «واقعاً نفس‌دار» کن (فاصله واضح از دیواره‌ها) */
body.single-product .woocommerce-section .container{
  /* کمی باریک‌تر از کانتینر عمومی، شبیه صفحه اصلی */
  width: min(1100px, 86%) !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /* پدینگ داخلی بیشتر تا کارت‌ها به لبه‌ها نچسبند */
  padding-left: clamp(18px, 3vw, 42px) !important;
  padding-right: clamp(18px, 3vw, 42px) !important;
  box-sizing: border-box !important;
}

/*
  v3.0.4 — FIX واقعی فاصله از دیواره‌ها
  در سایت شما، صفحه محصول توسط تمپلیت داخلی ووکامرس رندر می‌شود و کلاس
  .woocommerce-section .container عملاً وجود ندارد؛ بنابراین قوانین بالا
  اثر کمی دارند. اینجا با selectorهای عمومی‌تر و !important فاصله را قطعی می‌کنیم.
*/

body.single-product.woocommerce-page .woocommerce,
body.single-product.woocommerce-page .woocommerce-notices-wrapper,
body.single-product.woocommerce-page .woocommerce-tabs,
body.single-product.woocommerce-page .related.products{
  width: min(1180px, 92%) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 56px) !important;
  padding-right: clamp(18px, 3vw, 56px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px){
  body.single-product.woocommerce-page .woocommerce,
  body.single-product.woocommerce-page .woocommerce-notices-wrapper,
  body.single-product.woocommerce-page .woocommerce-tabs,
  body.single-product.woocommerce-page .related.products{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width: 768px){
  body.single-product .woocommerce-section .container{
    width: 92% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* کارت‌های اصلی صفحه محصول (چپ/راست) */
body.single-product .parsled-product{
  /* فاصله بین کارت تصویر و کارت خرید */
  gap: 22px !important;
  align-items: start !important;
}
body.single-product .parsled-product__media,
body.single-product .parsled-product__summary,
body.single-product .parsled-product__trust,
body.single-product .woocommerce-tabs,
body.single-product .related.products{
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* ظرافت: پدینگ کمتر برای حس مینیمال */
body.single-product .parsled-product__summary .summary{
  padding: 18px !important;
}
body.single-product .parsled-product__trust{
  padding: 14px !important;
}

/* باکس تصویر: سایز ثابت و قابل پیش‌بینی تا با عکس‌های مختلف بهم نریزد */
body.single-product .woocommerce-product-gallery{
  border-radius: 16px !important;
  overflow: hidden !important;
}
body.single-product .woocommerce-product-gallery__wrapper{
  max-height: 420px !important;
}
body.single-product .woocommerce-product-gallery__image img{
  width: 100% !important;
  height: 420px !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px){
  body.single-product .woocommerce-product-gallery__image img{
    height: 320px !important;
  }
}

/* متن‌های طولانی/ناخواسته ووکامرس را مخفی کن (برای جلوگیری از نمایش "امتیازدهی ...") */
body.single-product .screen-reader-text{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* v3.0.8 — Desktop sync for single product: balanced grid, trust block inside summary, unified spacing */

/* ==============================
   v3.2.2 — WooCommerce Cart (page_id=8)
   هدف: صفحه سبد خرید مثل UI اصلی قالب، CTA واضح برای پرداخت، فاصله استاندارد از دیواره‌ها
   نکته: این بخش فقط استایل است و مارکاپ پیش‌فرض ووکامرس را زیبا می‌کند.
   ============================== */

/* کانتینر کلی صفحه سبد خرید */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .site-main .woocommerce{
  width: min(1380px, 96%) !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding-left: clamp(14px, 2vw, 26px) !important;
  padding-right: clamp(14px, 2vw, 26px) !important;
  box-sizing: border-box !important;
}

/* گرید دو ستونه: جدول سبد + جمع کل */
@media (min-width: 992px){
  body.woocommerce-cart form.woocommerce-cart-form{ width: 100% !important; }
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals{ margin-top: 18px !important; }

  body.woocommerce-cart .woocommerce{
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 22px !important;
    align-items: start !important;
  }
  body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{ grid-column: 1 / -1 !important; }
  body.woocommerce-cart .woocommerce > form.woocommerce-cart-form{ grid-column: 1 / 2 !important; }
  body.woocommerce-cart .woocommerce > .cart-collaterals{
    grid-column: 2 / 3 !important;
    position: sticky !important;
    top: 22px !important;
  }
}

/* کارت‌سازی جدول */
body.woocommerce-cart table.shop_table{
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.04) !important;
}
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td{
  padding: 14px 14px !important;
  border-color: rgba(0,0,0,.06) !important;
  vertical-align: middle !important;
}
body.woocommerce-cart table.shop_table thead th{
  background: rgba(0,0,0,.02) !important;
  font-weight: 700 !important;
}

/* تصویر محصول */
body.woocommerce-cart .product-thumbnail img{
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

/* ورودی تعداد */
body.woocommerce-cart .quantity .qty{
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 10px 12px !important;
  min-width: 86px !important;
}

/* کوپن */
body.woocommerce-cart .coupon input.input-text{
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
}

/* دکمه‌ها (یکدست با قالب) */
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce input.button{
  border-radius: 18px !important;
  padding: 12px 18px !important;
  border: none !important;
  background: linear-gradient(90deg, #8f6cff, #49c27b) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(143,108,255,.20) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-cart .woocommerce a.button:hover,
body.woocommerce-cart .woocommerce input.button:hover{
  filter: brightness(1.02) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(143,108,255,.22) !important;
}
body.woocommerce-cart .woocommerce button.button:active,
body.woocommerce-cart .woocommerce a.button:active,
body.woocommerce-cart .woocommerce input.button:active{ transform: translateY(0) scale(.99) !important; }

/* CTA اصلی: رفتن به صفحه پرداخت */
body.woocommerce-cart a.checkout-button.button.alt.wc-forward{
  width: 100% !important;
  text-align: center !important;
  padding: 14px 18px !important;
  border-radius: 20px !important;
}

/* کارت جمع کل */
body.woocommerce-cart .cart-collaterals .cart_totals{
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.04) !important;
}
body.woocommerce-cart .cart-collaterals .cart_totals h2{ font-size: 18px !important; margin: 0 0 12px !important; }
body.woocommerce-cart .cart-collaterals .cart_totals table{ margin: 0 0 12px !important; }

/* پیام‌های ووکامرس */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error{ border-radius: 16px !important; }