@font-face {
  font-family: "SSCO IranSans";
  src: url("../fonts/IRANSansXFaNum-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SSCO IranSans";
  src: url("../fonts/IRANSansXFaNum-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body.ssco-commerce,
body.ssco-commerce input,
body.ssco-commerce select,
body.ssco-commerce textarea,
body.ssco-commerce button,
body.ssco-commerce .select2-container {
  font-family: var(--ssco-font);
}

body.ssco-commerce {
  background-color: var(--ssco-page);
  color: var(--ssco-text);
}

body.ssco-commerce * {
  box-sizing: border-box;
}

body.ssco-commerce.ssco-wide-layout .woocommerce,
body.ssco-commerce.ssco-wide-layout .wp-block-woocommerce-checkout,
body.ssco-commerce.ssco-wide-layout .wp-block-woocommerce-cart {
  --ssco-content-width: min(1440px, calc(100vw - 48px));
  margin-left: calc((100% - var(--ssco-content-width)) / 2) !important;
  margin-right: calc((100% - var(--ssco-content-width)) / 2) !important;
  max-width: 1440px !important;
  position: static;
  transform: none;
  width: var(--ssco-content-width) !important;
}

body.ssco-checkout .woocommerce,
body.ssco-checkout .wp-block-woocommerce-checkout {
  color: var(--ssco-text);
  direction: rtl;
}

body.ssco-checkout .woocommerce-checkout,
body.ssco-checkout .wc-block-checkout {
  text-align: right;
}

/* Progress indicator */
.ssco-progress {
  align-items: center;
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  display: flex;
  justify-content: center;
  margin: 0 0 24px;
  padding: 18px 24px;
}

.ssco-progress__item {
  align-items: center;
  color: var(--ssco-muted);
  display: flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  gap: 9px;
  white-space: nowrap;
}

.ssco-progress__item b {
  align-items: center;
  background: #f0f2f2;
  border: 1px solid var(--ssco-border);
  border-radius: 50%;
  display: inline-flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}

.ssco-progress__item--active,
.ssco-progress__item--done {
  color: var(--ssco-text);
}

.ssco-progress__item--active b,
.ssco-progress__item--done b {
  background: var(--ssco-primary);
  border-color: var(--ssco-primary);
  color: #fff;
}

.ssco-progress__line {
  background: var(--ssco-border);
  height: 1px;
  margin: 0 15px;
  max-width: 90px;
  min-width: 24px;
  width: 8vw;
}

/* Login, coupon and messages */
body.ssco-checkout .woocommerce-info,
body.ssco-checkout .woocommerce-message,
body.ssco-checkout .woocommerce-error,
body.ssco-checkout .wc-block-components-notice-banner {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .72);
  box-shadow: none;
  color: var(--ssco-text);
  line-height: 1.8;
  margin: 0 0 16px;
  padding: 15px 52px 15px 18px;
}

body.ssco-checkout .woocommerce-info::before,
body.ssco-checkout .woocommerce-message::before {
  color: var(--ssco-primary);
  left: auto;
  right: 18px;
  top: 17px;
}

body.ssco-checkout .woocommerce-error {
  border-color: #efb7b7;
}

body.ssco-checkout .woocommerce-error::before {
  color: #c62828;
}

body.ssco-checkout .woocommerce-info a,
body.ssco-checkout .woocommerce-message a {
  color: var(--ssco-primary);
  font-weight: 700;
}

body.ssco-checkout form.checkout_coupon,
body.ssco-checkout form.login {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  margin: 0 0 20px;
  padding: 20px;
}

/* Classic checkout layout */
body.ssco-checkout form.woocommerce-checkout {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, .85fr);
}

body.ssco-checkout form.woocommerce-checkout::before,
body.ssco-checkout form.woocommerce-checkout::after {
  display: none;
}

body.ssco-checkout form.woocommerce-checkout > #customer_details {
  float: none;
  grid-column: 1;
  margin: 0;
  width: 100%;
}

body.ssco-checkout form.woocommerce-checkout > #order_review {
  float: none;
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  width: 100%;
}

body.ssco-checkout form.woocommerce-checkout > #order_review_heading {
  display: none;
}

body.ssco-checkout form.woocommerce-checkout > #order_review {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  position: static;
}

/*
 * فاصله‌ی داخلی کارت خلاصه سفارش جدا نوشته شده چون پوسته با یک انتخابگر
 * دو-شناسه‌ای (`form #order_review:not(… #order_review)`) آن را می‌گرفت و
 * قاعده‌ی بالا — که فقط یک شناسه دارد — هرچقدر هم کلاس داشته باشد در برابرش
 * می‌بازد. همان ترفند :not() اینجا هم تعداد شناسه‌ها را به دو می‌رساند و کلاس‌های
 * خودمان تکلیف را روشن می‌کنند. جای دیگری از افزونه تغییری نمی‌کند.
 */
body.ssco-checkout form.woocommerce-checkout > #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
  padding: 2.5em 2em;
}

/*
 * عنوان «خلاصه سفارش» باید دقیقاً هم‌تراز «جزئیات صورتحساب» بنشیند. هر دو کارت
 * padding بالای یکسان دارند، پس تنها چیزی که باید یکی شود ارتفاع خود عنوان است:
 * عنوان‌های ستون راست یک نشان ۳۲ پیکسلی دارند و این یکی ندارد. با min-height
 * برابر، هم‌ترازی از هندسه می‌آید نه از تنظیم دستی فاصله.
 */
body.ssco-checkout form.woocommerce-checkout > #order_review::before {
  align-items: center;
  color: var(--ssco-text);
  content: "خلاصه سفارش";
  display: flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 20px;
  min-height: 32px;
}

