/* =========================================================
   CafeDentist — WooCommerce + WoodMart Custom CSS
   Version: 2.0
   ========================================================= */

/* ─────────────────────────────────────────────────────────
   0) Brand Tokens
───────────────────────────────────────────────────────── */
:root {
  /* رنگ‌های اصلی */
  --cd-primary:       #4fc3e8;
  --cd-primary-light: #5ecfd3;
  --cd-primary-dark:  #1a7f84;
  --cd-secondary:     #7b68aa;
  --cd-tertiary:      #7aaa5a;
  --cd-accent:        #29adb2;
  --cd-accent-soft:   #e8f8fb;

  /* خنثی */
  --cd-dark:          #1a2b35;
  --cd-gray:          #5a7280;
  --cd-gray-light:    #dce8ec;
  --cd-bg:            #f5fbfc;
  --cd-white:         #ffffff;

  /* وضعیت */
  --cd-success:       #7aaa5a;
  --cd-warning:       #f4a83a;
  --cd-error:         #e05c5c;

  /* شکل */
  --cd-radius:        16px;
  --cd-radius-sm:     10px;
  --cd-radius-xs:     6px;

  /* سایه */
  --cd-shadow:        0 6px 24px rgba(26, 43, 53, 0.08);
  --cd-shadow-hover:  0 12px 32px rgba(26, 43, 53, 0.14);

  /* انیمیشن */
  --cd-transition:    all 0.25s ease;

  /* گرادیان اصلی (دکمه‌ها) */
  --cd-gradient:      linear-gradient(135deg, var(--cd-primary), var(--cd-accent));
  --cd-gradient-dark: linear-gradient(135deg, var(--cd-primary-dark), var(--cd-accent));
}

/* ─────────────────────────────────────────────────────────
   1) پس‌زمینه صفحه فروشگاه
───────────────────────────────────────────────────────── */
.post-type-archive-product,
.tax-product_cat,
.tax-product_tag,
.woocommerce-shop {
  background-color: var(--cd-bg);
}

/* ─────────────────────────────────────────────────────────
   2) Breadcrumb
───────────────────────────────────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 13px;
  color: var(--cd-gray);
  margin-bottom: 16px;
}
.woocommerce-breadcrumb a {
  color: var(--cd-accent);
  text-decoration: none;
  transition: color 0.2s;
}
.woocommerce-breadcrumb a:hover { color: var(--cd-primary-dark); }

/* ─────────────────────────────────────────────────────────
   3) نوار ابزار (مرتب‌سازی + نتایج)
───────────────────────────────────────────────────────── */
.woocommerce .woocommerce-result-count {
  color: var(--cd-gray);
  font-size: 13px;
  line-height: 44px;
}

.woocommerce .woocommerce-ordering select {
  border: 1px solid var(--cd-gray-light);
  border-radius: var(--cd-radius-sm);
  background: var(--cd-white);
  color: var(--cd-dark);
  padding: 0 14px;
  height: 44px;
  font-size: 13px;
  transition: border-color 0.2s, box-shadow 0.2s;
  appearance: auto;
}
.woocommerce .woocommerce-ordering select:focus {
  border-color: var(--cd-primary);
  box-shadow: 0 0 0 3px rgba(79, 195, 232, 0.15);
  outline: none;
}

/* ─────────────────────────────────────────────────────────
   4) کارت محصول (Product Card)
───────────────────────────────────────────────────────── */
.woocommerce ul.products li.product,
.wd-product-grid .wd-product-grid-item {
  background: var(--cd-white);
  border: 1.5px solid var(--cd-gray-light);
  border-radius: var(--cd-radius);
  box-shadow: var(--cd-shadow);
  padding: 14px;
  transition: var(--cd-transition);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.woocommerce ul.products li.product:hover,
.wd-product-grid .wd-product-grid-item:hover {
  border-color: rgba(79, 195, 232, 0.4);
  box-shadow: var(--cd-shadow-hover);
  transform: translateY(-5px);
}

/* ── تصویر ── */
.woocommerce ul.products li.product img {
  border-radius: var(--cd-radius-sm);
  display: block;
  width: 100%;
  background: var(--cd-accent-soft);
  transition: transform 0.35s ease;
}
.woocommerce ul.products li.product:hover img { transform: scale(1.04); }

/* ── بدنه کارت (wd content wrapper) ── */
.woocommerce ul.products li.product .wd-product-content,
.woocommerce ul.products li.product .product-element-bottom {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* ── عنوان ── */
.woocommerce ul.products li.product .wd-entities-title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--cd-dark);
  margin: 10px 0 6px;
  display: block;
  transition: color 0.2s;
}
.woocommerce ul.products li.product .wd-entities-title a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover { color: var(--cd-primary-dark); }

