/* =========================================================
   MishiLand — Dark Luxury skin (v2.0.0 / "v10")
   =========================================================
   دامنه‌ی این فایل کاملاً محدود است به:
     1) هدر سایت — فقط روی body.ml-home (صفحه اصلی)
     2) بخش «پرفروش‌ترین‌ها» — با کلاس اختصاصی .ml-section--luxe
     3) کارت محصولات داخل همان بخش — .ml-section--luxe .ml-card

   این فایل فقط وقتی لود می‌شود که is_front_page() باشد (نگاه کنید
   به functions.php)، پس حتی اگر یک سلکتور هدر با مارک‌آپ واقعی
   وودمارت مطابقت نداشته باشد، هیچ صفحه‌ی دیگری (فروشگاه، محصول،
   سبد خرید، تسویه‌حساب، حساب کاربری، مجله) تحت تأثیر قرار نمی‌گیرد.

   نکته: چون فایل هدر (header.php) در این چایلدتم override نشده
   (هدر مستقیماً از پوسته اصلی WoodMart خوانده می‌شود)، سلکتورهای
   زیر بر پایه‌ی کلاس‌های رایج و پایدار WoodMart نوشته شده‌اند. اگر
   بعد از فعال‌سازی، رنگ هدر شما تغییر نکرد، کافیست با Inspect
   مرورگر روی هدر واقعی سایت، کلاس دقیق ریشه‌ی هدر را پیدا کرده و
   در بخش «۱) هدر» همین فایل جایگزین/اضافه کنید — تغییری در جای
   دیگری از سایت لازم نیست.
   ========================================================= */

/* ---------------------------------------------------------
   ۱) هدر — فقط صفحه اصلی (body.ml-home)
   --------------------------------------------------------- */
body.ml-home .whb-header,
body.ml-home #masthead,
body.ml-home .whb-general-header-wrapper {
  --ml-luxe-bg: #14100a;
  --ml-luxe-bg-soft: #1b1610;
  --ml-luxe-gold: #cfa35a;
  --ml-luxe-gold-soft: #e8c988;
  --ml-luxe-line: rgba(207, 163, 90, 0.22);

  background-color: var(--ml-luxe-bg) !important;
  border-bottom: 1px solid var(--ml-luxe-line);
}

body.ml-home .whb-header .site-description,
body.ml-home .whb-header .main-nav > ul > li > a,
body.ml-home .whb-header .woodmart-nav-link,
body.ml-home .whb-header .woodmart-navigation a,
body.ml-home .whb-header .header-tools-icon,
body.ml-home .whb-header .header-cart-info-wrap,
body.ml-home .whb-header .account-link-text,
body.ml-home .whb-header .woodmart-my-account-icon,
body.ml-home .whb-header .woodmart-search-icon,
body.ml-home .whb-header .woodmart-cart-icon,
body.ml-home .whb-header .header-widget-item {
  color: #f3ead9 !important;
}

body.ml-home .whb-header .main-nav > ul > li > a:hover,
body.ml-home .whb-header .woodmart-nav-link:hover,
body.ml-home .whb-header .woodmart-navigation a:hover {
  color: var(--ml-luxe-gold-soft) !important;
}

body.ml-home .whb-header .woodmart-search-icon svg,
body.ml-home .whb-header .woodmart-cart-icon svg,
body.ml-home .whb-header .woodmart-my-account-icon svg,
body.ml-home .whb-header .header-tools-icon svg {
  stroke: currentColor;
  fill: currentColor;
}

/* حباب تعداد آیتم‌های سبد خرید در هدر، هماهنگ با رنگ طلایی */
body.ml-home .whb-header .cart-items-count,
body.ml-home .whb-header .woodmart-cart-info-wrap .cart-items-count {
  background-color: var(--ml-luxe-gold) !important;
  color: #14100a !important;
}

/* باکس جستجوی هدر (در صورت وجود) */
body.ml-home .whb-header .woodmart-search-form input,
body.ml-home .whb-header .search-wrapper input {
  background-color: var(--ml-luxe-bg-soft) !important;
  border-color: var(--ml-luxe-line) !important;
  color: #f3ead9 !important;
}
body.ml-home .whb-header .woodmart-search-form input::placeholder,
body.ml-home .whb-header .search-wrapper input::placeholder {
  color: #a99a80 !important;
}

