/* =====================================================================
   DARJARYAN × WOOCOMMERCE — هماهنگ‌سازی صفحات فروشگاهی با هویت بصری سایت
   این فایل فقط روی صفحات ووکامرس (محصول، فروشگاه، سبد خرید، پرداخت، حساب
   کاربری) بارگذاری می‌شود؛ چون این صفحات از قالب پیش‌فرض وردپرس استفاده
   می‌کنند و به‌صورت پیش‌فرض نه فونت اختصاصی سایت را دارند، نه حالت
   روشن/تیره‌ی هماهنگ (که باعث می‌شد مرورگر موبایل خودش رنگ‌ها را وارونه
   کند و متن مشکی روی زمینه‌ی تیره بماند)، و نه تب‌های «توضیحات/دیدگاه‌ها»ی
   زیبا در موبایل.
   ===================================================================== */

.woocommerce, .woocommerce-page, .woocommerce-account {
  font-family: var(--f-body);
  color: var(--ink);
}
body.woocommerce-page, body.single-product, body.woocommerce-cart,
body.woocommerce-checkout, body.woocommerce-account, body.post-type-archive-product {
  background: var(--paper);
  color: var(--ink);
}

.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.woocommerce .product_title,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3, .woocommerce-page h4,
.woocommerce-page .wp-block-heading {
  font-family: var(--f-head) !important;
  color: var(--ink) !important;
  font-weight: 800;
}

.woocommerce div.product .price, .woocommerce .price, .woocommerce-Price-amount {
  font-family: var(--f-label);
  color: var(--gold-text) !important;
}
.woocommerce div.product .summary > *,
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-product-details__short-description p {
  color: var(--ink-2);
  line-height: 1.9;
}

/* ---------------- دکمه‌ها ---------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button,
.woocommerce a.checkout-button, .woocommerce #place_order {
  background: var(--sand);
  color: #241703 !important;
  border: none;
  border-radius: 999px;
  font-family: var(--f-label);
  font-weight: 700;
  font-size: 14px;
  padding: 13px 28px;
  box-shadow: none;
  transition: transform .3s var(--ease), background .3s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover, .woocommerce #place_order:hover {
  background: var(--sand-2);
  color: #241703 !important;
  transform: translateY(-2px);
}
.woocommerce a.button.alt, .woocommerce button.button.alt { background: var(--sand); }
.woocommerce a.remove { color: var(--danger, #C65B4E) !important; }

/* ---------------- فیلدهای فرم (سبد خرید/پرداخت/حساب کاربری) ---------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce table.shop_table input[type="number"],
.woocommerce-page select,
.select2-container .select2-selection {
  background: var(--card);
  border: 1px solid var(--line);
  color: var(--ink);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: var(--f-body);
}
.woocommerce form .form-row label { color: var(--ink-2); font-size: 13.5px; }

/* ---------------- پیام‌ها ---------------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
  background: var(--card);
  border-top-color: var(--sand);
  color: var(--ink);
  border-radius: 12px;
  font-family: var(--f-body);
}
.woocommerce-error { border-top-color: var(--danger, #C65B4E); }

/* ---------------- جدول‌های سبد خرید/تاریخچه سفارش ---------------- */
.woocommerce table.shop_table {
  border-color: var(--line);
  color: var(--ink);
  border-radius: 14px;
  overflow: hidden;
}
.woocommerce table.shop_table th {
  color: var(--ink);
  font-family: var(--f-label);
  background: var(--card);
}
.woocommerce table.shop_table td { border-color: var(--line); }

/* ---------------- کارت‌های محصول در فروشگاه ---------------- */
.woocommerce ul.products li.product {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  transition: transform .3s var(--ease), border-color .3s;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); border-color: var(--sand); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--f-head);
  color: var(--ink);
}

/* =====================================================================
   ووکامرس بلاکز — سبد خرید کوچک (Mini Cart)، صفحه‌ی سبد خرید و پرداخت
   این‌ها با بلاک‌های گوتنبرگ (wc-block-*) ساخته می‌شوند و کاملاً جدا از
   ساختار کلاسیک بالا هستند؛ به همین دلیل تیتر‌ها رنگ و فونتِ پیش‌فرض
   قالب (نزدیک به مشکی، فونت Cardo/Inter) را می‌گرفتند و روی زمینه‌ی تیره‌ی
   سایت عملاً ناخوانا می‌شدند.
   ===================================================================== */