body.ssco-checkout #customer_details .col-1,
body.ssco-checkout #customer_details .col-2 {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  float: none;
  margin: 0 0 20px;
  padding: 36px 24px 24px;
  max-width: none !important;
  width: 100% !important;
}

body.ssco-checkout #customer_details,
body.ssco-checkout #customer_details .woocommerce-billing-fields,
body.ssco-checkout #customer_details .woocommerce-shipping-fields,
body.ssco-checkout #customer_details .woocommerce-additional-fields {
  max-width: none !important;
  width: 100% !important;
}

body.ssco-checkout.ssco-hide-shipping-section .woocommerce-shipping-fields,
body.ssco-checkout .ssco-field-hidden {
  display: none !important;
}

body.ssco-checkout #customer_details .col-2.ssco-is-empty {
  display: none !important;
}

body.ssco-checkout #order_comments_field {
  border-top: 1px solid var(--ssco-border);
  margin-top: 26px;
  padding-top: 22px;
}

body.ssco-checkout #order_comments_field > label {
  display: block;
  margin-bottom: 7px;
}

body.ssco-checkout #customer_details .col-2:last-child {
  margin-bottom: 0;
}

body.ssco-checkout .woocommerce-billing-fields > h3,
body.ssco-checkout .woocommerce-shipping-fields > h3,
body.ssco-checkout .woocommerce-additional-fields > h3,
body.ssco-checkout #order_review_heading,
body.ssco-checkout .wc-block-components-checkout-step__heading h2,
body.ssco-checkout .wc-block-components-title {
  color: var(--ssco-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  margin: 0 0 20px;
  padding: 0;
  text-transform: none;
}

/*
 * عنوان‌های checkout کلاسیک فلکس هستند تا نشان شماره به‌جای inline-flex و
 * vertical-align — که ارتفاع خط را به فونت پوسته گره می‌زد — یک آیتم فلکس با
 * ارتفاع قابل پیش‌بینی باشد. همین چیزی است که هم‌ترازی با ستون خلاصه سفارش را
 * تضمین می‌کند.
 */
body.ssco-checkout .woocommerce-billing-fields > h3,
body.ssco-checkout .woocommerce-shipping-fields > h3,
body.ssco-checkout .woocommerce-additional-fields > h3 {
  align-items: center;
  display: flex;
  gap: 10px;
  min-height: 32px;
}

body.ssco-checkout .woocommerce-billing-fields > h3::before,
body.ssco-checkout .woocommerce-additional-fields > h3::before {
  align-items: center;
  background: var(--ssco-soft);
  border-radius: 10px;
  color: var(--ssco-primary);
  content: "۱";
  display: flex;
  flex: 0 0 32px;
  font-size: 13px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

/*
 * پوسته‌ها گاهی به این بسته‌ها یا به خود customer_details فاصله‌ی بالا می‌دهند و
 * همان است که ستون راست را چند ده پیکسل پایین‌تر از ستون خلاصه سفارش می‌اندازد.
 */
body.ssco-checkout form.woocommerce-checkout > #customer_details {
  padding: 0;
}

body.ssco-checkout #customer_details .woocommerce-billing-fields,
body.ssco-checkout #customer_details .woocommerce-shipping-fields,
body.ssco-checkout #customer_details .woocommerce-additional-fields {
  margin-top: 0;
  padding-top: 0;
}

body.ssco-checkout #customer_details .col-1 > :first-child,
body.ssco-checkout #customer_details .col-2 > :first-child {
  margin-top: 0;
}

/*
 * تکرار فاصله‌ی عنوان‌ها با یک شناسه در انتخابگر. قاعده‌ی عمومی بالا فقط کلاس
 * دارد و قاعده‌ی پوسته با یک عنصر بیشتر از آن جلو می‌زند؛ همان margin-top جامانده
 * است که عنوان ستون راست را پایین‌تر از «خلاصه سفارش» می‌نشاند.
 */
body.ssco-checkout #customer_details .woocommerce-billing-fields > h3,
body.ssco-checkout #customer_details .woocommerce-shipping-fields > h3,
body.ssco-checkout #customer_details .woocommerce-additional-fields > h3 {
  margin: 0 0 20px;
  padding: 0;
}

body.ssco-checkout .woocommerce-additional-fields > h3::before {
  content: "۲";
}

body.ssco-checkout .woocommerce-shipping-fields h3 label {
  align-items: center;
  cursor: pointer;
  display: flex;
}

/* Form controls */
body.ssco-checkout .form-row {
  margin: 0 0 16px;
  padding: 0;
}

body.ssco-checkout .form-row label,
body.ssco-checkout .wc-block-components-text-input label,
body.ssco-checkout .wc-block-components-combobox .wc-block-components-combobox-control label {
  color: var(--ssco-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

body.ssco-checkout .form-row .required {
  color: var(--ssco-primary);
  text-decoration: none;
}

body.ssco-checkout .input-text,
body.ssco-checkout input[type="text"],
body.ssco-checkout input[type="email"],
body.ssco-checkout input[type="tel"],
body.ssco-checkout input[type="number"],
body.ssco-checkout input[type="password"],
body.ssco-checkout select,
body.ssco-checkout textarea,
body.ssco-checkout .select2-container .select2-selection--single,
body.ssco-checkout .wc-block-components-text-input input,
body.ssco-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
  background: #fff;
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .62);
  box-shadow: none;
  color: var(--ssco-text);
  font-size: 14px;
  min-height: 48px;
  outline: 0;
  padding: 11px 14px;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  width: 100%;
}

body.ssco-checkout textarea,
body.ssco-checkout textarea.input-text {
  min-height: 100px;
  resize: vertical;
}

body.ssco-checkout .select2-container .select2-selection--single {
  align-items: center;
  display: flex;
}

body.ssco-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ssco-text);
  line-height: 1.6;
  padding: 0;
}

