/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 06 2026 | 09:30:44 */
/* =========================================================
   HOORSTAR
   WooCommerce Thank You / Order Received Page
   نسخه کامل و اصلاح‌شده
========================================================= */


/* =========================================================
   1. متغیرهای طراحی
========================================================= */

body.woocommerce-order-received {
  --hs-bg: #fff8fb;
  --hs-card: #ffffff;
  --hs-primary: #da2778;
  --hs-primary-dark: #bd1d66;
  --hs-primary-light: #fff1f7;
  --hs-primary-border: #f59bbc;
  --hs-text: #2b2230;
  --hs-muted: #7a6a74;
  --hs-border: #e9d7e0;
  --hs-success-bg: #ecfdf5;
  --hs-success-border: #a7f3d0;
  --hs-success-text: #065f46;
  --hs-radius: 18px;
  --hs-small-radius: 12px;
  --hs-shadow: 0 10px 25px rgba(43, 34, 48, 0.05);

  overflow-x: hidden !important;
}


/* =========================================================
   2. تنظیم عمومی ابعاد و Box Sizing
========================================================= */

body.woocommerce-order-received *,
body.woocommerce-order-received *::before,
body.woocommerce-order-received *::after {
  box-sizing: border-box !important;
}

body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce-order {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.woocommerce-order-received .woocommerce-order {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 10px !important;
}


/* =========================================================
   3. پیام موفقیت سفارش
========================================================= */

body.woocommerce-order-received
.woocommerce-notice.woocommerce-notice--success {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;

  background: var(--hs-success-bg) !important;
  border: 1px solid var(--hs-success-border) !important;
  border-radius: var(--hs-radius) !important;
  box-shadow: var(--hs-shadow) !important;

  color: var(--hs-success-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  text-align: center !important;
}


/* =========================================================
   4. باکس خلاصه اولیه سفارش
   شامل: شماره سفارش، تاریخ، مبلغ و روش پرداخت
========================================================= */

/* =========================================================
   HOORSTAR — Order Overview Box Fix (Single Row Balance)
   اصلاح قطعی باکس خلاصه سفارش در ۱ سطر متوازن
========================================================= */

/* کانتینر اصلی لیست */
body.woocommerce-order-received ul.woocommerce-order-overview {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px 8px !important;

  background: var(--hs-card, #ffffff) !important;
  border: 1px solid var(--hs-border, #e9d7e0) !important;
  border-radius: var(--hs-radius, 18px) !important;
  box-shadow: var(--hs-shadow, 0 10px 25px rgba(43, 34, 48, 0.05)) !important;

  list-style: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* مخفی‌سازی قطعی ایمیل */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email,
body.woocommerce-order-received ul.woocommerce-order-overview li.email {
  display: none !important;
}

/* استایل مشترک و یکسان برای هر ۴ آیتم در یک سطر */
body.woocommerce-order-received ul.woocommerce-order-overview li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  /* تقسیم مساوی عرض باکس بین ۴ المان */
  flex: 1 1 0px !important;
  width: 0 !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 6px 10px !important;

  border: 0 !important;
  border-inline-start: 1px dashed var(--hs-border, #e9d7e0) !important;
  
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;

  color: var(--hs-muted, #7a6a74) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* مرتب‌سازی ترتیبی المان‌ها از راست به چپ در RTL */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__order          { order: 1 !important; }
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__date           { order: 2 !important; }
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method { order: 3 !important; }
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total          { order: 4 !important; }

/* اولین المان سمت راست (شماره سفارش) نباید خط‌چین سمت راست داشته باشد */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__order {
  border-inline-start: 0 !important;
}

/* عناوین و مقادیر داخل آیتم‌ها */
body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--hs-text, #2b2230) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* استایل ویژه مبلغ کل سفارش (صورتی برند هوراستار) */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total strong,
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total .amount,
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total bdi {
  color: var(--hs-primary, #da2778) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* =========================================================
   موبایل: تبدیل به گرید ۲ در ۲ منظم
========================================================= */
@media (max-width: 767px) {
  body.woocommerce-order-received ul.woocommerce-order-overview {
    flex-wrap: wrap !important;
    padding: 8px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    min-height: 64px !important;
    padding: 10px 6px !important;
    border: 0 !important;
  }

  /* خط‌چین عمودی برای ستون سمت چپ در موبایل */
  body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__date,
  body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total {
    border-inline-start: 1px dashed var(--hs-border, #e9d7e0) !important;
  }

  /* خط‌چین افقی برای ردیف دوم در موبایل */
  body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method,
  body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total {
    border-top: 1px dashed var(--hs-border, #e9d7e0) !important;
  }
}


/* =========================================================
   5. باکس کارت‌به‌کارت و آپلود فیش
========================================================= */

body.woocommerce-order-received .ngtstc-receipt-box {
  width: 100% !important;
  margin: 0 !important;
  padding: 22px !important;

  background: var(--hs-card) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: var(--hs-radius) !important;
  box-shadow: var(--hs-shadow) !important;
}

/* عنوان باکس کارت‌به‌کارت */
body.woocommerce-order-received .ngtstc-receipt-box h2 {
  position: relative !important;

  margin: 0 0 18px !important;
  padding: 0 0 12px !important;

  color: var(--hs-text) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
}

/* خط تزئینی زیر عنوان */
body.woocommerce-order-received .ngtstc-receipt-box h2::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 42px !important;
  height: 3px !important;

  background: var(--hs-primary) !important;
  border-radius: 10px !important;
}

/* باکس اطلاعات بانک */
body.woocommerce-order-received .ngtstc-bank-box {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 15px !important;

  background: #faf8f9 !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 14px !important;
}

/* بازنویسی استایل‌های inline بانک */
body.woocommerce-order-received .ngtstc-bank-box p {
  margin: 0 !important;
  color: var(--hs-muted) !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}

/* پاراگراف‌های باکس آپلود */
body.woocommerce-order-received .ngtstc-receipt-box > p {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  line-height: 1.8 !important;
}

/* لیبل آپلود */
body.woocommerce-order-received
.ngtstc-receipt-box
label[for="ngtstc_receipt_file"] {
  display: inline-block !important;
  margin: 0 !important;
  color: var(--hs-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* توضیحات فرمت فایل */
body.woocommerce-order-received
.ngtstc-receipt-box
p[style*="font-size"] {
  margin-top: 8px !important;
  color: var(--hs-muted) !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
}

/* ورودی فایل، در صورت وجود */
body.woocommerce-order-received
.ngtstc-receipt-box
input[type="file"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  padding: 10px !important;

  background: #fff !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 10px !important;

  color: var(--hs-text) !important;
  font-size: 12px !important;
}

/* دکمه ثبت فیش */
body.woocommerce-order-received
.ngtstc-receipt-box
button[name="ngtstc_upload_receipt"] {
  width: auto !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 11px 22px !important;

  background: var(--hs-primary) !important;
  border: 0 !important;
  border-radius: 12px !important;

  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  transition: background 0.25s ease, transform 0.25s ease !important;
}

body.woocommerce-order-received
.ngtstc-receipt-box
button[name="ngtstc_upload_receipt"]:hover {
  background: var(--hs-primary-dark) !important;
  transform: translateY(-1px) !important;
}


/* =========================================================
   6. کارت جزئیات سفارش
========================================================= */

body.woocommerce-order-received .woocommerce-order-details {
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 24px !important;

  background: var(--hs-card) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: var(--hs-radius) !important;
  box-shadow: var(--hs-shadow) !important;
}

/* حذف عنوان جزئیات سفارش */
body.woocommerce-order-received
.woocommerce-order-details
.woocommerce-order-details__title {
  display: none !important;
}

/* حذف هدر جدول */
body.woocommerce-order-received
table.woocommerce-table--order-details
thead {
  display: none !important;
}

/* حذف خطوط و استایل پیش‌فرض جدول */
body.woocommerce-order-received
table.woocommerce-table--order-details,
body.woocommerce-order-received
table.woocommerce-table--order-details tbody,
body.woocommerce-order-received
table.woocommerce-table--order-details tfoot {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-collapse: separate !important;
  background: transparent !important;
}

/* ردیف هر محصول */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px 0 !important;

  border: 0 !important;
}

/* خط بین محصولات؛ فقط یک خط ظریف */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item + tr.order_item {
  border-top: 1px solid #f2e5eb !important;
}

/* حذف بوردر tdها */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item td {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* نام محصول */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item
td.product-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  color: var(--hs-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

/* لینک محصول: بدون رنگ و خط و بدون کلیک */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item
td.product-name a {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: default !important;
}

/* تعداد محصول */
body.woocommerce-order-received
table.woocommerce-table--order-details
.product-quantity {
  display: inline !important;
  margin: 0 4px 0 0 !important;
  color: var(--hs-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* مبلغ هر محصول */
body.woocommerce-order-received
table.woocommerce-table--order-details
tbody tr.order_item
td.product-total {
  flex: 0 0 auto !important;

  color: var(--hs-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;
  text-align: left !important;
  white-space: nowrap !important;
}


/* =========================================================
   7. بخش جمع‌ها، حمل‌ونقل و کل سفارش
========================================================= */

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;

  margin-top: 14px !important;
  padding-top: 12px !important;

  border-top: 1px solid var(--hs-border) !important;
}

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 5px 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* سلول‌های فوتر */
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr th,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr td {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.8 !important;
}

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr th {
  color: var(--hs-muted) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: right !important;
}

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr td {
  color: var(--hs-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* توضیح نرخ ثابت */
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot .shipped_via {
  display: inline !important;
  margin: 0 4px 0 0 !important;
  color: var(--hs-muted) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* ردیف کل سفارش
   در این ساختار، آخرین ردیف «روش پرداخت» است
   و ردیف قبل از آن «کل سفارش» است.
*/
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:nth-last-child(2) {
  min-height: 48px !important;
  margin-top: 8px !important;
  padding: 10px 14px !important;

  background: var(--hs-primary-light) !important;
  border: 1px solid var(--hs-primary-border) !important;
  border-radius: 11px !important;
}

body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:nth-last-child(2) th,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:nth-last-child(2) td,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:nth-last-child(2) .amount,
body.woocommerce-order-received
table.woocommerce-table--order-details
tfoot tr:nth-last-child(2) bdi {
  color: var(--hs-primary) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}


/* =========================================================
   8. مخفی‌سازی کامل جزئیات صورتحساب
========================================================= */

body.woocommerce-order-received
.woocommerce-customer-details,
body.woocommerce-order-received
.woocommerce-customer-details h2,
body.woocommerce-order-received
.woocommerce-customer-details address {
  display: none !important;
}


/* =========================================================
   9. جلوگیری از اسکرول افقی
========================================================= */

body.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-order > *,
body.woocommerce-order-received table,
body.woocommerce-order-received ul {
  max-width: 100% !important;
  min-width: 0 !important;
}


/* =========================================================
   10. نسخه موبایل
========================================================= */

@media (max-width: 767px) {

  body.woocommerce-order-received .woocommerce-order {
    gap: 16px !important;
    padding: 0 !important;
  }

  /* باکس خلاصه سفارش در موبایل */
  body.woocommerce-order-received
  ul.woocommerce-order-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 8px !important;
  }

  body.woocommerce-order-received
  ul.woocommerce-order-overview
  li {
    min-height: 64px !important;
    padding: 9px 7px !important;
    border-inline-start: 0 !important;
  }

  /* جداکننده عمودی ستون دوم */
  body.woocommerce-order-received
  ul.woocommerce-order-overview
  li:nth-child(even) {
    border-inline-start: 1px dashed var(--hs-border) !important;
  }

  /* جداکننده افقی ردیف دوم */
  body.woocommerce-order-received
  ul.woocommerce-order-overview
  li:nth-child(n + 3) {
    border-top: 1px dashed var(--hs-border) !important;
  }

  body.woocommerce-order-received
  ul.woocommerce-order-overview
  li strong {
    font-size: 12px !important;
  }

  /* کارت‌ها */
  body.woocommerce-order-received
  .ngtstc-receipt-box,
  body.woocommerce-order-received
  .woocommerce-order-details {
    padding: 16px !important;
    border-radius: 15px !important;
  }

  /* پیام موفقیت */
  body.woocommerce-order-received
  .woocommerce-notice.woocommerce-notice--success {
    padding: 14px 12px !important;
    font-size: 13px !important;
  }

  /* ردیف محصول */
  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tbody tr.order_item {
    gap: 10px !important;
    padding: 12px 0 !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tbody tr.order_item
  td.product-name {
    font-size: 12.5px !important;
    line-height: 1.85 !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tbody tr.order_item
  td.product-total {
    font-size: 12px !important;
  }

  /* فوتر جدول در موبایل */
  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tfoot tr {
    gap: 8px !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tfoot tr th {
    font-size: 12px !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tfoot tr td {
    font-size: 12px !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tfoot tr:nth-last-child(2) {
    padding: 9px 11px !important;
  }

  body.woocommerce-order-received
  table.woocommerce-table--order-details
  tfoot .shipped_via {
    font-size: 10px !important;
  }

  body.woocommerce-order-received
  .ngtstc-receipt-box
  button[name="ngtstc_upload_receipt"] {
    width: 100% !important;
  }
}
/* حذف بوردر سمت راست آیتم روش پرداخت در موبایل */
@media (max-width: 767px) {
  body.woocommerce-order-received
  ul.woocommerce-order-overview
  li.woocommerce-order-overview__payment-method {
    border-inline-start: 0 !important;
    border-right: 0 !important;
  }
}