/* سازگاری ووکامرس با قالب (inc/woocommerce.php) — فقط در صفحه‌های ووکامرس بارگذاری می‌شود.
   قالب برای div و span و input و دکمه‌ها اندازه ثابت ۱۳ پیکسل، برای p ارتفاع خط ثابت و برای لینک‌های
   متن نوشته ارتفاع و خط‌چین دارد؛ این‌ها اینجا برای ووکامرس برداشته می‌شوند. رنگ‌ها از رنگ قالب. */

.ss-woo-page #main-content article.single-post #postcontent,
.ss-woo-page .wc-block-components-main,
.ss-woo-page .wp-block-woocommerce-cart,
.ss-woo-page .wp-block-woocommerce-checkout {
  font-size: 14px;
  line-height: 1.8;
  text-align: start;
}

.ss-woo-page #postcontent :is(div, span, p, a, label, input, select, textarea, button, td, th, li, dt, dd, small, bdi, ins, del, fieldset, legend, form):not([class*="wc-block"] *, [class*="wc-block"]),
.ss-woo-page :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) :is(div, span, p, a, input, select, textarea, button, td, th, li, fieldset, form):not([class*="label"]) {
  font-size: inherit;
  line-height: inherit;
}

.ss-woo-page #postcontent p {
  margin-bottom: 10px;
  text-align: start;
}

.ss-woo-page #postcontent h1,
.ss-woo-page #postcontent h2,
.ss-woo-page #postcontent h3 {
  margin: 0 0 12px;
  line-height: 1.5;
}

.ss-woo-page #postcontent h2 {
  font-size: 18px;
}

.ss-woo-page #postcontent h3 {
  font-size: 16px;
}

/* لینک‌های متن نوشته در قالب ارتفاع ۶۰ پیکسل و خط‌چین هاور دارند */
.ss-woo-page #main-content article.single-post #postcontent #thepage a:not(.radv-text-link, .radv-page),
.ss-woo-page #main-content article.single-post #postcontent #thepage a:not(.radv-text-link, .radv-page):hover {
  min-height: 0;
  border-bottom: 0;
}

.ss-woo-page #main-content article.single-post #postcontent #thepage .woocommerce ul,
.ss-woo-page #main-content article.single-post #postcontent #thepage .woocommerce ol {
  margin: 0;
}

.ss-woo-page #postcontent ul li::before {
  display: none;
}

/* ---------------------------------------------------------------- دکمه‌ها */

.ss-woo-page #postcontent :is(a.button, button.button, input.button, #respond input#submit),
.ss-woo-page #postcontent :is(a.button.alt, button.button.alt, input.button.alt),
.ss-woo-page .wc-block-components-button:not(.is-link),
.ss-woo-page .wc-block-cart__submit-button,
.ss-woo-page .wc-block-components-checkout-place-order-button,
#main-content .ss-woo-content a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 0 !important;
  padding: 9px 18px;
  border: 0 !important;
  border-radius: 6px;
  background: var(--ss-color-primary);
  color: var(--ss-color-on-primary) !important;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s;
}

.ss-woo-page #postcontent :is(a.button, button.button, input.button, #respond input#submit):hover,
.ss-woo-page .wc-block-components-button:not(.is-link):hover {
  background: var(--ss-color-primary-dark);
  color: var(--ss-color-on-primary) !important;
  box-shadow: 0 4px 12px -6px var(--ss-color-primary-shadow);
}

.ss-woo-page #postcontent :is(a.button, button.button, input.button):disabled,
.ss-woo-page #postcontent :is(a.button, button.button, input.button).disabled {
  opacity: .5;
}

.ss-woo-page #postcontent a.added_to_cart {
  display: inline-block;
  margin: 6px 4px 0;
  color: var(--ss-color-primary);
}

/* ---------------------------------------------------------------- فرم‌ها */

.ss-woo-page #postcontent :is(input.input-text, textarea, select, .select2-selection),
.ss-woo-page #postcontent form .form-row :is(input.input-text, textarea, select),
.ss-woo-page #postcontent .quantity .qty {
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
  font-family: inherit;
}

