/* ============================================================
   polish.css — اصلاحات نهایی بازبینی بصری کل سایت
   ------------------------------------------------------------
   این فایل آخرین استایل قالب است (بعد از responsive.css بارگذاری
   می‌شود) و فقط ایرادهای بصری باقی‌مانده را می‌پوشاند؛ هر بلوک
   دلیل و محل مشاهده‌ی مشکل را توضیح می‌دهد.
   ============================================================ */

/* ------------------------------------------------------------
   ۱) مسیر راهنمای سراسری هدر
   ------------------------------------------------------------
   ovex_breadcrumb() یک <nav class="ovex-breadcrumb"> با <ol>
   چاپ می‌کند. قاعده‌ی قدیمی .ovex-breadcrumb{display:flex} روی
   خودِ nav بود، پس <ol> استایل نمی‌گرفت و در صفحه‌های سبد خرید،
   حساب کاربری، تماس با ما و ... به‌صورت فهرست شماره‌دار خام
   («۱. خانه / ۲. سبد خرید») دیده می‌شد.
   ------------------------------------------------------------ */

nav.ovex-breadcrumb {
  display: block;
  padding-block: 12px 0;
}

nav.ovex-breadcrumb > .ovex-container {
  display: flex;
  align-items: center;
}

nav.ovex-breadcrumb .ovex-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12.5px;
  line-height: 1.9;
  color: var(--ovex-ink-3);
}

nav.ovex-breadcrumb .ovex-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

nav.ovex-breadcrumb .ovex-breadcrumb__link {
  color: var(--ovex-ink-3);
  text-decoration: none;
}

nav.ovex-breadcrumb .ovex-breadcrumb__link:hover {
  color: var(--ovex-primary);
}

nav.ovex-breadcrumb .ovex-breadcrumb__sep {
  display: inline-flex;
  align-items: center;
  color: var(--ovex-line-2);
}

nav.ovex-breadcrumb .ovex-breadcrumb__sep .ovex-icon {
  width: 13px;
  height: 13px;
}

nav.ovex-breadcrumb .ovex-breadcrumb__current {
  color: var(--ovex-ink-2);
  font-weight: 600;
}

/* ------------------------------------------------------------
   ۲) دکمه‌های داخل محتوای برگه
   ------------------------------------------------------------
   base.css قاعده‌ی .ovex-entry a{color:primary;text-decoration:
   underline} را دارد که روی .ovex-btn--primary هم می‌نشیند
   (ویژگی ۰,۱,۱ در برابر ۰,۱,۰). نتیجه‌اش دکمه‌ی «رفتن به
   فروشگاه» در سبد خالی بود: متن نارنجیِ زیرخط‌دار روی پس‌زمینه‌ی
   نارنجی، عملاً نامرئی.
   ------------------------------------------------------------ */

.ovex-entry a.ovex-btn,
.ovex-entry a.button,
.ovex-entry .ovex-card a,
.ovex-entry .ovex-pagination a {
  text-decoration: none;
}

.ovex-entry a.ovex-btn {
  color: var(--ovex-ink);
}

.ovex-entry a.ovex-btn--primary,
.ovex-entry a.ovex-btn--primary:hover,
.ovex-entry a.ovex-btn--sale,
.ovex-entry a.ovex-btn--sale:hover {
  color: var(--ovex-white);
}

.ovex-entry a.ovex-btn--ghost,
.ovex-entry a.ovex-btn--line {
  color: var(--ovex-primary);
}

/* ------------------------------------------------------------
   ۳) سر بخش «فروش ویژه‌ی امروز»
   ------------------------------------------------------------
   قالب h2.ovex-section__title چاپ می‌کند (نه .ovex-deal__head-title
   که components.css سفید کرده بود)، پس عنوان با رنگ ink و
   <small> با رنگ ink-3 روی کارت قرمز می‌افتاد و خوانا نبود.
   ------------------------------------------------------------ */

