/*
Theme Name:   HerzShop Child (پوسته حرز شاپ)
Theme URI:    https://herzshop.ir
Description:  پوسته فرزند WoodMart برای فروشگاه حرز شاپ — سیستم طراحی سنتی/معنوی: طلایی + عنابی تیره + کرم. سازگار با WoodMart 8 (کلاس‌های تاییدشده روی سایت). همه تنظیمات از بخش «متغیرها» قابل تغییر است.
Author:       HerzShop Dev
Author URI:   https://herzshop.ir
Template:     woodmart
Version:      1.2.0
License:      GNU General Public License v2 or later
Text Domain:  herzshop-child
*/

/* ============================================================
   🎨 ۱) سیستم طراحی (Design Tokens) — ویرایش فقط از اینجا
   ============================================================ */
:root {
  /* رنگ‌های اصلی برند */
  --herz-gold:        #D4AF37;            /* طلایی اصلی              */
  --herz-gold-2:      #C5A059;            /* طلایی سنتی دوم          */
  --herz-gold-deep:   #8A6420;            /* طلایی تیره (متن روشن‌زمینه) */
  --herz-dark:        #1E1E1E;            /* تیره پایه               */
  --herz-dark-2:      #2C1A1D;            /* عنابی/قهوه‌ای تیره       */
  --herz-cream:       #FAF6EE;            /* کرم پس‌زمینه صفحه       */
  --herz-card:        #FDF9F1;            /* کرم پس‌زمینه کارت‌ها     */
  --herz-ink:         #2B2320;            /* رنگ متن اصلی            */
  --herz-white:       #FFFFFF;

  /* فرم */
  --herz-radius:       10px;              /* گردی کارت‌ها            */
  --herz-radius-btn:   8px;               /* گردی دکمه‌ها            */
  --herz-radius-input: 8px;               /* گردی فیلدها             */
  --herz-shadow:       0 6px 20px rgba(44, 26, 29, .10);
  --herz-shadow-hover: 0 16px 38px rgba(44, 26, 29, .22);
  --herz-border-gold:  1px solid rgba(197, 160, 89, .55);

  /* فونت فارسی (وزیرمتن از functions.php لود می‌شود) */
  --herz-font: 'Vazirmatn', 'IRANYekan', 'IRANSans', 'Dana', 'Shabnam', Tahoma, sans-serif;

  /* اوررایت تضمینی دکمه‌های اصلی WoodMart 8 */
  --btn-accented-bgcolor:          var(--herz-dark-2);
  --btn-accented-bgcolor-hover:    var(--herz-gold);
  --btn-accented-color:            #F3E3B3;
  --btn-accented-color-hover:      var(--herz-dark-2);
  --btn-accented-brd-radius:       var(--herz-radius-btn);
  --btn-accented-box-shadow:       0 4px 14px rgba(44, 26, 29, .30);
  --btn-accented-box-shadow-hover: 0 6px 18px rgba(212, 175, 55, .45);
}

/* ============================================================
   ✍️ ۲) تایپوگرافی پایه (RTL + فارسی)
   ============================================================ */
body {
  font-family: var(--herz-font);
  color: var(--herz-ink);
  background-color: var(--herz-cream);
  direction: rtl;
  text-align: right;
}
h1, h2, h3, h4, h5, h6 { color: var(--herz-dark-2); font-family: var(--herz-font); }
a { transition: color .25s ease; }
a:hover { color: var(--herz-gold-deep); }

/* ============================================================
   الف) ۳) هدر و ناوبری — تیره/طلایی سنتی
   (سازگار با WoodMart Header Builder: whb-*)
   ============================================================ */

/* ─── نوار بالایی (Top Bar) ─── */
.whb-top-bar {
  background: var(--herz-dark);
  color: var(--herz-gold-2);
  border-bottom: 1px solid rgba(197, 160, 89, .40);
}
.whb-top-bar a { color: rgba(245, 238, 220, .85); }
.whb-top-bar a:hover { color: var(--herz-gold); }

/* ─── بدنه اصلی هدر ─── */
.whb-general-header,
.whb-main-header,
.main-header {
  background: linear-gradient(180deg, var(--herz-dark-2), var(--herz-dark));
  border-bottom: 3px solid var(--herz-gold-2);
  box-shadow: 0 4px 18px rgba(0, 0, 0, .35);
}