.ss-woo-page #postcontent :is(input.input-text, textarea, select):focus {
  border-color: var(--ss-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ss-color-primary) 25%, transparent);
}

.ss-woo-page #postcontent .quantity .qty {
  width: 70px;
  text-align: center;
}

.ss-woo-page #postcontent form .form-row label {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
}

/* ---------------------------------------------------------------- اعلان‌ها */

.ss-woo-page #postcontent :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  margin: 0 0 16px;
  padding: 12px 48px 12px 14px;
  border-top: 3px solid var(--ss-color-primary);
  border-radius: 4px;
  background: #f7f7f7;
  color: #333;
}

.ss-woo-page #postcontent .woocommerce-error {
  border-top-color: #d63638;
}

.ss-woo-page #postcontent :is(.woocommerce-message, .woocommerce-info)::before {
  color: var(--ss-color-primary);
}

.ss-woo-page #postcontent :is(.woocommerce-message, .woocommerce-info) .button {
  float: left;
  padding: 4px 12px;
}

/* ---------------------------------------------------------------- فهرست محصولات */

.ss-woo-page #postcontent ul.products {
  display: grid;
  grid-template-columns: repeat(var(--ss-shop-cols, 3), minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 20px;
  padding: 0;
}

.ss-woo-page #postcontent ul.products.columns-2 { --ss-shop-cols: 2; }
.ss-woo-page #postcontent ul.products.columns-3 { --ss-shop-cols: 3; }
.ss-woo-page #postcontent ul.products.columns-4 { --ss-shop-cols: 4; }
.ss-woo-page #postcontent ul.products.columns-5 { --ss-shop-cols: 5; }

.ss-woo-page #postcontent ul.products::before,
.ss-woo-page #postcontent ul.products::after {
  display: none;
}

.ss-woo-page #postcontent ul.products li.product {
  display: flex;
  flex-direction: column;
  width: auto !important;
  margin: 0 !important;
  padding: 10px 10px 14px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  float: none !important;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

.ss-woo-page #postcontent ul.products li.product:hover {
  border-color: var(--ss-color-primary);
  box-shadow: 0 8px 20px -14px var(--ss-color-primary-shadow);
  transform: translateY(-2px);
}

.ss-woo-page #postcontent ul.products li.product a img {
  margin: 0 0 10px;
  border-radius: 6px;
}

.ss-woo-page #postcontent ul.products li.product .woocommerce-loop-product__title {
  padding: 0 0 6px;
  color: #212121;
  font-size: 14px;
  line-height: 1.6;
}

.ss-woo-page #postcontent ul.products li.product .price {
  display: block;
  margin-bottom: 10px;
  color: var(--ss-color-primary);
  font-weight: bold;
}

.ss-woo-page #postcontent ul.products li.product .button {
  margin-top: auto;
  align-self: center;
}

.ss-woo-page #postcontent span.onsale {
  min-height: 0;
  min-width: 0;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--ss-color-accent, var(--ss-color-primary));
  color: #fff;
  line-height: 1.8;
}

.ss-woo-page #postcontent .woocommerce-result-count {
  margin: 4px 0 14px;
  color: #666;
}

.ss-woo-page #postcontent .woocommerce-ordering select {
  min-height: 36px;
}

/* صفحه‌بندی فروشگاه */
.ss-woo-page #postcontent nav.woocommerce-pagination ul {
  border: 0;
}

.ss-woo-page #postcontent nav.woocommerce-pagination ul li {
  margin: 0 2px;
  border: 0;
}

.ss-woo-page #postcontent nav.woocommerce-pagination ul li :is(a, span) {
  min-width: 34px;
  padding: 6px 10px;
  border-radius: 4px;
  background: var(--ss-color-pagination);
  color: #fff;
}

.ss-woo-page #postcontent nav.woocommerce-pagination ul li span.current,
.ss-woo-page #postcontent nav.woocommerce-pagination ul li a:hover {
  background: var(--ss-color-pagination-active);
  color: #fff;
}

/* ---------------------------------------------------------------- صفحه محصول */

.ss-woo-page #postcontent div.product .product_title {
  font-size: 20px;
  line-height: 1.5;
}