body.ssco-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
  top: 11px;
}

body.ssco-checkout .input-text:focus,
body.ssco-checkout input:focus,
body.ssco-checkout select:focus,
body.ssco-checkout textarea:focus,
body.ssco-checkout .select2-container--focus .select2-selection--single,
body.ssco-checkout .wc-block-components-text-input input:focus {
  border-color: var(--ssco-primary);
  box-shadow: 0 0 0 3px rgba(22, 131, 107, .14);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ssco-primary) 15%, transparent);
}

body.ssco-checkout .woocommerce-invalid .input-text,
body.ssco-checkout .woocommerce-invalid select,
body.ssco-checkout .woocommerce-invalid .select2-selection {
  border-color: #c62828;
}

body.ssco-checkout .woocommerce-validated .input-text,
body.ssco-checkout .woocommerce-validated select,
body.ssco-checkout .woocommerce-validated .select2-selection {
  border-color: #55a986;
}

body.ssco-checkout input[type="checkbox"],
body.ssco-checkout input[type="radio"],
body.ssco-checkout .wc-block-components-checkbox__input,
body.ssco-checkout .wc-block-components-radio-control__input {
  accent-color: var(--ssco-primary);
}

body.ssco-checkout .woocommerce-form__label-for-checkbox,
body.ssco-checkout .woocommerce-form__label-for-radio {
  cursor: pointer;
}

body.ssco-checkout .woocommerce-input-wrapper .description {
  color: var(--ssco-muted);
  font-size: 12px;
}

body.ssco-checkout.ssco-comfortable .form-row {
  margin-bottom: 18px;
}

body.ssco-checkout.ssco-compact .form-row {
  margin-bottom: 11px;
}

body.ssco-checkout.ssco-compact #customer_details .col-1,
body.ssco-checkout.ssco-compact #customer_details .col-2 {
  padding: 28px 19px 19px;
}

/* Order table and shipping */
body.ssco-checkout .woocommerce-checkout-review-order-table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  margin: 0 0 18px;
}

body.ssco-checkout .woocommerce-checkout-review-order-table th,
body.ssco-checkout .woocommerce-checkout-review-order-table td {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ssco-border);
  color: var(--ssco-text);
  padding: 14px 4px;
  text-align: right;
}

body.ssco-checkout .woocommerce-checkout-review-order-table th:last-child,
body.ssco-checkout .woocommerce-checkout-review-order-table td:last-child {
  text-align: left;
}

body.ssco-checkout .woocommerce-checkout-review-order-table thead th {
  color: var(--ssco-muted);
  font-size: 12px;
}

body.ssco-checkout .woocommerce-checkout-review-order-table .product-quantity {
  color: var(--ssco-muted);
}

body.ssco-checkout .woocommerce-checkout-review-order-table .order-total th,
body.ssco-checkout .woocommerce-checkout-review-order-table .order-total td {
  border-bottom: 0;
  color: var(--ssco-text);
  font-size: 16px;
  padding-bottom: 8px;
}

body.ssco-checkout .woocommerce-checkout-review-order-table .order-total strong {
  color: var(--ssco-primary);
}

body.ssco-checkout #shipping_method,
body.ssco-checkout .wc-block-components-shipping-rates-control__package {
  list-style: none;
  margin: 8px 0 0;
}

body.ssco-checkout #shipping_method li,
body.ssco-checkout .wc-block-components-radio-control-accordion-option {
  background: var(--ssco-soft);
  border: 1px solid transparent;
  border-radius: calc(var(--ssco-radius) * .62);
  margin: 7px 0;
  padding: 12px;
}

body.ssco-checkout #shipping_method label {
  color: var(--ssco-text);
  cursor: pointer;
  font-weight: 700;
}

/* Shipping method panel (below billing details) */
body.ssco-checkout .ssco-shipping-panel {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  grid-column: 1;
  margin: 0 0 20px;
  padding: 36px 24px 24px;
}

/* کادر خالی — وقتی سفارش ارسال ندارد — نباید فاصله‌ی بی‌دلیل بسازد. */
body.ssco-checkout .ssco-shipping-panel:empty {
  display: none;
}

body.ssco-checkout.ssco-compact .ssco-shipping-panel {
  padding: 28px 19px 19px;
}

body.ssco-checkout .ssco-shipping-panel__title {
  align-items: center;
  color: var(--ssco-text);
  display: flex;
  font-size: 18px;
  font-weight: 700;
  gap: 10px;
  line-height: 1.55;
  margin: 0 0 20px;
  min-height: 32px;
  padding: 0;
}

body.ssco-checkout .ssco-shipping-panel__empty {
  color: var(--ssco-muted);
  font-size: 13px;
  line-height: 1.9;
  margin: 0;
}

body.ssco-checkout .ssco-shipping-options {
  display: grid;
  gap: 10px;
}

body.ssco-checkout .ssco-shipping-option {
  align-items: center;
  background: #fff;
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .62);
  cursor: pointer;
  display: flex;
  gap: 12px;
  margin: 0;
  min-height: 62px;
  padding: 12px 14px;
  transition: border-color .2s ease, background-color .2s ease;
}

body.ssco-checkout .ssco-shipping-option:hover {
  border-color: var(--ssco-primary);
}

body.ssco-checkout .ssco-shipping-option.is-selected {
  background: var(--ssco-soft);
  border-color: var(--ssco-primary);
}

/* رادیوی اصلی پنهان است ولی حذف نمی‌شود: فرم و صفحه‌خوان هر دو به آن نیاز دارند. */
body.ssco-checkout .ssco-shipping-option input[type="radio"] {
  height: 1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
}

body.ssco-checkout .ssco-shipping-option__mark {
  border: 2px solid var(--ssco-border);
  border-radius: 50%;
  flex: 0 0 20px;
  height: 20px;
  position: relative;
  transition: border-color .2s ease;
  width: 20px;
}

