/* ==========================================================================
   HADIOSH — Global background fix
   GeneratePress همه‌جا از این selectorها استفاده می‌کنه و پیش‌فرض سفیده:
   .inside-article, .entry-content, #main, .site-content
   این مشکل روی هوم‌پیج، شاپ، لاگین، همه‌جا بود.
   ========================================================================== */

body,
#page,
.site-content,
#main,
.content-area,
article,
.inside-article,
.entry-content,
.woocommerce,
.woocommerce-page {
  background-color: transparent !important;
}
body { background-color: var(--hd-black) !important; }

/* اگه GP یه رنگ پس‌زمینه رو مستقیم روی خودِ صفحه (نه محتوا) ست کرده */
html { background-color: var(--hd-black); }

/* ==========================================================================
   بردکرامب واقعی — از Yoast SEO میاد (کلاس‌های .breadcrumb-trail / .breadcrumb_last)
   نه از ووکامرس. سلکتور قبلی (hd-breadcrumbs) رو نگه می‌داریم برای سازگاری بیشتر،
   ولی این‌ها کلاس‌های واقعین:
   ========================================================================== */

.breadcrumb,
.breadcrumbs,
.woo-breadcrumbs,
.breadcrumb-trail {
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--hd-space-2) var(--hd-space-3);
  font-size: 12.5px !important;
  font-family: var(--hd-font-body) !important;
  color: var(--hd-text-muted) !important;
}
.breadcrumb-trail a {
  color: var(--hd-text-muted) !important;
  text-decoration: none;
}
.breadcrumb-trail a:hover { color: var(--hd-gold) !important; }
.breadcrumb-trail .breadcrumb_last {
  color: var(--hd-text-secondary) !important;
}

/* ==========================================================================
   Add to Cart — آیکون کوچیک قبل از متن (روی کارت محصولات شاپ)
   ========================================================================== */
.woocommerce ul.products li.product a.button::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-inline-end: 6px;
  vertical-align: -2px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2.6l2.2 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 7H6.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3h2.6l2.2 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 7H6.2'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* ==========================================================================
   کارت محصول — خنثی‌کردن قانون قدیمی خودِ ووکامرس (width: 30.75% فلوت‌بیس)
   که با گرید ما قاطی شده بود
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products.columns-1 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
}

/* ==========================================================================
   کامپوننت‌های صفحه محصول (Quick Features/Technical/Video/FAQ) — تمام‌عرض واقعی
   .product معمولاً display:flex هست (گالری+سامری کنار هم)؛ بدون این قانون،
   ویوور به‌عنوان سومین آیتم فلکس، باز هم باریک می‌مونه
   ========================================================================== */
.product .theory-product-viewer,
.summary + .theory-product-viewer,
.theory-product-viewer {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ==========================================================================
   ووکامرس/دبلیوپی‌بیکری قدیمی — بک‌گراند کارت‌های vc_gitem رو با برند هماهنگ کن
   (best-effort؛ هر بلوک VC رنگ اختصاصی inline داره، این فقط رایج‌ترین‌ها رو می‌گیره)
   ========================================================================== */
.vc_gitem-zone,
.vc_gitem-zone-mini {
  background-color: var(--hd-dark-gray) !important;
  color: var(--hd-text-primary) !important;
}
.vc_gitem-zone h4, .vc_gitem-zone p { color: inherit !important; }

/* ==========================================================================
   بیمهٔ اضافی برای دکمه‌هایی که مدام گزارش «نامرئی» دادن — رنگ حالا هاردکده
   (توی hadiosh_icon با پارامتر سوم)، این‌جا هم ویزیبیلیتی/اپاسیتی رو تضمین می‌کنیم
   ========================================================================== */
.hd-search-wrap button svg,
.hd-mobile-toggle svg,
.hd-sidebar-toggle svg {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

@media (max-width: 960px) {
  .hd-desktop-only { display: none !important; }
}

/* ==========================================================================
   حذف ::before/::after کلیرفیکس قدیمی ووکامرس روی .products —
   چون گرید ما display:grid هست، این‌ها به‌عنوان آیتم خالی گرید حساب می‌شن
   و یه جای کارت خالی اول/آخر لیست می‌ذارن
   ========================================================================== */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none !important;
  content: none !important;
}