.ss-woo-page #postcontent div.product :is(p.price, span.price) {
  color: var(--ss-color-primary);
  font-size: 18px;
  font-weight: bold;
}

.ss-woo-page #postcontent div.product div.images img {
  border-radius: 8px;
}

.ss-woo-page #postcontent div.product form.cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
}

.ss-woo-page #postcontent div.product form.cart div.quantity {
  float: none;
  margin: 0;
}

.ss-woo-page #postcontent div.product .product_meta {
  color: #666;
  font-size: 13px;
}

/* تب‌های توضیحات / نظرات: مثل تب‌های دانلود قالب */
.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs {
  margin: 0 0 -1px;
  padding: 0;
  border-bottom: 1px solid #b2b2b2;
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li::before,
.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li a {
  padding: 8px 14px;
  color: #9e9e9e;
  font-size: 15px;
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 3px solid var(--ss-color-primary);
}

.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li.active a,
.ss-woo-page #postcontent div.product .woocommerce-tabs ul.tabs li a:hover {
  color: color-mix(in srgb, var(--ss-color-primary) 72%, #000);
}

.ss-woo-page #postcontent div.product .woocommerce-tabs .panel {
  padding: 14px;
  border: 1px solid #b2b2b2;
  border-top: 0;
  background: #fff;
}

.ss-woo-page #postcontent .star-rating span::before,
.ss-woo-page #postcontent p.stars a {
  color: #f5a623;
}

.ss-woo-page #postcontent .related.products,
.ss-woo-page #postcontent .upsells.products {
  clear: both;
  padding-top: 18px;
}

/* ---------------------------------------------------------------- جدول‌ها (سبد، سفارش‌ها) */

.ss-woo-page #postcontent table.shop_table {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  border-collapse: separate;
  overflow: hidden;
}

.ss-woo-page #postcontent table.shop_table :is(th, td) {
  padding: 10px 12px;
  border-top: 1px solid #ececec;
  vertical-align: middle;
}

.ss-woo-page #postcontent table.shop_table thead th {
  border-top: 0;
  background: #f7f7f7;
}

.ss-woo-page #postcontent table.shop_table img {
  width: 56px;
  border-radius: 4px;
}

.ss-woo-page #postcontent a.remove {
  color: #d63638 !important;
}

.ss-woo-page #postcontent a.remove:hover {
  background: #d63638;
  color: #fff !important;
}

.ss-woo-page #postcontent .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
  max-width: 460px;
  margin-inline-start: auto;
}

/* ---------------------------------------------------------------- حساب کاربری */

.ss-woo-page #postcontent .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.ss-woo-page #postcontent .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  background: #f5f5f5;
  color: #333;
}

.ss-woo-page #postcontent .woocommerce-MyAccount-navigation ul li.is-active a,
.ss-woo-page #postcontent .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--ss-color-primary);
  color: var(--ss-color-on-primary);
}

/* ---------------------------------------------------------------- سبد و پرداخت بلوکی */

.ss-woo-page :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) {
  font-family: inherit;
}

.ss-woo-page .wc-block-components-text-input input,
.ss-woo-page .wc-block-components-combobox input,
.ss-woo-page .wc-block-components-select select {
  font-family: inherit;
}

.ss-woo-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.ss-woo-page .wc-block-components-product-price {
  color: var(--ss-color-primary);
}

/* ---------------------------------------------------------------- موبایل */

@media (max-width: 800px) {
  .ss-woo-page #postcontent ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .ss-woo-page #postcontent ul.products {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* عنوان‌های h2 متن نوشته در قالب آیکن و قاب دارند؛ عنوان‌های ووکامرس نه */
.ss-woo-page #main-content article.single-post #postcontent h2::before,
.ss-woo-page #main-content article.single-post #postcontent h2::after {
  content: none;
  display: none;
}

.ss-woo-page #main-content article.single-post #postcontent h2 {
  margin: 0 0 8px;
}

/* برچسب بالای فهرست‌های کشویی پرداخت بلوکی: کوچک، مثل خود ووکامرس */
.ss-woo-page #postcontent .wc-blocks-components-select__label {
  font-size: 11px;
  line-height: 1.3;
}