/* ─── منوی اصلی ─── */
.wd-nav-main > li > a {
  color: #F5EEDC;
  font-weight: 600;
  font-family: var(--herz-font);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}
.wd-nav-main > li > a:hover,
.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.current_page_item > a {
  color: var(--herz-gold);
  box-shadow: inset 0 -2px 0 var(--herz-gold);   /* زیرخط طلایی بدون جابجایی چیدمان */
}
/* زیرمنوها */
.wd-nav .sub-menu-dropdown,
.wd-dropdown-menu,
.wd-nav-main li .wd-sub-menu {
  background: #241417;
  border: 1px solid rgba(197, 160, 89, .35);
  border-radius: var(--herz-radius);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .45);
}
.wd-nav .sub-menu-dropdown a,
.wd-dropdown-menu a { color: rgba(245, 238, 220, .85); }
.wd-nav .sub-menu-dropdown a:hover,
.wd-dropdown-menu a:hover { color: var(--herz-gold); background: rgba(197, 160, 89, .08); }

/* ─── آیکون‌های هدر (سبد، حساب، علاقه‌مندی، جستجو) ─── */
.wd-tools-element .wd-tools-icon,
.wd-header-cart .wd-tools-icon,
.wd-header-wishlist .wd-tools-icon,
.wd-header-search .wd-tools-icon,
.wd-header-account .wd-tools-icon { color: var(--herz-gold); }
.wd-tools-element .wd-tools-icon:hover,
.wd-header-cart .wd-tools-icon:hover { color: #F0D987; }
.wd-tools-element .wd-tools-count,
.wd-header-cart .wd-tools-count {
  background: var(--herz-gold) !important;
  color: var(--herz-dark-2) !important;
  font-weight: 700;
}

/* ─── باکس جستجوی هدر ─── */
.wd-header-search-form input[type="text"],
.wd-search-form input[type="text"],
.searchform input[type="text"] {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(197, 160, 89, .45);
  color: #F5EEDC;
  border-radius: var(--herz-radius-input);
  font-family: var(--herz-font);
}
.wd-header-search-form input::placeholder,
.wd-search-form input::placeholder { color: rgba(245, 238, 220, .45); }
.wd-header-search-form input:focus,
.wd-search-form input:focus {
  border-color: var(--herz-gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, .18);
  outline: none;
}

/* ─── هدر چسبان (Sticky Clone وودمارت) ─── */
.whb-clone .whb-general-header,
.whb-clone .whb-main-header,
.whb-sticked .whb-general-header,
.whb-sticked .whb-main-header {
  background: linear-gradient(180deg, var(--herz-dark-2), var(--herz-dark));
  border-bottom: 3px solid var(--herz-gold-2);
}

/* ─── منوی موبایل ─── */
.wd-mobile-nav,
.mobile-nav { background: var(--herz-dark-2); }
.wd-mobile-nav a { color: rgba(245, 238, 220, .9); }
.wd-mobile-nav a:hover { color: var(--herz-gold); }

/* ============================================================
   ب) ۴) کارت محصولات — قاب سنتی + هور نرم
   (سلکتورهای تاییدشده WoodMart 8.5.4 روی herzshop.ir)
   ============================================================ */

/* ─── قاب و کادر سنتی کارت ─── */
.wd-products .wd-product .product-wrapper,
.wd-products-element .wd-product .product-wrapper,
.wd-product.product-grid-item .product-wrapper,
.wd-product.product-grid-item .wd-product-wrapper {
  position: relative;
  background: var(--herz-card);
  border: var(--herz-border-gold);
  border-radius: var(--herz-radius);
  box-shadow: var(--herz-shadow);
  overflow: hidden;
  padding: 14px 14px 20px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
/* قاب داخلی دوبل (قاب سنتی طلایی) */
.wd-products .wd-product .product-wrapper::after,
.wd-products-element .wd-product .product-wrapper::after,
.wd-product.product-grid-item .product-wrapper::after {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(197, 160, 89, .40);
  border-radius: calc(var(--herz-radius) - 3px);
  pointer-events: none;
}
/* هور کارت */
.wd-products .wd-product .product-wrapper:hover,
.wd-products-element .wd-product .product-wrapper:hover,
.wd-product.product-grid-item .product-wrapper:hover {
  transform: translateY(-6px);
  box-shadow: var(--herz-shadow-hover);
  border-color: var(--herz-gold-2);
}

/* ─── هور نرم تصویر محصول ─── */
.wd-product .product-element-top {
  overflow: hidden;
  border-radius: calc(var(--herz-radius) - 4px);
}
.wd-product .product-element-top .product-image-link img,
.wd-product .product-element-top img {
  border-radius: calc(var(--herz-radius) - 4px);
  transition: transform .6s cubic-bezier(.25, .46, .45, .94);
}
.wd-product .product-wrapper:hover .product-element-top img {
  transform: scale(1.06);
}

/* ─── عنوان محصول ─── */
.wd-product .wd-entities-title a,
.product-grid-item .wd-entities-title a {
  color: var(--herz-dark-2) !important;
  font-weight: 700;
  font-family: var(--herz-font);
}
.wd-product .wd-entities-title a:hover { color: var(--herz-gold-deep) !important; }

/* ─── قیمت با استایل ویژه ─── */
.wd-product .price, .product-grid-item .price, .wd-products-element .price {
  color: var(--herz-gold-deep) !important;
  font-weight: 800;
  font-size: 1.1em;
  font-family: var(--herz-font);
}
.wd-product .price ins { color: var(--herz-gold-deep) !important; text-decoration: none; }
.wd-product .price del { color: #9a8f7f !important; opacity: .85; font-weight: 400; }

/* ─── نشان تخفیف ─── */
.wd-product .onsale, .product-grid-item .onsale {
  background: linear-gradient(135deg, var(--herz-gold), var(--herz-gold-2)) !important;
  color: var(--herz-dark-2) !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(212, 175, 55, .40);
}

/* ─── دکمه «افزودن به سبد» با استایل ویژه (تیره/طلایی) ─── */
.wd-product .wd-add-btn a.button,
.wd-product .wd-add-btn-replace a.button,
.add_to_cart_button.ajax_add_to_cart,
a.add_to_cart_button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(180deg, var(--herz-dark-2), var(--herz-dark)) !important;
  color: #F3E3B3 !important;
  border: 1px solid var(--herz-gold-2) !important;
  border-radius: var(--herz-radius-btn) !important;
  font-weight: 700;
  font-family: var(--herz-font);
  box-shadow: 0 4px 14px rgba(44, 26, 29, .30);
  transition: all .3s ease;
}
.wd-product .wd-add-btn a.button:hover,
.wd-product .wd-add-btn-replace a.button:hover,
.add_to_cart_button.ajax_add_to_cart:hover {
  background: linear-gradient(135deg, var(--herz-gold), var(--herz-gold-2)) !important;
  color: var(--herz-dark-2) !important;
  border-color: var(--herz-gold) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 175, 55, .45);
}

/* ============================================================
   📦 ۵) صفحه تک‌محصول
   ============================================================ */
.single-product .product_title { color: var(--herz-dark-2) !important; font-family: var(--herz-font); }
.single-product .summary-inner .price { color: var(--herz-gold-deep) !important; font-weight: 800; }
.single-product .summary-inner .price .amount { font-size: 1.45em; }
.single-product .summary-inner .price del .amount { font-size: .9em; color: #9a8f7f !important; }
.single_add_to_cart_button.button.alt { font-size: 1.1em !important; padding: 14px 42px !important; }
.single-product .quantity input.qty {
  border: var(--herz-border-gold);
  border-radius: var(--herz-radius-input);
  background: var(--herz-card);
}
.woocommerce-tabs .tabs li a { color: var(--herz-dark-2); font-weight: 600; border-radius: 8px 8px 0 0; }
.woocommerce-tabs .tabs li.active a { color: var(--herz-gold-deep); }

/* ============================================================
   🧺 ۶) سبد خرید، تسویه‌حساب و فرم‌ها
   ============================================================ */
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals { border-radius: var(--herz-radius); overflow: hidden; }
.woocommerce input.input-text, .woocommerce select, .woocommerce textarea,
.form-row input.input-text, .form-row textarea, .form-row select {
  border-radius: var(--herz-radius-input);
  border-color: rgba(197, 160, 89, .40);
  background: var(--herz-card);
  font-family: var(--herz-font);
}
.woocommerce input.input-text:focus, .form-row input.input-text:focus {
  border-color: var(--herz-gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, .15);
  outline: none;
}

/* ============================================================
   🧭 ۷) عنوان صفحات و بردکرامب
   ============================================================ */
.wd-page-title {
  background: linear-gradient(135deg, var(--herz-dark-2), var(--herz-dark));
  border-bottom: 3px solid var(--herz-gold-2);
}
.wd-page-title .entry-title, .wd-page-title h1 { color: var(--herz-gold) !important; }
.wd-breadcrumbs, .wd-breadcrumbs a { color: rgba(245, 238, 220, .85); }
.wd-breadcrumbs a:hover { color: var(--herz-gold); }
/* حذف نوار خالی در صفحه اصلی */
.home .wd-page-title { display: none !important; }

/* ============================================================
   🏗️ ۸) کلاس‌های سکشن صفحه‌ساز (قالب JSON المنتور ما)
   ============================================================ */
.herz-greeting {
  background: linear-gradient(135deg, var(--herz-dark-2), var(--herz-dark));
  border-bottom: 2px solid var(--herz-gold-2);
  text-align: center;
}
.herz-greeting h2, .herz-greeting h3 { color: var(--herz-gold) !important; }
.herz-greeting p { color: rgba(245, 238, 220, .90) !important; }
.herz-hero { text-align: center; }
.herz-hero h1, .herz-hero h2, .herz-hero .elementor-heading-title { color: var(--herz-gold) !important; }
.herz-hero p { color: rgba(245, 238, 220, .90) !important; }
.herz-catbox .elementor-image-box-title, .herz-catbox h3 { color: var(--herz-dark-2) !important; }
.herz-catbox .elementor-image-box-wrapper { transition: transform .3s ease; }
.herz-catbox .elementor-image-box-wrapper:hover { transform: translateY(-5px); }
.herz-wholesale-banner {
  background:
    radial-gradient(circle at 15% 20%, rgba(212, 175, 55, .18), transparent 45%),
    linear-gradient(135deg, var(--herz-dark-2), var(--herz-dark)) !important;
  border-radius: 18px;
  border: var(--herz-border-gold);
  box-shadow: 0 14px 36px rgba(44, 26, 29, .35);
}
.herz-wholesale-banner h1, .herz-wholesale-banner h2, .herz-wholesale-banner h3,
.herz-wholesale-banner .elementor-heading-title { color: var(--herz-gold) !important; }
.herz-wholesale-banner p { color: rgba(245, 238, 220, .88) !important; }
.herz-trust .elementor-icon, .herz-trust i { color: var(--herz-gold-2) !important; }
.herz-trust h3, .herz-trust h4, .herz-trust .elementor-icon-box-title { color: var(--herz-dark-2) !important; }

/* باکس اطلاعات وودمارت (info-box) */
.woodmart-info-box, .wd-info-box {
  background: var(--herz-card);
  border: var(--herz-border-gold);
  border-radius: var(--herz-radius);
  box-shadow: var(--herz-shadow);
}
.woodmart-info-box .info-box-title, .wd-info-box .info-box-title { color: var(--herz-dark-2); }
.woodmart-info-box .box-icon-wrapper, .wd-info-box .info-icon { color: var(--herz-gold-2); }

/* ============================================================
   ⚫ ۹) فوتر — تیره/طلایی
   ============================================================ */
.footer-container, .main-footer {
  background: linear-gradient(180deg, #241517, #140D0E);
  color: rgba(245, 238, 220, .82);
  border-top: 3px solid var(--herz-gold-2);
}
.footer-container .widget-title, .footer-container h5, .main-footer .widget-title {
  color: var(--herz-gold) !important;
  font-weight: 700;
}
.footer-container a { color: rgba(245, 238, 220, .78); }
.footer-container a:hover { color: var(--herz-gold); }
.copyrights-wrapper { background: #120A0B; color: rgba(245, 238, 220, .55); }

/* ============================================================
   ✨ ۱۰) جزئیات زیباشناختی
   ============================================================ */
::selection { background: var(--herz-gold); color: var(--herz-dark-2); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #F1E9DA; }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--herz-gold), var(--herz-gold-2)); border-radius: 10px; }

/* ============================================================
   📱 ۱۱) واکنش‌گرایی (Responsive)
   ============================================================ */
@media (max-width: 1024px) {
  .wd-product .product-wrapper,
  .wd-product.product-grid-item .product-wrapper { padding: 10px 10px 16px; }
}
@media (max-width: 768px) {
  .wd-product.product-grid-item .product-wrapper { padding: 8px 8px 14px; }
  .single_add_to_cart_button.button.alt { width: 100%; padding: 13px 20px !important; }
  .herz-wholesale-banner { border-radius: 14px; }
  .wd-nav-main > li > a { text-shadow: none; }
}