/* توضیحات مختصر (مخفی کردن در کارت) */
.woocommerce ul.products li.product .wd-product-excerpt { display: none; }

/* ── ستاره‌های رتبه‌بندی ── */
.woocommerce ul.products li.product .star-rating {
  font-size: 12px;
  margin-bottom: 4px;
}
.woocommerce ul.products li.product .star-rating span::before,
.woocommerce ul.products li.product .star-rating::before { color: var(--cd-warning); }

/* ── قیمت ── */
.woocommerce ul.products li.product .price {
  display: block;
  color: var(--cd-primary-dark);
  font-size: 14px;
  font-weight: 700;
  margin-top: auto;        /* قیمت را همیشه به پایین کارت هل می‌دهد */
  padding-top: 12px;
  margin-bottom: 10px;
}
.woocommerce ul.products li.product .price del {
  color: var(--cd-gray);
  opacity: 0.65;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--cd-error);
}

/* ── دکمه افزودن ── */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button {
  display: block;
  width: 100%;
  text-align: center;
  background: var(--cd-gradient);
  color: var(--cd-white);
  border: none;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: var(--cd-transition);
  box-shadow: 0 6px 16px rgba(41, 173, 178, 0.2);
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover {
  background: var(--cd-gradient-dark);
  color: var(--cd-white);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(41, 173, 178, 0.32);
}
/* بعد از افزودن به سبد */
.woocommerce ul.products li.product a.added_to_cart {
  display: block;
  text-align: center;
  color: var(--cd-tertiary);
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
  text-decoration: none;
}

/* ── ناموجود ── */
.woocommerce ul.products li.product.outofstock { opacity: 0.82; }
.woocommerce ul.products li.product.outofstock a.button,
.woocommerce ul.products li.product.outofstock button.button {
  background: var(--cd-gray-light);
  color: var(--cd-gray);
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

/* ── بج تخفیف ── */
.woocommerce span.onsale {
  background: var(--cd-error);
  color: var(--cd-white);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  min-height: unset;
  min-width: unset;
  line-height: 1.4;
  box-shadow: 0 4px 12px rgba(224, 92, 92, 0.28);
  top: 14px;
  right: 14px;
  left: auto;
}

/* ── بج‌های WoodMart ── */
.wd-label-new { background: var(--cd-tertiary) !important; color: var(--cd-white) !important; border-radius: 999px !important; }
.wd-label-hot { background: var(--cd-warning) !important; color: var(--cd-white) !important; border-radius: 999px !important; }
.wd-label-out-of-stock { background: var(--cd-gray) !important; color: var(--cd-white) !important; border-radius: 999px !important; }

/* ── دکمه‌های Wishlist / Compare (WoodMart) ── */
.wd-wishlist-btn .wd-wishlist-btn-icon,
.wd-compare-btn .wd-compare-btn-icon {
  color: var(--cd-gray) !important;
  transition: color 0.2s !important;
}
.wd-wishlist-btn:hover .wd-wishlist-btn-icon,
.wd-compare-btn:hover .wd-compare-btn-icon { color: var(--cd-error) !important; }
.wd-wishlist-btn.active .wd-wishlist-btn-icon { color: var(--cd-error) !important; }

/* ─────────────────────────────────────────────────────────
   5) صفحه‌بندی
───────────────────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 32px;
}
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cd-radius-sm);
  background: var(--cd-white);
  color: var(--cd-dark);
  border: 1.5px solid var(--cd-gray-light);
  font-size: 14px;
  font-weight: 600;
  transition: var(--cd-transition);
  text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--cd-accent-soft);
  border-color: var(--cd-primary);
  color: var(--cd-primary-dark);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--cd-gradient);
  border-color: transparent;
  color: var(--cd-white);
}

/* ─────────────────────────────────────────────────────────
   6) صفحه تک محصول (Single Product)
───────────────────────────────────────────────────────── */
.single-product .summary.entry-summary {
  background: var(--cd-white);
  border: 1.5px solid var(--cd-gray-light);
  border-radius: var(--cd-radius);
  padding: 28px;
  box-shadow: var(--cd-shadow);
}

/* عنوان */
.single-product .product_title {
  color: var(--cd-dark);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.7;
  margin-bottom: 14px;
}

/* رتبه‌بندی */
.single-product .woocommerce-product-rating { margin-bottom: 12px; }
.single-product .star-rating span::before,
.single-product .star-rating::before { color: var(--cd-warning); }

/* قیمت */
.single-product div.product p.price,
.single-product div.product span.price {
  color: var(--cd-primary-dark);
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.single-product div.product .price del { color: var(--cd-gray); opacity: 0.65; font-size: 15px; }
.single-product div.product .price ins { text-decoration: none; color: var(--cd-error); }

/* فرم خرید */
.single-product .cart { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.single-product .quantity .qty {
  border: 1.5px solid var(--cd-gray-light);
  border-radius: var(--cd-radius-sm);
  height: 48px;
  padding: 0 14px;
  background: var(--cd-white);
  color: var(--cd-dark);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  transition: border-color 0.2s;
}
.single-product .quantity .qty:focus {
  border-color: var(--cd-primary);
  box-shadow: 0 0 0 3px rgba(79, 195, 232, 0.15);
  outline: none;
}

.single-product .single_add_to_cart_button {
  background: var(--cd-gradient);
  color: var(--cd-white);
  border: none;
  border-radius: 999px;
  height: 48px;
  padding: 0 32px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  transition: var(--cd-transition);
  box-shadow: 0 8px 22px rgba(41, 173, 178, 0.25);
  flex-shrink: 0;
}
.single-product .single_add_to_cart_button:hover {
  background: var(--cd-gradient-dark);
  color: var(--cd-white);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(41, 173, 178, 0.38);
}

/* متا (دسته، SKU) */
.single-product .product_meta {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--cd-gray-light);
  color: var(--cd-gray);
  font-size: 13px;
  line-height: 2;
}
.single-product .product_meta a { color: var(--cd-accent); text-decoration: none; transition: color 0.2s; }
.single-product .product_meta a:hover { color: var(--cd-primary-dark); }

/* ─────────────────────────────────────────────────────────
   7) تب‌های محصول
───────────────────────────────────────────────────────── */
.single-product .woocommerce-tabs {
  margin-top: 28px;
  background: var(--cd-white);
  border: 1.5px solid var(--cd-gray-light);
  border-radius: var(--cd-radius);
  padding: 24px;
  box-shadow: var(--cd-shadow);
}
.single-product .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 22px;
  border-bottom: 1.5px solid var(--cd-gray-light);
  padding-bottom: 16px;
}
.single-product .woocommerce-tabs ul.tabs li {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}
.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after { display: none; }
.single-product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  background: var(--cd-accent-soft);
  color: var(--cd-gray);
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: var(--cd-transition);
}
.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
  background: var(--cd-gradient);
  color: var(--cd-white);
}