.ovex-deal .ovex-section__title {
  color: var(--ovex-white);
}

.ovex-deal .ovex-section__title small {
  color: rgba(255, 255, 255, .78);
  margin-inline-start: 8px;
}

.ovex-deal .ovex-section__title::before {
  background: var(--ovex-warning);
}

.ovex-deal .ovex-section__title .ovex-icon {
  color: var(--ovex-warning);
  fill: currentColor;
  stroke: none;
}

/* ------------------------------------------------------------
   ۴) دکمه‌ی سبد خرید هدر
   ------------------------------------------------------------
   <em>سبد خرید</em> رنگ ink-3 و <b>مبلغ</b> رنگ ink داشتند؛ روی
   گرادیان نارنجی دکمه هر دو تیره و کم‌کنتراست بودند و متن هم به
   لبه‌ی بالای دکمه می‌چسبید.
   ------------------------------------------------------------ */

.ovex-header__cart {
  padding-block: 7px;
  align-items: center;
}

.ovex-header__cart .ovex-header__action-text {
  gap: 1px;
}

.ovex-header__cart .ovex-header__action-text em {
  color: rgba(255, 255, 255, .85);
  line-height: 1.6;
}

.ovex-header__cart .ovex-header__cart-total,
.ovex-header__cart .ovex-header__cart-total .woocommerce-Price-amount,
.ovex-header__cart .ovex-header__cart-total .woocommerce-Price-currencySymbol {
  color: var(--ovex-white);
  line-height: 1.6;
}

/* ------------------------------------------------------------
   ۵) انتخابگر دسته در نوار جست‌وجو
   ------------------------------------------------------------
   ارتفاع ثابت ۳۲px برای فونت فارسی کم بود و «همه‌ی دسته‌ها»
   از بالا و پایین بریده می‌شد.
   ------------------------------------------------------------ */

.ovex-search .ovex-search__cat {
  height: 34px;
  line-height: 34px;
  padding-block: 0;
  max-width: 158px;
  text-overflow: ellipsis;
}

/* ------------------------------------------------------------
   ۶) فرم‌ها و دکمه‌های پیش‌فرض ووکامرس
   ------------------------------------------------------------
   صفحه‌های «حساب کاربری» و «تسویه حساب» از مارک‌آپ خود ووکامرس
   استفاده می‌کنند؛ دکمه‌ها خاکستری و فیلدها تمام‌عرض ۱۴۴۰px
   بودند.
   ------------------------------------------------------------ */

.woocommerce-account .ovex-entry .woocommerce,
.woocommerce-checkout .ovex-entry .woocommerce > form.checkout {
  max-width: 880px;
  margin-inline: auto;
}

.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register,
.woocommerce form.woocommerce-ResetPassword {
  background: var(--ovex-surface);
  border: 1px solid var(--ovex-line);
  border-radius: var(--ovex-r-lg);
  box-shadow: var(--ovex-sh-1);
  padding: 22px 22px 18px;
  margin-block: 10px 26px;
}

.woocommerce .form-row {
  display: block;
  margin-block-end: 14px;
}

.woocommerce .form-row label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ovex-ink-2);
  margin-block-end: 6px;
}

.woocommerce .form-row label.woocommerce-form-login__rememberme,
.woocommerce .form-row label.checkbox {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
  margin-block-end: 0;
}

.woocommerce .form-row .input-text,
.woocommerce .form-row input[type="text"],
.woocommerce .form-row input[type="email"],
.woocommerce .form-row input[type="tel"],
.woocommerce .form-row input[type="password"],
.woocommerce .form-row textarea,
.woocommerce .form-row select {
  width: 100%;
  max-width: 100%;
  height: 44px;
  border: 1.5px solid var(--ovex-line);
  border-radius: var(--ovex-r);
  background: var(--ovex-surface);
  padding-inline: 13px;
  font-family: inherit;
  font-size: 14px;
  color: var(--ovex-ink);
}