body.ssco-checkout .ssco-shipping-option.is-selected .ssco-shipping-option__mark {
  border-color: var(--ssco-primary);
}

body.ssco-checkout .ssco-shipping-option.is-selected .ssco-shipping-option__mark::after {
  background: var(--ssco-primary);
  border-radius: 50%;
  content: "";
  height: 10px;
  inset-inline-start: 3px;
  position: absolute;
  top: 3px;
  width: 10px;
}

body.ssco-checkout .ssco-shipping-option input[type="radio"]:focus-visible + .ssco-shipping-option__mark {
  outline: 3px solid color-mix(in srgb, var(--ssco-primary) 30%, transparent);
  outline-offset: 2px;
}

body.ssco-checkout .ssco-shipping-option__logo {
  flex: 0 0 auto;
  height: 34px;
  max-width: 66px;
  object-fit: contain;
  width: auto;
}

body.ssco-checkout .ssco-shipping-option__title {
  color: var(--ssco-text);
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 700;
}

body.ssco-checkout .ssco-shipping-option__cost {
  color: var(--ssco-primary);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

/*
 * وقتی انتخاب روش ارسال به کادر بالا منتقل شده، ردیف ارسال داخل جدول خلاصه
 * سفارش فقط تکرار همان چیز است. رادیوهای پنهانش هم‌نام رادیوهای کادر هستند و
 * چون در یک گروه‌اند، هیچ‌وقت هم‌زمان دو انتخاب فعال نمی‌شود.
 */
body.ssco-checkout.ssco-shipping-panel-on .woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
  display: none;
}

/* Payment */
body.ssco-checkout #payment,
body.ssco-checkout .woocommerce-checkout-payment {
  background: transparent;
  border-radius: 0;
}

body.ssco-checkout #payment ul.payment_methods {
  border: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.ssco-checkout #payment ul.payment_methods > li {
  background: #fff;
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .62);
  margin: 0 0 10px;
  padding: 13px 14px;
}

body.ssco-checkout #payment ul.payment_methods > li.wc_payment_method > label {
  color: var(--ssco-text);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

body.ssco-checkout #payment div.payment_box {
  background: var(--ssco-soft);
  border-radius: calc(var(--ssco-radius) * .48);
  color: var(--ssco-muted);
  font-size: 12px;
  line-height: 1.8;
  margin: 12px 0 0;
  padding: 12px;
}

body.ssco-checkout #payment div.payment_box::before {
  display: none;
}

body.ssco-checkout #payment .place-order {
  margin: 0;
  padding: 12px 0 0;
}

body.ssco-checkout .woocommerce-privacy-policy-text,
body.ssco-checkout .woocommerce-terms-and-conditions-wrapper,
body.ssco-checkout .wc-block-checkout__terms {
  color: var(--ssco-muted);
  font-size: 12px;
  line-height: 1.9;
}

body.ssco-checkout a {
  color: var(--ssco-primary);
}

body.ssco-commerce .ssco-manual-instructions {
  background: var(--ssco-soft);
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .65);
  color: var(--ssco-text);
  line-height: 1.9;
  margin: 18px 0;
  padding: 16px;
}

/* Buttons */
body.ssco-checkout #place_order,
body.ssco-checkout .woocommerce button.button,
body.ssco-checkout .woocommerce a.button,
body.ssco-checkout .wc-block-components-checkout-place-order-button,
body.ssco-checkout .wc-block-components-button {
  align-items: center;
  background: var(--ssco-primary);
  border: 1px solid var(--ssco-primary);
  border-radius: calc(var(--ssco-radius) * .62);
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  min-height: 48px;
  padding: 11px 20px;
  text-decoration: none;
  touch-action: manipulation;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

body.ssco-checkout #place_order,
body.ssco-checkout .wc-block-components-checkout-place-order-button {
  float: none;
  margin-top: 8px;
  width: 100%;
}

body.ssco-checkout #place_order:hover,
body.ssco-checkout .woocommerce button.button:hover,
body.ssco-checkout .woocommerce a.button:hover,
body.ssco-checkout .wc-block-components-button:hover {
  background: var(--ssco-primary-hover);
  border-color: var(--ssco-primary-hover);
  color: #fff;
  transform: translateY(-1px);
}

body.ssco-checkout #place_order:focus-visible,
body.ssco-checkout button:focus-visible,
body.ssco-checkout a:focus-visible,
body.ssco-checkout input:focus-visible,
body.ssco-checkout select:focus-visible,
body.ssco-checkout textarea:focus-visible {
  outline: 3px solid rgba(22, 131, 107, .2);
  outline: 3px solid color-mix(in srgb, var(--ssco-primary) 30%, transparent);
  outline-offset: 2px;
}

body.ssco-checkout #place_order:disabled,
body.ssco-checkout button:disabled {
  cursor: not-allowed;
  opacity: .62;
  transform: none;
}

/* Checkout refresh/loading feedback */
body.ssco-checkout .blockUI.blockOverlay {
  background: rgba(255, 255, 255, .78) !important;
  border-radius: var(--ssco-radius);
  opacity: 1 !important;
}

body.ssco-checkout .blockUI.blockOverlay::before {
  animation: ssco-spin .75s linear infinite;
  background: transparent;
  border: 3px solid var(--ssco-soft);
  border-radius: 50%;
  border-top-color: var(--ssco-primary);
  content: "";
  height: 28px;
  left: 50%;
  margin: -14px 0 0 -14px;
  position: absolute;
  top: 50%;
  width: 28px;
}

@keyframes ssco-spin {
  to { transform: rotate(360deg); }
}

/* WooCommerce Checkout Block */
body.ssco-checkout .wc-block-checkout {
  gap: 24px;
}

body.ssco-checkout .wc-block-checkout__main,
body.ssco-checkout .wc-block-checkout__sidebar {
  box-sizing: border-box;
}

body.ssco-checkout .wc-block-checkout__main .wc-block-components-checkout-step,
body.ssco-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary,
body.ssco-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  margin: 0 0 18px;
  padding: 22px;
}