/* ─────────────────────────────────────────────────────────
   8) محصولات مرتبط / Upsells
───────────────────────────────────────────────────────── */
.single-product .related.products > h2,
.single-product .up-sells.products > h2 {
  color: var(--cd-dark);
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--cd-gray-light);
}

/* عنوان کوچک‌تر در کارت‌های مرتبط */
.single-product .related.products ul.products li.product .wd-entities-title a,
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .up-sells.products ul.products li.product .wd-entities-title a {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: #444;
}

/* تراز قیمت در محصولات مرتبط */
.single-product .related.products ul.products li.product .wd-product-content,
.single-product .up-sells.products ul.products li.product .wd-product-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.single-product .related.products ul.products li.product .price,
.single-product .up-sells.products ul.products li.product .price {
  margin-top: auto;
  padding-top: 10px;
}
/* مخفی کردن excerpt در محصولات مرتبط */
.single-product .related.products ul.products li.product .wd-product-excerpt,
.single-product .up-sells.products ul.products li.product .wd-product-excerpt { display: none; }

/* ─────────────────────────────────────────────────────────
   9) Quick View (WoodMart)
───────────────────────────────────────────────────────── */
.wd-popup-content .summary.entry-summary {
  background: var(--cd-white);
  padding: 20px;
}
.wd-popup-content .product_title {
  font-size: 18px;
  font-weight: 700;
  color: var(--cd-dark);
  line-height: 1.7;
}
.wd-popup-content .single_add_to_cart_button {
  background: var(--cd-gradient);
  color: var(--cd-white);
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  font-weight: 700;
  transition: var(--cd-transition);
}
.wd-popup-content .single_add_to_cart_button:hover {
  background: var(--cd-gradient-dark);
  color: var(--cd-white);
}