/* لوگو: اگر لوگوی روشن/تیره جدا دارید از Customizer تنظیم کنید؛
   این خط فقط برای زمانی است که لوگوی متنی ساده استفاده شده باشد. */
body.ml-home .whb-header .woodmart-logo,
body.ml-home .whb-header .site-title a {
  color: var(--ml-luxe-gold-soft) !important;
}

/* ---------------------------------------------------------
   ۲) بخش پرفروش‌ترین‌ها — .ml-section--luxe
   --------------------------------------------------------- */
#mishiland-home .ml-section--luxe {
  --ml-luxe-bg: #14100a;
  --ml-luxe-bg-soft: #1e1810;
  --ml-luxe-card: #1a140d;
  --ml-luxe-gold: #cfa35a;
  --ml-luxe-gold-soft: #e8c988;
  --ml-luxe-line: rgba(207, 163, 90, 0.22);

  background: linear-gradient(160deg, var(--ml-luxe-bg), #201a10 85%);
  border-radius: var(--ml-radius-lg);
  margin: 28px 16px 0;
  padding: 24px 16px 20px;
  color: #f3ead9;
}

#mishiland-home .ml-section--luxe .ml-section__title {
  color: #f8f1e2;
  position: relative;
  padding-inline-start: 14px;
}
#mishiland-home .ml-section--luxe .ml-section__title::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ml-luxe-gold-soft), var(--ml-luxe-gold));
}

#mishiland-home .ml-section--luxe .ml-section__more {
  color: var(--ml-luxe-gold-soft);
  border: 1px solid var(--ml-luxe-line);
  padding: 5px 14px;
  border-radius: 999px;
  transition: background 0.15s ease, color 0.15s ease;
}
#mishiland-home .ml-section--luxe .ml-section__more:hover {
  background: var(--ml-luxe-gold);
  color: #14100a;
}

/* ---------------------------------------------------------
   ۳) کارت محصولات — فقط داخل .ml-section--luxe
   --------------------------------------------------------- */
#mishiland-home .ml-section--luxe .ml-card {
  background: var(--ml-luxe-card);
  border: 1px solid var(--ml-luxe-line);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}
#mishiland-home .ml-section--luxe .ml-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45);
  border-color: var(--ml-luxe-gold);
}

#mishiland-home .ml-section--luxe .ml-card__media {
  background: #241c12;
}

#mishiland-home .ml-section--luxe .ml-card__title {
  color: #f0e6d2;
}

#mishiland-home .ml-section--luxe .ml-price--old {
  color: #8f8474;
}
#mishiland-home .ml-section--luxe .ml-price--now {
  color: var(--ml-luxe-gold-soft);
}

#mishiland-home .ml-section--luxe .ml-stock--in {
  color: #7fbf8f;
}
#mishiland-home .ml-section--luxe .ml-stock--out {
  color: #d97a7a;
}

#mishiland-home .ml-section--luxe .ml-badge--sale {
  background: linear-gradient(135deg, var(--ml-luxe-gold-soft), var(--ml-luxe-gold));
  color: #14100a;
  font-weight: 800;
}

#mishiland-home .ml-section--luxe .ml-add-btn,
#mishiland-home .ml-section--luxe a.ml-add-btn {
  background: linear-gradient(135deg, var(--ml-luxe-gold-soft), var(--ml-luxe-gold));
  color: #14100a !important;
}
#mishiland-home .ml-section--luxe .ml-add-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 14px rgba(207, 163, 90, 0.45);
}

/* ---------------------------------------------------------
   ۴) عرض کارت‌ها در موبایل — حدود ۲ تا ۲.۵ کارت داخل دید
   (منطق اسکرول افقی و scroll-snap از mishiland-app.css حفظ می‌شود،
   فقط عرض کارت داخل همین بخش تغییر می‌کند)
   --------------------------------------------------------- */
#mishiland-home .ml-section--luxe .ml-scroll-x--cards .ml-card {
  width: 42vw;
  min-width: 148px;
  max-width: 182px;
}

@media (min-width: 700px) {
  #mishiland-home .ml-section--luxe {
    padding: 32px 32px 26px;
  }
  #mishiland-home .ml-section--luxe .ml-scroll-x--cards .ml-card {
    width: 210px;
    min-width: 210px;
    max-width: none;
  }
}

@media (min-width: 1024px) {
  #mishiland-home .ml-section--luxe {
    margin: 32px auto 0;
    max-width: 1280px;
    padding: 34px 32px 28px;
  }
}