body.ssco-checkout .wc-block-checkout__main .wc-block-components-checkout-step::after {
  display: none;
}

body.ssco-checkout .wc-block-components-checkout-step__container {
  padding: 0;
}

body.ssco-checkout .wc-block-components-checkout-step__description,
body.ssco-checkout .wc-block-components-address-card address,
body.ssco-checkout .wc-block-components-formatted-money-amount {
  color: var(--ssco-muted);
}

body.ssco-checkout .wc-block-components-address-card,
body.ssco-checkout .wc-block-components-totals-wrapper,
body.ssco-checkout .wc-block-components-order-summary-item {
  border-color: var(--ssco-border);
}

body.ssco-checkout .wc-block-components-panel__button,
body.ssco-checkout .wc-block-components-checkout-step__heading-content {
  color: var(--ssco-primary);
}

body.ssco-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
  border-radius: calc(var(--ssco-radius) * .48);
}

body.ssco-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
  padding-left: 12px;
  padding-right: 0;
}

body.ssco-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  padding-left: 0;
  padding-right: 12px;
}

/* Select2 dropdown lives outside the checkout wrapper */
.select2-container--open .select2-dropdown {
  border-color: var(--ssco-border, #e2e9e7);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
  font-family: var(--ssco-font, Tahoma, Arial, sans-serif);
  overflow: hidden;
}

.select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted[data-selected] {
  background: var(--ssco-primary, #16836b) !important;
}

/* Order received / thank-you page */
body.ssco-order-received .woocommerce,
body.ssco-order-received .woocommerce-order {
  color: var(--ssco-text);
  direction: rtl;
  text-align: right;
}

body.ssco-order-received .woocommerce-order > p:first-of-type,
body.ssco-order-received .woocommerce-thankyou-order-received {
  background: var(--ssco-soft);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  color: var(--ssco-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.9;
  margin: 0 0 20px;
  padding: 20px 58px 20px 20px;
  position: relative;
}

body.ssco-order-received .woocommerce-thankyou-order-received::before {
  align-items: center;
  background: var(--ssco-primary);
  border-radius: 50%;
  color: #fff;
  content: "✓";
  display: inline-flex;
  font-size: 14px;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 30px;
}

/*
 * این نوار باید دقیقاً مثل بقیه‌ی کارت‌های صفحه‌ی رسید دیده شود: همان سطح سفید،
 * همان قاب و همان عرض کامل.
 *
 * نسخه‌ی قبل خطوط جداکننده را از gap گرید می‌ساخت و برای همین ناچار بود رنگ
 * قاب را به‌عنوان پس‌زمینه‌ی ظرف بگذارد؛ آن رنگ جای دیگری روی صفحه پس‌زمینه
 * نیست و نوار را بیگانه نشان می‌داد. حالا جداکننده border خود آیتم‌هاست و
 * flex با پایه‌ی انعطاف‌پذیر، هر تعداد آیتمی را — سه تا یا پنج تا — تا لبه‌ی
 * کارت پخش می‌کند، بی‌آنکه خانه‌ی خالی یا فضای جامانده بسازد.
 */
body.ssco-order-received ul.woocommerce-order-overview {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 22px;
  overflow: hidden;
  padding: 0;
}

body.ssco-order-received ul.woocommerce-order-overview li {
  background: transparent;
  border: 0;
  border-inline-start: 1px solid var(--ssco-border);
  color: var(--ssco-muted);
  flex: 1 1 150px;
  float: none;
  font-size: 11px;
  line-height: 1.7;
  margin: 0;
  min-width: 0;
  padding: 18px;
  text-align: right;
  text-transform: none;
  width: auto;
}

body.ssco-order-received ul.woocommerce-order-overview li:first-child {
  border-inline-start: 0;
}

body.ssco-order-received ul.woocommerce-order-overview li strong {
  color: var(--ssco-text);
  display: block;
  font-size: 13px;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

body.ssco-order-received .woocommerce-order-details,
body.ssco-order-received .woocommerce-customer-details,
body.ssco-order-received .woocommerce-bacs-bank-details,
body.ssco-order-received .wc-bacs-bank-details-account-name {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  margin: 0 0 22px;
  padding: 28px;
}

body.ssco-order-received .woocommerce-order-details__title,
body.ssco-order-received .woocommerce-customer-details > h2,
body.ssco-order-received .woocommerce-column__title,
body.ssco-order-received .wc-bacs-bank-details-heading {
  color: var(--ssco-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 18px;
  padding: 0;
}

body.ssco-order-received .woocommerce-order-details table.shop_table {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  direction: rtl;
  margin: 0;
  table-layout: auto;
  width: 100%;
}

body.ssco-order-received .woocommerce-order-details table.shop_table th,
body.ssco-order-received .woocommerce-order-details table.shop_table td {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ssco-border);
  color: var(--ssco-text);
  font-size: 13px;
  line-height: 1.8;
  padding: 14px 8px;
  text-align: right;
}

body.ssco-order-received .woocommerce-order-details table.shop_table th:last-child,
body.ssco-order-received .woocommerce-order-details table.shop_table td:last-child {
  text-align: left;
}

body.ssco-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.ssco-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td {
  border-bottom: 0;
}

body.ssco-order-received .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(2) th,
body.ssco-order-received .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(2) td {
  color: var(--ssco-primary);
  font-size: 15px;
  font-weight: 700;
}

body.ssco-order-received .woocommerce-customer-details .col2-set,
body.ssco-order-received .woocommerce-customer-details .woocommerce-columns--addresses {
  direction: rtl;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

/*
 * ووکامرس روی col2-set یک clearfix با ::before و ::after دارد. آن‌ها در چیدمان
 * float نامرئی‌اند، ولی در گرید دو آیتم واقعی‌اند و دو خانه را اشغال می‌کنند:
 * نتیجه‌اش این می‌شود که «آدرس صورتحساب» به خانه‌ی دوم و «آدرس حمل و نقل» به
 * سطر بعد می‌افتد — همان چیدمان پلکانی به‌جای دو ستون کنار هم.
 */
body.ssco-order-received .woocommerce-customer-details .col2-set::before,
body.ssco-order-received .woocommerce-customer-details .col2-set::after,
body.ssco-order-received .woocommerce-customer-details .woocommerce-columns--addresses::before,
body.ssco-order-received .woocommerce-customer-details .woocommerce-columns--addresses::after {
  content: none;
}

body.ssco-order-received .woocommerce-customer-details .woocommerce-column {
  background: var(--ssco-page);
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .72);
  float: none;
  margin: 0;
  max-width: none;
  padding: 20px;
  width: 100%;
}

body.ssco-order-received .woocommerce-customer-details address {
  background: transparent;
  border: 0;
  color: var(--ssco-text);
  font-size: 13px;
  font-style: normal;
  line-height: 2;
  margin: 0;
  padding: 0;
}

body.ssco-order-received .woocommerce-customer-details address p {
  margin: 8px 0 0;
  padding: 0;
}

body.ssco-order-received .woocommerce-order p,
body.ssco-order-received .ssco-manual-instructions {
  line-height: 1.9;
}

body.ssco-order-received .woocommerce-order-downloads {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  margin-bottom: 22px;
  padding: 28px;
}

/* Classic cart */
body.ssco-cart .woocommerce {
  color: var(--ssco-text);
  direction: rtl;
}

body.ssco-cart .woocommerce::after {
  clear: both;
  content: "";
  display: table;
}

body.ssco-cart .woocommerce-notices-wrapper,
body.ssco-cart .woocommerce-message,
body.ssco-cart .woocommerce-info,
body.ssco-cart .woocommerce-error {
  grid-column: 1 / -1;
}

body.ssco-cart .woocommerce-message,
body.ssco-cart .woocommerce-info,
body.ssco-cart .woocommerce-error {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .72);
  color: var(--ssco-text);
  margin: 0 0 16px;
  padding: 15px 52px 15px 18px;
}

body.ssco-cart .woocommerce-message::before,
body.ssco-cart .woocommerce-info::before {
  color: var(--ssco-primary);
  left: auto;
  right: 18px;
  top: 17px;
}

body.ssco-cart .woocommerce-cart-form {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  float: right;
  margin: 0;
  overflow: hidden;
  padding: 10px 22px 22px;
  width: calc(66.666% - 12px) !important;
}

body.ssco-cart .cart-collaterals {
  float: left;
  margin: 0;
  width: calc(33.333% - 12px) !important;
}

body.ssco-cart .cart-collaterals .cart_totals {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border);
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
  float: none;
  padding: 22px;
  width: 100% !important;
}

body.ssco-cart .cart-collaterals .cart_totals > h2 {
  color: var(--ssco-text);
  font-size: 18px;
  margin: 0 0 14px;
}

body.ssco-cart table.shop_table,
body.ssco-cart table.shop_table_responsive {
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  direction: rtl !important;
  margin: 0;
  table-layout: fixed !important;
  width: 100% !important;
}

body.ssco-cart table.shop_table th,
body.ssco-cart table.shop_table td {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ssco-border);
  color: var(--ssco-text);
  direction: rtl !important;
  padding: 16px 10px;
  text-align: right;
  vertical-align: middle;
}

/*
 * عرض ثابت ستون‌های جدول سبد خرید فقط برای حالت جدولی است. زیر ۶۰۰ پیکسل هر
 * ردیف به گرید تبدیل می‌شود و همین عرض‌ها — که !important دارند — سلول‌ها را
 * پهن‌تر از ستون گرید نگه می‌داشتند و تصویر محصول از کادر بیرون می‌زد.
 */
@media (min-width: 601px) {
  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-remove,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-remove {
    max-width: 52px !important;
    min-width: 52px !important;
    text-align: center !important;
    width: 52px !important;
  }

  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-thumbnail,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-thumbnail {
    max-width: 82px !important;
    min-width: 82px !important;
    width: 82px !important;
  }

  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-name,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-name {
    min-width: 0 !important;
    overflow-wrap: anywhere;
    width: auto !important;
    word-break: normal;
  }

  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-price,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-price {
    max-width: 150px !important;
    min-width: 130px !important;
    white-space: nowrap;
    width: 150px !important;
  }

  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-quantity,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-quantity {
    max-width: 110px !important;
    min-width: 96px !important;
    text-align: center !important;
    width: 110px !important;
  }

  body.ssco-cart .woocommerce-cart-form table.shop_table th.product-subtotal,
  body.ssco-cart .woocommerce-cart-form table.shop_table td.product-subtotal {
    max-width: 160px !important;
    min-width: 145px !important;
    text-align: left !important;
    white-space: nowrap;
    width: 160px !important;
  }
}

body.ssco-cart table.shop_table th {
  color: var(--ssco-muted);
  font-size: 12px;
  font-weight: 700;
}

body.ssco-cart table.shop_table td.product-thumbnail img {
  border-radius: calc(var(--ssco-radius) * .55);
  height: 62px;
  object-fit: cover;
  width: 62px;
}

body.ssco-cart table.shop_table .product-name a {
  color: var(--ssco-text);
  font-weight: 700;
  text-decoration: none;
}

body.ssco-cart table.shop_table .product-remove a.remove {
  align-items: center;
  background: #fff1f1;
  border-radius: 50%;
  color: #c62828 !important;
  display: inline-flex;
  font-size: 18px;
  height: 36px;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  width: 36px;
}

body.ssco-cart table.shop_table .product-remove a.remove:hover {
  background: #c62828;
  color: #fff !important;
}

body.ssco-cart .quantity .qty {
  background: #fff;
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .5);
  color: var(--ssco-text);
  min-height: 44px;
  text-align: center;
  width: 72px;
}