.woocommerce .form-row textarea {
  height: auto;
  min-height: 110px;
  padding-block: 10px;
  line-height: 2;
}

.woocommerce .form-row .input-text:focus,
.woocommerce .form-row select:focus,
.woocommerce .form-row textarea:focus {
  outline: 0;
  border-color: var(--ovex-primary);
  box-shadow: 0 0 0 4px var(--ovex-primary-100);
}

.woocommerce .form-row .required {
  color: var(--ovex-price);
  text-decoration: none;
}

/* دکمه‌های اصلی ووکامرس نارنجی شوند (ورود، عضویت، ثبت سفارش، ...) */
.woocommerce form.woocommerce-form-login button.button,
.woocommerce form.woocommerce-form-register button.button,
.woocommerce form.woocommerce-ResetPassword button.button,
.woocommerce .checkout button#place_order,
.woocommerce a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.button,
.woocommerce input.button[name="save_address"],
.woocommerce input.button[name="save_account_details"] {
  background: var(--ovex-primary-grad);
  color: var(--ovex-white);
  box-shadow: 0 3px 10px rgba(251, 119, 1, .26);
  height: 44px;
  padding-inline: 28px;
}

.woocommerce form.woocommerce-form-login button.button:hover,
.woocommerce form.woocommerce-form-register button.button:hover,
.woocommerce .checkout button#place_order:hover,
.woocommerce a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.button:hover {
  color: var(--ovex-white);
  filter: brightness(1.07);
}

/* ------------------------------------------------------------
   ۷) ستاره‌های ویجت‌های ووکامرس (div.star-rating)
   ------------------------------------------------------------
   ووکامرس ستاره‌ها را با فونت آیکن خودش می‌کشد؛ چون
   woocommerce-general از صف خارج شده، متن خام «امتیاز ۵ از ۵»
   دیده می‌شد (ویجت «پرامتیازترین‌ها» در ستون فیلتر و فهرست
   نظرات). اینجا با گلیف ★ بازسازی می‌شود.
   ------------------------------------------------------------ */

.ovex-shop__side .star-rating,
.woocommerce .star-rating,
.ovex-entry .star-rating {
  position: relative;
  display: block;
  width: 5.6em;
  height: 1.15em;
  overflow: hidden;
  direction: ltr;
  line-height: 1.15;
  font-family: inherit;
  white-space: nowrap;
}

.ovex-shop__side .star-rating::before,
.woocommerce .star-rating::before,
.ovex-entry .star-rating::before {
  content: "\2605\2605\2605\2605\2605";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  letter-spacing: .07em;
  color: var(--ovex-line-2);
}

/* متن خام داخل span با padding به بیرون از کادر هل داده می‌شود */
.ovex-shop__side .star-rating > span,
.woocommerce .star-rating > span,
.ovex-entry .star-rating > span {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  overflow: hidden;
  padding-block-start: 1.6em;
  height: 100%;
  white-space: nowrap;
}

.ovex-shop__side .star-rating > span::before,
.woocommerce .star-rating > span::before,
.ovex-entry .star-rating > span::before {
  content: "\2605\2605\2605\2605\2605";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  letter-spacing: .07em;
  color: var(--ovex-warning);
}

/* ------------------------------------------------------------
   ۸) حالت خالی (سبد خرید / آرشیو بدون نتیجه)
   ------------------------------------------------------------
   قالب cart-empty.php هم‌زمان کلاس .ovex-empty و .woocommerce-info
   دارد؛ قاعده‌ی نوتیس، کارت را کرم‌رنگ با نوار کناری می‌کرد.
   ------------------------------------------------------------ */

.ovex-empty.woocommerce-info {
  background: var(--ovex-surface);
  border-inline-start: 0;
  box-shadow: var(--ovex-sh-1);
  padding: 48px 20px;
}

.ovex-empty .ovex-btn .ovex-icon {
  width: 18px;
  height: 18px;
  color: currentColor;
  margin: 0;
}