/* ─────────────────────────────────────────────────────────
   10) پیام‌های WooCommerce
───────────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--cd-radius-sm);
  border-left: none;
  border-top: none;
  padding: 14px 18px;
  box-shadow: var(--cd-shadow);
  font-size: 14px;
}
.woocommerce-message {
  background: #edf9f2;
  color: #276640;
  border-right: 4px solid var(--cd-tertiary);
}
.woocommerce-info {
  background: var(--cd-accent-soft);
  color: var(--cd-primary-dark);
  border-right: 4px solid var(--cd-primary);
}
.woocommerce-error {
  background: #fff1f1;
  color: #8f2f2f;
  border-right: 4px solid var(--cd-error);
}
.woocommerce-message .button,
.woocommerce-info .button {
  background: var(--cd-gradient);
  color: var(--cd-white);
  border: none;
  border-radius: 999px;
  padding: 8px 18px;
  font-weight: 700;
  transition: var(--cd-transition);
}

/* ─────────────────────────────────────────────────────────
   11) موبایل
───────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .woocommerce ul.products li.product {
    padding: 10px;
    border-radius: 14px;
  }
  .woocommerce ul.products li.product .wd-entities-title a,
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13px; }
  .woocommerce ul.products li.product .price { font-size: 13px; }
  .woocommerce ul.products li.product a.button { font-size: 12px; padding: 9px 12px; }

  .single-product .summary.entry-summary,
  .single-product .woocommerce-tabs { padding: 16px; border-radius: 14px; }
  .single-product .product_title { font-size: 19px; }
  .single-product div.product p.price { font-size: 18px; }
  .single-product .cart { flex-direction: column; align-items: stretch; }
  .single-product .single_add_to_cart_button { width: 100%; text-align: center; }

  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span { width: 36px; height: 36px; font-size: 13px; }
}

@media (max-width: 480px) {
  .single-product .woocommerce-tabs ul.tabs li a { padding: 7px 13px; font-size: 12px; }
}

/* ─────────────────────────────────────────────────────────
   Quantity Input + Buttons (WoodMart)
───────────────────────────────────────────────────────── */

/* wrapper کل */
.woocommerce .quantity,
.single-product .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  border: 1.5px solid var(--cd-gray-light) !important;
  border-radius: var(--cd-radius-sm) !important;
  overflow: hidden !important;
  background: var(--cd-white) !important;
  width: fit-content !important;
}

/* دکمه‌های + و − */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.single-product .quantity .minus,
.single-product .quantity .plus {
  background: var(--cd-accent-soft) !important;
  color: var(--cd-primary-dark) !important;
  border: none !important;
  border-radius: 0 !important;
  width: 38px !important;
  height: 48px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: var(--cd-transition) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover,
.single-product .quantity .minus:hover,
.single-product .quantity .plus:hover {
  background: var(--cd-primary) !important;
  color: var(--cd-white) !important;
}

/* فیلد عدد */
.woocommerce .quantity .qty,
.single-product .quantity .qty {
  border: none !important;
  border-right: 1.5px solid var(--cd-gray-light) !important;
  border-left: 1.5px solid var(--cd-gray-light) !important;
  border-radius: 0 !important;
  height: 48px !important;
  width: 56px !important;
  min-width: 56px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--cd-dark) !important;
  background: var(--cd-white) !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
}

/* مخفی کردن فلش‌های پیش‌فرض مرورگر */
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.woocommerce .quantity .qty:focus {
  outline: none !important;
  background: var(--cd-accent-soft) !important;
}