body.ssco-cart .woocommerce-cart-form td.actions {
  border-bottom: 0;
  display: table-cell !important;
  padding: 18px 0 0;
  width: auto !important;
}

body.ssco-cart .woocommerce-cart-form td.actions .coupon {
  align-items: stretch;
  display: flex;
  float: right;
  gap: 8px;
  max-width: 460px;
  width: 100%;
}

body.ssco-cart .woocommerce-cart-form td.actions .coupon .button {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.ssco-cart .woocommerce-cart-form td.actions .coupon label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body.ssco-cart .woocommerce-cart-form td.actions .coupon .input-text,
body.ssco-cart .woocommerce-cart-form td.actions .coupon input[type="text"] {
  background: #fff;
  border: 1px solid var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .6);
  float: none;
  min-height: 46px;
  padding: 10px 14px;
  width: 100%;
}

body.ssco-cart .button,
body.ssco-cart .checkout-button,
body.ssco-cart .wc-block-components-button {
  align-items: center;
  background: var(--ssco-primary) !important;
  border: 1px solid var(--ssco-primary) !important;
  border-radius: calc(var(--ssco-radius) * .6) !important;
  box-shadow: none !important;
  color: #fff !important;
  cursor: pointer;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  justify-content: center;
  line-height: 1.5 !important;
  min-height: 46px;
  padding: 10px 18px !important;
  text-decoration: none !important;
  touch-action: manipulation;
  transition: background-color .2s ease, transform .2s ease;
}