.woocommerce-page [class*="wc-block-"] {
  font-family: var(--f-body);
}
.woocommerce-page [class*="wc-block-"] h1,
.woocommerce-page [class*="wc-block-"] h2,
.woocommerce-page [class*="wc-block-"] h3,
.woocommerce-page [class*="wc-block-"] h4,
.woocommerce-page .wc-block-mini-cart__title,
.woocommerce-page .wc-block-cart__empty-cart__title,
.woocommerce-page .wc-block-components-product-name {
  font-family: var(--f-head) !important;
  color: var(--ink) !important;
  background: transparent !important;
}
.woocommerce-page .wc-block-mini-cart__drawer,
.woocommerce-page .wc-block-components-drawer {
  background: var(--card) !important;
  color: var(--ink) !important;
}
.woocommerce-page .wc-block-mini-cart__title {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
}
.woocommerce-page .wc-block-mini-cart__empty-cart-wrapper,
.woocommerce-page .wc-block-cart__empty-cart__description,
.woocommerce-page [class*="wc-block-"] p {
  color: var(--ink-2) !important;
}
.woocommerce-page [class*="wc-block-"] .wc-block-components-totals-item__value,
.woocommerce-page [class*="wc-block-"] .wc-block-components-product-price,
.woocommerce-page [class*="wc-block-"] .price,
.woocommerce-page [class*="wc-block-"] .wc-block-formatted-money-amount {
  color: var(--gold-text) !important;
  font-family: var(--f-label) !important;
}
.woocommerce-page [class*="wc-block-"] .wc-block-components-totals-item__label {
  color: var(--ink-2) !important;
}
.woocommerce-page .wc-block-components-button,
.woocommerce-page .wp-element-button,
.woocommerce-page a.wc-block-cart__submit-button,
.woocommerce-page button.wc-block-cart__submit-button {
  background: var(--sand) !important;
  color: #241703 !important;
  border-radius: 999px !important;
  font-family: var(--f-label) !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: none !important;
}
.woocommerce-page .wc-block-components-button:hover,
.woocommerce-page .wp-element-button:hover {
  background: var(--sand-2) !important;
  color: #241703 !important;
}
.woocommerce-page .wc-block-components-button.wc-block-components-button--outlined,
.woocommerce-page .wc-block-components-button.is-outlined {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}
.woocommerce-page .wc-block-cart-item, .woocommerce-page .wc-block-components-panel,
.woocommerce-page .wc-block-mini-cart-items-block,
.woocommerce-page .wc-block-mini-cart__footer {
  border-color: var(--line) !important;
}
.woocommerce-page [class*="wc-block-"] input[type="text"],
.woocommerce-page [class*="wc-block-"] input[type="email"],
.woocommerce-page [class*="wc-block-"] input[type="tel"],
.woocommerce-page [class*="wc-block-"] select,
.woocommerce-page [class*="wc-block-"] textarea {
  background: var(--card) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

/* =====================================================================
   تب‌های «توضیحات / دیدگاه‌ها» — بازطراحی به سبک مدرن و هماهنگ با سایت
   ===================================================================== */
.woocommerce-tabs { margin-top: 34px; }
.woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs.wc-tabs {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0 0 22px;
  border: none;
}
.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; }

.woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
}
.woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: 11px 22px;
  border-radius: 999px;
  font-family: var(--f-label);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-2);
  background: var(--card);
  border: 1px solid var(--line);
  text-decoration: none;
  transition: background .25s var(--ease), color .25s, border-color .25s;
}
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li a:focus {
  background: var(--sand);
  color: #241703;
  border-color: var(--sand);
}

.woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce-tabs .panel {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px 24px;
  animation: darjaryan-tab-fade .35s var(--ease);
}
.woocommerce-tabs .panel h2 {
  font-size: 1.15rem;
  margin: 0 0 14px;
}
/* عنوان تکراری بالای هر پنل (مثلاً «Description» یا «Reviews») چون همان برچسب تب است، حذف می‌شود */
.woocommerce-tabs .panel > h2:first-child,
.woocommerce-tabs .woocommerce-Reviews-title {
  display: none;
}
.woocommerce-tabs .panel p,
.woocommerce-tabs .panel li,
.woocommerce-tabs .panel td,
.woocommerce-tabs .panel th {
  color: var(--ink-2);
  line-height: 1.9;
  font-size: 14px;
}
.woocommerce-tabs #reviews .commentlist { list-style: none; margin: 0; padding: 0; }
.woocommerce-tabs #reviews .comment_container { display: flex; gap: 12px; }
.woocommerce-tabs #reviews .comment-text {
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px 16px;
  flex: 1;
}
.woocommerce-tabs #review_form input, .woocommerce-tabs #review_form textarea {
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--ink);
  border-radius: 10px;
}

@keyframes darjaryan-tab-fade {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* موبایل: تب‌ها به‌صورت یک نوار افقی قابل‌اسکرول با ظاهر شیک نمایش داده می‌شوند */
@media (max-width: 640px) {
  .woocommerce-tabs ul.tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
    padding-bottom: 4px;
    margin-inline: -4px;
    padding-inline: 4px;
    scrollbar-width: none;
  }
  .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
  .woocommerce-tabs ul.tabs li a {
    white-space: nowrap;
    padding: 9px 18px;
    font-size: 12.5px;
  }
  .woocommerce-tabs .woocommerce-Tabs-panel,
  .woocommerce-tabs .panel {
    padding: 18px 16px;
    border-radius: 14px;
  }
  .woocommerce-tabs #reviews .comment_container { flex-direction: column; }
}

/* =====================================================================
   هدر پیش‌فرض قالب — صفحات سبد خرید/پرداخت/حساب کاربری که الگوی
   اختصاصی سایت (header.php) را ندارند، هدر آماده‌ی قالب تونتی‌تونتی‌فور
   را نشان می‌دهند. این هدر زمینه‌ی روشنِ ثابت (rgb(249,249,249)) دارد که
   کاملاً مستقل از رنگ‌بندی سایت است؛ در حالت تیره‌ی سایت، متنِ روشنِ
   --ink روی همین زمینه‌ی روشن تقریباً نامرئی می‌شد (نسبت کنتراست ~۱.۲).
   ===================================================================== */
.woocommerce-page header.wp-block-template-part,
.woocommerce-page header.wp-block-template-part .wp-block-group {
  background: var(--paper) !important;
  border-color: var(--line) !important;
}
.woocommerce-page header.wp-block-template-part,
.woocommerce-page header.wp-block-template-part a,
.woocommerce-page header.wp-block-template-part .wp-block-pages-list__item__link,
.woocommerce-page header.wp-block-template-part .wp-block-navigation-item__content {
  color: var(--ink) !important;
  font-family: var(--f-body) !important;
}
.woocommerce-page header.wp-block-template-part a:hover,
.woocommerce-page header.wp-block-template-part a:focus {
  color: var(--gold-text) !important;
}
.woocommerce-page header.wp-block-template-part .current-menu-item > a,
.woocommerce-page header.wp-block-template-part .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
  color: var(--gold-text) !important;
}

/* =====================================================================
   عنوان محصولات در «فروشگاه» و بخش «محصولات جدید» (سبد خرید) — این‌ها با
   بلاک Query Loop قالب (wp-block-post-title) ساخته می‌شوند؛ رنگ پیش‌فرض
   لینک‌های قالب (فیروزه‌ای) روی آن‌ها اعمال می‌شد و با هویت رنگی سایت
   هماهنگ نبود.
   ===================================================================== */
.woocommerce-page .wp-block-post-title,
.woocommerce-page .wp-block-post-title a {
  color: var(--ink) !important;
  font-family: var(--f-head) !important;
}
.woocommerce-page .wp-block-post-title a:hover {
  color: var(--gold-text) !important;
}