body.ssco-cart .button:hover,
body.ssco-cart .checkout-button:hover,
body.ssco-cart .wc-block-components-button:hover {
  background: var(--ssco-primary-hover) !important;
  transform: translateY(-1px);
}

/* دکمه‌ی «به‌روزرسانی سبد» تا تغییر تعداد غیرفعال است و نباید مثل دکمه‌ی فعال دیده شود. */
body.ssco-cart .button:disabled,
body.ssco-cart .button[disabled] {
  cursor: not-allowed;
  opacity: .55;
  transform: none;
}

body.ssco-cart .button:disabled:hover,
body.ssco-cart .button[disabled]:hover {
  background: var(--ssco-primary) !important;
  transform: none;
}

body.ssco-cart .woocommerce-cart-form td.actions > .button {
  float: left;
}

body.ssco-cart .cart_totals .shop_table th,
body.ssco-cart .cart_totals .shop_table td {
  padding: 15px 4px;
}

body.ssco-cart .cart_totals .shop_table td {
  text-align: left;
}

body.ssco-cart .cart_totals .shop_table,
body.ssco-cart .cart_totals .shop_table th,
body.ssco-cart .cart_totals .shop_table td,
body.ssco-cart .cart_totals #shipping_method,
body.ssco-cart .cart_totals #shipping_method li,
body.ssco-cart .cart_totals #shipping_method label {
  direction: rtl !important;
}

body.ssco-cart .cart_totals #shipping_method {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.ssco-cart .cart_totals #shipping_method li,
body.ssco-cart .cart_totals #shipping_method label {
  text-align: right !important;
}

body.ssco-cart .cart_totals .woocommerce-shipping-destination,
body.ssco-cart .cart_totals .woocommerce-shipping-destination *,
body.ssco-cart .cart_totals .woocommerce-shipping-calculator,
body.ssco-cart .cart_totals .woocommerce-shipping-calculator * {
  direction: rtl !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  overflow-wrap: anywhere;
  text-align: right !important;
}

body.ssco-cart .cart_totals .shipping-calculator-button {
  display: inline-flex;
  margin-top: 8px;
}

body.ssco-cart .cart_totals .order-total th,
body.ssco-cart .cart_totals .order-total td {
  border-bottom: 0;
  font-size: 16px;
}

body.ssco-cart .cart_totals .order-total strong {
  color: var(--ssco-primary);
}

body.ssco-cart .wc-proceed-to-checkout {
  padding: 18px 0 0;
}

body.ssco-cart .wc-proceed-to-checkout .checkout-button {
  margin: 0;
  width: 100%;
}

body.ssco-cart .cart-empty,
body.ssco-cart .return-to-shop {
  text-align: center;
}

/* WooCommerce Cart Block */
body.ssco-cart .wp-block-woocommerce-cart {
  color: var(--ssco-text);
  direction: rtl;
}

body.ssco-cart .wc-block-cart-items,
body.ssco-cart .wc-block-cart__sidebar,
body.ssco-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  background: var(--ssco-surface);
  border: 1px solid var(--ssco-border) !important;
  border-radius: var(--ssco-radius);
  box-shadow: var(--ssco-shadow);
}

body.ssco-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  padding: 20px !important;
}

body.ssco-cart .wc-block-cart__sidebar {
  padding: 22px !important;
}

body.ssco-cart .wc-block-cart-items__row,
body.ssco-cart .wc-block-components-totals-wrapper {
  border-color: var(--ssco-border) !important;
}

body.ssco-cart .wc-block-cart-item__image img {
  border-radius: calc(var(--ssco-radius) * .55);
}

body.ssco-cart .wc-block-components-quantity-selector {
  border-color: var(--ssco-border);
  border-radius: calc(var(--ssco-radius) * .5);
}

body.ssco-cart .wc-block-components-totals-coupon__button {
  min-height: 44px;
}

@media (max-width: 1100px) {
  body.ssco-cart .woocommerce-cart-form,
  body.ssco-cart .cart-collaterals {
    float: none;
    margin: 0 0 20px;
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  body.ssco-checkout form.woocommerce-checkout {
    display: block;
  }

  body.ssco-checkout form.woocommerce-checkout > #customer_details,
  body.ssco-checkout form.woocommerce-checkout > #order_review_heading,
  body.ssco-checkout form.woocommerce-checkout > #order_review {
    margin-bottom: 20px;
  }

  body.ssco-checkout form.woocommerce-checkout > #order_review {
    position: static;
  }

  body.ssco-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
  body.ssco-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  body.ssco-order-received .woocommerce-customer-details .col2-set,
  body.ssco-order-received .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  body.ssco-commerce.ssco-wide-layout .woocommerce,
  body.ssco-commerce.ssco-wide-layout .wp-block-woocommerce-checkout,
  body.ssco-commerce.ssco-wide-layout .wp-block-woocommerce-cart {
    --ssco-content-width: calc(100vw - 24px);
  }
  .ssco-progress {
    justify-content: space-between;
    padding: 14px;
  }

  .ssco-progress__item {
    font-size: 0;
    gap: 0;
  }

  .ssco-progress__item b {
    font-size: 12px;
    height: 32px;
    width: 32px;
  }

  .ssco-progress__line {
    flex: 1 1 auto;
    margin: 0 8px;
    min-width: 16px;
    width: auto;
  }

  body.ssco-checkout #customer_details .col-1,
  body.ssco-checkout #customer_details .col-2,
  body.ssco-checkout .ssco-shipping-panel,
  body.ssco-checkout form.woocommerce-checkout > #order_review_heading,
  body.ssco-checkout .wc-block-checkout__main .wc-block-components-checkout-step,
  body.ssco-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary,
  body.ssco-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* همان دلیل بالا: بدون :not() قاعده‌ی پوسته روی موبایل هم برنده می‌شود. */
  body.ssco-checkout form.woocommerce-checkout > #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
    padding: 2.5em 1em;
  }

  body.ssco-checkout .form-row-first,
  body.ssco-checkout .form-row-last {
    float: none;
    width: 100%;
  }

  body.ssco-checkout .woocommerce-billing-fields > h3,
  body.ssco-checkout .woocommerce-shipping-fields > h3,
  body.ssco-checkout .woocommerce-additional-fields > h3,
  body.ssco-checkout #order_review_heading,
  body.ssco-checkout .wc-block-components-checkout-step__heading h2 {
    font-size: 16px;
  }

  body.ssco-cart .woocommerce-cart-form {
    overflow: visible;
    padding: 8px 14px 16px;
  }

  body.ssco-cart table.shop_table_responsive thead {
    display: none;
  }

  body.ssco-cart table.shop_table_responsive tr.cart_item {
    border-bottom: 1px solid var(--ssco-border);
    display: grid;
    gap: 6px 12px;
    grid-template-columns: 48px 64px minmax(0, 1fr);
    padding: 14px 0;
  }

  body.ssco-cart table.shop_table_responsive tr.cart_item td {
    border: 0;
    display: block;
    padding: 3px 0;
    text-align: right !important;
  }

  body.ssco-cart table.shop_table_responsive tr.cart_item td::before {
    display: none;
  }

  body.ssco-cart table.shop_table_responsive .product-remove { grid-column: 1; grid-row: 1 / 3; }
  body.ssco-cart table.shop_table_responsive .product-thumbnail { grid-column: 2; grid-row: 1 / 3; width: auto; }
  body.ssco-cart table.shop_table_responsive .product-name,
  body.ssco-cart table.shop_table_responsive .product-price,
  body.ssco-cart table.shop_table_responsive .product-quantity,
  body.ssco-cart table.shop_table_responsive .product-subtotal { grid-column: 3; }

  body.ssco-cart .woocommerce-cart-form td.actions .coupon {
    display: grid;
    float: none;
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: none;
  }

  body.ssco-cart .woocommerce-cart-form td.actions {
    align-items: stretch;
    display: flex !important;
    flex-direction: column;
  }

  body.ssco-cart .woocommerce-cart-form td.actions > .button {
    float: none;
    margin-top: 10px;
    width: 100%;
  }

  body.ssco-cart .cart-collaterals .cart_totals {
    padding: 18px;
  }

  /*
   * روی موبایل آیتم‌ها به سطر بعد می‌روند؛ آن‌که سرِ سطر می‌افتد نباید خط
   * جداکننده‌ی معلق داشته باشد، پس جداکننده به خط افقی زیرِ هر آیتم تبدیل می‌شود.
   */
  body.ssco-order-received ul.woocommerce-order-overview li {
    border-bottom: 1px solid var(--ssco-border);
    border-inline-start: 0;
    flex: 1 1 130px;
    padding: 14px;
  }

  body.ssco-order-received ul.woocommerce-order-overview li:last-child {
    border-bottom: 0;
  }

  body.ssco-order-received .woocommerce-order-details,
  body.ssco-order-received .woocommerce-customer-details,
  body.ssco-order-received .woocommerce-bacs-bank-details,
  body.ssco-order-received .woocommerce-order-downloads {
    padding: 18px;
  }

  body.ssco-order-received .woocommerce-order-details table.shop_table th,
  body.ssco-order-received .woocommerce-order-details table.shop_table td {
    font-size: 12px;
    padding: 12px 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ssco-commerce *,
  body.ssco-commerce *::before,
  body.ssco-commerce *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  body.ssco-checkout .blockUI.blockOverlay::before {
    animation-duration: 1.5s;
  }
}