/* ──────────────────────────────────────────────────────────────
   Arab UT — WooCommerce Cart Page
   Dark glass + gold accents, Thmanyah Sans, RTL-native.
   ────────────────────────────────────────────────────────────── */

:root {
  --ut-gold:     #D4A843;
  --ut-gold-2:   #B8892E;
  --ut-bg:       #0A0A0A;
  --ut-bg-card:  #141310;
  --ut-bg-soft:  #1C1A15;
  --ut-border:   rgba(212,168,67,0.18);
  --ut-border-2: rgba(212,168,67,0.32);
  --ut-text:     #EDE4D0;
  --ut-text-dim: #9B9282;
  --ut-danger:   #E04343;
  --ut-success:  #25D366;
}

.arabut-usd-payment-note {
  display: none !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 10px 0 12px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(212,168,67,0.22);
  background: rgba(212,168,67,0.08);
  color: #F4D681;
  font-size: 0.82rem;
  font-weight: 900;
}

/* ========== Final cart RTL/translation polish ========== */
body.woocommerce-cart .cart_totals {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-cart .cart_totals h2 {
  justify-content: flex-start !important;
  direction: rtl !important;
  text-align: right !important;
  color: transparent !important;
  font-size: 0 !important;
}
body.woocommerce-cart .cart_totals h2::after {
  content: "إجمالي السلة";
  color: #fff !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals tbody {
  display: block !important;
  width: 100% !important;
}
body.woocommerce-cart .cart_totals tr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  direction: rtl !important;
}
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
  width: auto !important;
  display: block !important;
  padding: 13px 0 !important;
}
body.woocommerce-cart .cart_totals th {
  color: transparent !important;
  font-size: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
body.woocommerce-cart .cart_totals th::after {
  color: rgba(237,228,208,0.72) !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal th::after {
  content: "المجموع الفرعي:";
}
body.woocommerce-cart .cart_totals tr.order-total th::after {
  content: "المجموع:";
}
body.woocommerce-cart .cart_totals td {
  direction: ltr !important;
  text-align: left !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums;
}
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total td bdi,
body.woocommerce-cart .cart_totals .order-total td strong {
  color: var(--ut-gold, #D4A843) !important;
}
body.woocommerce-cart .arabut-usd-payment-note {
  display: none !important;
}
body.woocommerce-cart .coupon input,
body.woocommerce-cart .coupon .input-text {
  direction: rtl !important;
  text-align: right !important;
}

/* Last-pass overrides intentionally repeated at file end. */
body.woocommerce-cart .cart_totals th::before,
body.woocommerce-cart .cart_totals td::before,
body.woocommerce-checkout #order_review table.shop_table th::before,
body.woocommerce-checkout #order_review table.shop_table td::before {
  content: none !important;
  display: none !important;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal,
body.woocommerce-cart .cart_totals tr.order-total {
  min-height: 46px;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
body.woocommerce-cart .cart_totals td .woocommerce-Price-amount,
body.woocommerce-cart .cart_totals td bdi {
  display: inline-flex !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .wc-stripe-express-checkout-element,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading {
  margin-bottom: 18px !important;
}
body.woocommerce-checkout #order_review_heading {
  margin-top: 22px !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  position: relative !important;
  border-radius: 18px !important;
  border: 1px solid rgba(212,168,67,0.24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.016)),
    rgba(12,14,18,0.70) !important;
  padding: 14px !important;
  overflow: hidden;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label {
  font-size: 0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label::after,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label::after {
  content: "بطاقة بنكية";
  font-size: 0.92rem !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
  margin: 0 0 0 8px !important;
  accent-color: var(--ut-gold, #D4A843);
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-privacy-policy-text {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0 0 12px !important;
  line-height: 1.85 !important;
  color: rgba(237,228,208,0.84) !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Last-pass overrides intentionally repeated at file end. */
body.woocommerce-cart .cart_totals th::before,
body.woocommerce-cart .cart_totals td::before,
body.woocommerce-checkout #order_review table.shop_table th::before,
body.woocommerce-checkout #order_review table.shop_table td::before {
  content: none !important;
  display: none !important;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal,
body.woocommerce-cart .cart_totals tr.order-total {
  min-height: 46px;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
body.woocommerce-cart .cart_totals td .woocommerce-Price-amount,
body.woocommerce-cart .cart_totals td bdi {
  display: inline-flex !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .wc-stripe-express-checkout-element,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading {
  margin-bottom: 18px !important;
}
body.woocommerce-checkout #order_review_heading {
  margin-top: 22px !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  position: relative !important;
  border-radius: 18px !important;
  border: 1px solid rgba(212,168,67,0.24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.016)),
    rgba(12,14,18,0.70) !important;
  padding: 14px !important;
  overflow: hidden;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label {
  font-size: 0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label::after,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label::after {
  content: "بطاقة بنكية";
  font-size: 0.92rem !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
  margin: 0 0 0 8px !important;
  accent-color: var(--ut-gold, #D4A843);
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-privacy-policy-text {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0 0 12px !important;
  line-height: 1.85 !important;
  color: rgba(237,228,208,0.84) !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Final checkout/cart detail pass: remove duplicated responsive labels and space cards. */
body.woocommerce-cart .cart_totals th::before,
body.woocommerce-cart .cart_totals td::before,
body.woocommerce-checkout #order_review table.shop_table th::before,
body.woocommerce-checkout #order_review table.shop_table td::before {
  content: none !important;
  display: none !important;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal,
body.woocommerce-cart .cart_totals tr.order-total {
  min-height: 46px;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
body.woocommerce-cart .cart_totals td .woocommerce-Price-amount,
body.woocommerce-cart .cart_totals td bdi {
  display: inline-flex !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .wc-stripe-express-checkout-element,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review_heading {
  margin-bottom: 18px !important;
}
body.woocommerce-checkout #order_review_heading {
  margin-top: 22px !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  position: relative !important;
  border-radius: 18px !important;
  border: 1px solid rgba(212,168,67,0.24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.016)),
    rgba(12,14,18,0.70) !important;
  padding: 14px !important;
  overflow: hidden;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label {
  font-size: 0 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments > label::after,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe > label::after {
  content: "بطاقة بنكية";
  font-size: 0.92rem !important;
  color: #fff !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input[type="radio"] {
  margin: 0 0 0 8px !important;
  accent-color: var(--ut-gold, #D4A843);
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout .woocommerce-privacy-policy-text {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p,
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0 0 12px !important;
  line-height: 1.85 !important;
  color: rgba(237,228,208,0.84) !important;
}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* ========== FINAL CHECKOUT WINNING OVERRIDES: Arabic, unstuck summary ========== */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px 10px !important;
  direction: rtl !important;
  text-align: center !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(212,168,67,0.20) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.052), rgba(255,255,255,0.014)),
    rgba(17, 18, 22, 0.78) !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
  display: none !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout #customer_details label,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout #order_review_heading {
  color: transparent !important;
  font-size: 0 !important;
}
body.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3::after {
  content: "تفاصيل الفاتورة";
  color: #fff !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #order_review_heading::after {
  content: "ملخص الطلب";
  color: #fff !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #order_review_heading {
  margin-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  border-bottom: 0 !important;
  padding: 16px 18px !important;
}
body.woocommerce-checkout #order_review {
  border-radius: 0 0 20px 20px !important;
  padding: 16px !important;
}
body.woocommerce-checkout #order_review table.shop_table,
body.woocommerce-checkout #order_review table.shop_table tbody,
body.woocommerce-checkout #order_review table.shop_table tfoot {
  display: block !important;
  width: 100% !important;
}
body.woocommerce-checkout #order_review table.shop_table thead {
  display: none !important;
}
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "name qty"
    "meta total" !important;
  gap: 8px 12px !important;
  align-items: start !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.woocommerce-checkout #order_review table.shop_table tbody td {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.woocommerce-checkout #order_review .cart_item .product-name {
  grid-area: name !important;
  min-width: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  color: #fff !important;
}
body.woocommerce-checkout #order_review .cart_item .product-name strong.product-quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 24px !important;
  margin-inline-start: 6px !important;
  border-radius: 999px !important;
  background: rgba(212,168,67,0.12) !important;
  color: var(--ut-gold, #D4A843) !important;
  font-size: 0.72rem !important;
}
body.woocommerce-checkout #order_review .cart_item .product-total {
  grid-area: total !important;
  justify-self: end !important;
  direction: ltr !important;
  text-align: left !important;
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #order_review .cart_item .wc-item-meta,
body.woocommerce-checkout #order_review .cart_item dl.variation {
  grid-area: meta !important;
  margin-top: 8px !important;
  padding: 10px !important;
  display: grid !important;
  gap: 7px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(212,168,67,0.13) !important;
  background: rgba(255,255,255,0.04) !important;
}
body.woocommerce-checkout #order_review .cart_item .wc-item-meta li,
body.woocommerce-checkout #order_review .cart_item dl.variation div {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: baseline !important;
}
body.woocommerce-checkout #order_review .cart_item .wc-item-meta strong,
body.woocommerce-checkout #order_review .cart_item dl.variation dt {
  color: var(--ut-gold, #D4A843) !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout #order_review .cart_item .wc-item-meta p,
body.woocommerce-checkout #order_review .cart_item dl.variation dd {
  margin: 0 !important;
  color: rgba(237,228,208,0.90) !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.woocommerce-checkout #order_review table.shop_table tfoot th {
  color: transparent !important;
  font-size: 0 !important;
  padding: 0 !important;
}
body.woocommerce-checkout #order_review table.shop_table tfoot th::after {
  color: rgba(237,228,208,0.72) !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.cart-subtotal th::after {
  content: "المجموع الفرعي:";
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th::after {
  content: "المجموع:";
}
body.woocommerce-checkout #order_review table.shop_table tfoot td {
  padding: 0 !important;
  direction: ltr !important;
  text-align: left !important;
  font-weight: 950 !important;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td,
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td bdi {
  color: var(--ut-gold, #D4A843) !important;
  font-size: 1.18rem !important;
}
body.woocommerce-checkout #payment {
  margin-top: 16px !important;
}
body.woocommerce-checkout #payment .arabut-usd-payment-note {
  display: none !important;
}

@media (max-width: 640px) {
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review {
    padding-inline: 14px !important;
  }
  body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "name"
      "meta"
      "total" !important;
  }
  body.woocommerce-checkout #order_review .cart_item .product-total {
    justify-self: start !important;
    padding-top: 8px !important;
  }
}

/* ============== PAGE SHELL ============== */
body.woocommerce-cart,
body.woocommerce-checkout {
  background: var(--ut-bg) !important;
  color: var(--ut-text) !important;
  font-family: "Thmanyah Sans", sans-serif !important;
}

/* Kill any horizontal overflow that makes the page feel "stuck" on mobile.
   Children that accidentally go wider than the viewport (unbreakable emails,
   fixed widths, 100vw with RTL scrollbar) will be clipped rather than
   enlarging the scroll region. Vertical scroll remains untouched. */
html,
body.woocommerce-cart,
body.woocommerce-checkout {
  max-width: 100%;
  overflow-x: clip;
}

/* Kill Astra/WP default backgrounds on all headings + sections inside our pages */
body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3,
body.woocommerce-cart h4,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4 {
  background: transparent !important;
  background-color: transparent !important;
}
body.woocommerce-cart section,
body.woocommerce-checkout section,
body.woocommerce-cart .cart_totals,
body.woocommerce-checkout #order_review {
  background-color: transparent;
}

/* Page title "السلة" / "إتمام الطلب" */
.woocommerce-cart .entry-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: clamp(1.6rem, 4vw, 2.2rem) !important;
  text-align: center;
  margin: 0 auto 28px !important;
  padding-top: 28px;
  letter-spacing: -0.01em;
  position: relative;
}
.woocommerce-cart .entry-title::after,
.woocommerce-checkout .entry-title::after {
  content: "";
  display: block;
  width: 62px;
  height: 3px;
  background: linear-gradient(90deg, var(--ut-gold), var(--ut-gold-2));
  border-radius: 99px;
  margin: 12px auto 0;
}

/* Outer container */
.woocommerce-cart .entry-content,
.woocommerce-cart main,
.woocommerce-checkout .entry-content,
.woocommerce-checkout main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 16px 60px;
  background: transparent !important;
}

/* Astra default content box — kill its white bg */
.woocommerce-cart .ast-container,
.woocommerce-checkout .ast-container,
.woocommerce-cart #primary,
.woocommerce-checkout #primary,
.woocommerce-cart .ast-article-single,
.woocommerce-checkout .ast-article-single {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ============== NOTICES ============== */
.woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
  max-width: 900px;
  margin: 0 auto 20px !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  border-right: 3px solid var(--ut-gold) !important;
  border-radius: 14px !important;
  color: var(--ut-text) !important;
  padding: 14px 20px !important;
  font-size: 0.95rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
}
.woocommerce-error {
  border-right-color: var(--ut-danger) !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  display: none !important; /* use our border as the indicator */
}
.woocommerce .button.wc-forward {
  background: transparent !important;
  color: var(--ut-gold) !important;
  border: 1px solid var(--ut-gold) !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.woocommerce .button.wc-forward:hover {
  background: var(--ut-gold) !important;
  color: var(--ut-bg) !important;
}

/* ============== CART FORM LAYOUT ============== */
.woocommerce-cart .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 24px;
  align-items: start;
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 900px) {
  .woocommerce-cart .woocommerce {
    grid-template-columns: 1fr !important;
    display: block !important; /* fallback: block stacking avoids implicit-column trap */
  }
  .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals {
    grid-column: auto !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-bottom: 16px;
  }
}

.woocommerce-cart-form {
  background: var(--ut-bg-card);
  border: 1px solid var(--ut-border);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  width: 100% !important;
  min-width: 0;
  grid-column: 1;
}
.woocommerce-cart .cart-collaterals {
  grid-column: 2;
  width: 100% !important;
  min-width: 0;
}

/* ============== CART TABLE ============== */
.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table.cart {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  font-family: "Thmanyah Sans", sans-serif !important;
  display: block !important;
}
.woocommerce-cart table.shop_table thead,
.woocommerce-cart table.shop_table colgroup {
  display: none !important;
}
.woocommerce-cart table.shop_table tbody {
  display: block !important;
  width: 100% !important;
}

/* Kill WooCommerce responsive-table ::before labels on cart items
   (WC adds content: attr(data-title) via woocommerce-smallscreen CSS) */
body.woocommerce-cart table.shop_table tbody tr.cart_item td::before {
  content: none !important;
  display: none !important;
}

/* Cart item row — flex layout, scales cleanly on mobile */
.woocommerce-cart table.shop_table tbody tr.cart_item,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
  background: var(--ut-bg-soft) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  width: 100% !important;
  position: relative;
  transition: border-color 0.2s;
}
.woocommerce-cart table.shop_table tbody tr.cart_item:hover {
  border-color: var(--ut-border) !important;
}
.woocommerce-cart table.shop_table tbody tr.cart_item td {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: block !important;
  font-size: 0.95rem !important;
}
.woocommerce-cart table.shop_table tbody tr.cart_item td:not(.product-thumbnail) {
  width: auto !important;
}

/* Remove (×) button — absolutely placed, takes NO flex space */
.woocommerce-cart .product-remove {
  order: 0;
  position: absolute !important;
  top: 12px;
  left: 12px;   /* physical left = end-side in RTL */
  z-index: 2;
  flex: 0 0 0 !important;
  width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce-cart .product-remove a.remove {
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
  text-align: center !important;
  border-radius: 50% !important;
  background: rgba(224,67,67,0.1) !important;
  color: var(--ut-danger) !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  border: 1px solid rgba(224,67,67,0.22) !important;
  transition: all 0.2s !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.woocommerce-cart .product-remove a.remove:hover {
  background: var(--ut-danger) !important;
  color: #fff !important;
  transform: rotate(90deg);
}

/* Thumbnail — proper square identity tile with breathing room */
.woocommerce-cart .product-thumbnail {
  order: 1;
  flex: 0 0 112px !important;
  width: 112px !important;
  aspect-ratio: 1 / 1 !important;
  align-self: flex-start;
}
.woocommerce-cart .product-thumbnail a {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid var(--ut-border) !important;
  box-shadow: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.woocommerce-cart table.shop_table .product-thumbnail img,
.woocommerce-cart .product-thumbnail img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Main content column — name + meta + subtotal */
.woocommerce-cart .product-name {
  order: 2;
  flex: 1 1 200px;
  min-width: 0;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #fff !important;
  line-height: 1.35 !important;
  padding-inline-end: 40px !important; /* space for the absolute remove button */
}
.woocommerce-cart .product-name a {
  color: #fff !important;
  text-decoration: none !important;
}
.woocommerce-cart .product-name a:hover {
  color: var(--ut-gold) !important;
}

/* Line-item meta — each key:value on its own row (gold label, white value) */
.woocommerce-cart .product-name .wc-item-meta,
.woocommerce-cart .product-name dl.variation {
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  background: rgba(212,168,67,0.05) !important;
  border: 1px solid rgba(212,168,67,0.12) !important;
  border-radius: 10px !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.woocommerce-cart .product-name .wc-item-meta li {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
  min-width: 0 !important;
}
.woocommerce-cart .product-name .wc-item-meta li strong {
  color: var(--ut-gold) !important;
  font-weight: 700 !important;
  flex: 0 0 auto !important;
  min-width: 64px !important; /* keep labels aligned so values start at the same x */
}
/* NOTE: WC/our plugin already outputs ":" inside the <strong> label, so no ::after */
.woocommerce-cart .product-name .wc-item-meta li > p,
.woocommerce-cart .product-name .wc-item-meta li span {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-weight: 500 !important;
  /* `anywhere` breaks at the @ / . in emails instead of mid-domain.
     word-break: break-word alone fails for long email-like strings. */
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
  max-width: 100% !important;
}

/* Variation (dl) fallback — same treatment */
.woocommerce-cart .product-name dl.variation dt {
  color: var(--ut-gold) !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
/* dl.variation dt — no ::after, label already has ":" from WC */
.woocommerce-cart .product-name dl.variation dd {
  color: #fff !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}
.woocommerce-cart .product-name dl.variation p {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
}

/* Hide price + quantity columns — super-specific to beat WC responsive grid overrides */
body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-price,
body.woocommerce-cart table.shop_table tbody tr td.product-price,
body.woocommerce-cart .woocommerce-cart-form td.product-price {
  display: none !important;
  flex: 0 0 0px !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.woocommerce-cart table.shop_table tbody tr.cart_item td.product-quantity,
body.woocommerce-cart table.shop_table tbody tr td.product-quantity,
body.woocommerce-cart .woocommerce-cart-form td.product-quantity {
  display: none !important;
  flex: 0 0 0px !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Subtotal pinned to the end of the row — full width on mobile, side on desktop */
.woocommerce-cart .product-subtotal {
  order: 4;
  flex: 1 1 100% !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: var(--ut-gold) !important;
  font-variant-numeric: tabular-nums !important;
  padding-top: 10px !important;
  border-top: 1px dashed rgba(212,168,67,0.18) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.woocommerce-cart .product-subtotal::before {
  content: "المجموع";
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--ut-text-dim);
}
.woocommerce-cart .product-subtotal bdi,
.woocommerce-cart .product-subtotal .amount {
  color: var(--ut-gold) !important;
}
.woocommerce-cart .product-subtotal .woocommerce-Price-currencySymbol {
  color: var(--ut-text-dim) !important;
  font-size: 0.78rem !important;
  margin-inline-start: 4px !important;
}

/* ============== ACTIONS ROW (coupon + update) ============== */
.woocommerce-cart .cart_item + tr.actions,
.woocommerce-cart tr.actions {
  background: transparent !important;
  border-top: 1px solid var(--ut-border) !important;
  padding: 16px 0 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}
.woocommerce-cart tr.actions td {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
  background: transparent !important;
}
.woocommerce-cart .coupon {
  display: flex !important;
  gap: 8px;
  flex: 1;
  min-width: 260px;
}
.woocommerce-cart .coupon label { display: none !important; }
.woocommerce-cart .coupon input[type="text"] {
  flex: 1;
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  color: var(--ut-text) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  direction: rtl;
}
.woocommerce-cart .coupon input[type="text"]::placeholder {
  color: var(--ut-text-dim) !important;
}
.woocommerce-cart .coupon input[type="text"]:focus {
  outline: none !important;
  border-color: var(--ut-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,0.15) !important;
}
.woocommerce-cart .coupon button,
.woocommerce-cart button[name="apply_coupon"] {
  background: transparent !important;
  color: var(--ut-gold) !important;
  border: 1px solid var(--ut-gold) !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: all 0.2s !important;
}
.woocommerce-cart .coupon button:hover,
.woocommerce-cart button[name="apply_coupon"]:hover {
  background: var(--ut-gold) !important;
  color: var(--ut-bg) !important;
}
.woocommerce-cart button[name="update_cart"] {
  background: var(--ut-bg-soft) !important;
  color: var(--ut-text-dim) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: all 0.2s !important;
}
.woocommerce-cart button[name="update_cart"]:hover:not([disabled]) {
  color: var(--ut-gold) !important;
  border-color: var(--ut-gold) !important;
}

/* ============== CART TOTALS (right sidebar) ============== */
.woocommerce-cart .cart-collaterals {
  display: block !important;
  width: 100% !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--ut-bg-card);
  border: 1px solid var(--ut-border);
  border-radius: 20px;
  padding: 22px 22px 24px;
  width: 100% !important;
  float: none !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  position: sticky;
  top: 100px;
}
.woocommerce-cart .cart_totals h2 {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--ut-border) !important;
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce-cart .cart_totals h2::before {
  content: "";
  width: 4px;
  height: 18px;
  background: var(--ut-gold);
  border-radius: 2px;
}
.woocommerce-cart .cart_totals table {
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
}
.woocommerce-cart .cart_totals tr {
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.woocommerce-cart .cart_totals tr:last-child {
  border-bottom: 0;
}
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
  background: transparent !important;
  border: 0 !important;
  padding: 12px 0 !important;
  color: var(--ut-text) !important;
  font-size: 0.95rem !important;
}
.woocommerce-cart .cart_totals th {
  font-weight: 600 !important;
  color: var(--ut-text-dim) !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  padding-top: 16px !important;
}
.woocommerce-cart .cart_totals .order-total td bdi,
.woocommerce-cart .cart_totals .order-total td strong {
  color: var(--ut-gold) !important;
  font-size: 1.3rem !important;
}
.woocommerce-cart .cart_totals td[data-title] bdi {
  color: var(--ut-text) !important;
  font-variant-numeric: tabular-nums;
}

/* Shipping section */
.woocommerce-cart .cart_totals .shipping-calculator-button,
.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
  color: var(--ut-text-dim) !important;
  font-size: 0.85rem !important;
}

/* ============== PROCEED TO CHECKOUT ============== */
.woocommerce-cart .wc-proceed-to-checkout {
  margin-top: 18px !important;
  padding: 0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart a.checkout-button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, var(--ut-gold), var(--ut-gold-2)) !important;
  color: var(--ut-bg) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 16px 24px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 6px 22px rgba(212,168,67,0.25) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  font-family: inherit !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,168,67,0.4) !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button::after {
  content: "\2190"; /* RTL arrow */
  font-weight: 400;
}

/* Trust row under the checkout button */
.ut-cart-trust {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--ut-border);
  font-size: 0.8rem;
  color: var(--ut-text-dim);
}
.ut-cart-trust .ut-trust-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ut-cart-trust svg {
  flex-shrink: 0;
  color: var(--ut-gold);
}

/* ============== EMPTY CART ============== */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart p.cart-empty {
  max-width: 560px;
  margin: 40px auto 14px !important;
  text-align: center;
  background: var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  border-right: 0 !important;
  border-radius: 20px !important;
  padding: 44px 28px 18px !important;
  color: var(--ut-text) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  display: block !important;
  justify-content: center !important;
  position: relative;
}
.woocommerce-cart .cart-empty.woocommerce-info::before {
  content: "🛒";
  display: block;
  font-size: 3rem;
  margin-bottom: 14px;
  opacity: 0.6;
}
.woocommerce-cart .return-to-shop {
  text-align: center;
  margin: 0 auto 40px !important;
  max-width: 560px;
}
.woocommerce-cart .return-to-shop .button,
.woocommerce-cart .return-to-shop .wc-backward {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, var(--ut-gold), var(--ut-gold-2)) !important;
  color: var(--ut-bg) !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 13px 28px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  box-shadow: 0 6px 22px rgba(212,168,67,0.22) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.woocommerce-cart .return-to-shop .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,168,67,0.35) !important;
}

/* ============== CROSS-SELLS ============== */
.woocommerce-cart .cross-sells {
  display: none; /* we only have one product so cross-sells would loop */
}

/* ══════════════════════════════════════════════════════════════
   CHECKOUT PAGE — grid: [order summary | billing form] in RTL
   Direct children of form.checkout: #customer_details, h3#order_review_heading, #order_review
   ══════════════════════════════════════════════════════════════ */

.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid !important;
  /* RTL: first column = left (order summary), second = right (billing) */
  grid-template-columns: 400px 1fr !important;
  grid-template-areas:
    "order-head billing"
    "order      billing" !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  float: none !important;
}
/* Any extra injected children (notices etc.) span full width */
.woocommerce-checkout form.checkout.woocommerce-checkout > *:not(#customer_details):not(#order_review_heading):not(#order_review) {
  grid-column: 1 / -1 !important;
}

/* Billing — right column (start in RTL) */
.woocommerce-checkout #customer_details {
  grid-area: billing !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  background: var(--ut-bg-card);
  border: 1px solid var(--ut-border);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
}

/* Order heading — left column, top */
.woocommerce-checkout #order_review_heading {
  grid-area: order-head !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  background: var(--ut-bg-card);
  border: 1px solid var(--ut-border);
  border-radius: 20px 20px 0 0;
  border-bottom: 0 !important;
  padding: 18px 22px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
}

/* Order review — left column, below heading */
.woocommerce-checkout #order_review {
  grid-area: order !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  background: var(--ut-bg-card);
  border: 1px solid var(--ut-border);
  border-radius: 0 0 20px 20px;
  border-top: 0 !important;
  padding: 22px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  margin: 0 !important;
  position: sticky;
  top: 100px;
}

@media (max-width: 900px) {
  .woocommerce-checkout form.checkout.woocommerce-checkout {
    display: block !important; /* prevent implicit columns just like cart grid */
    width: 100% !important;
  }
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    float: none !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important;
  }
  .woocommerce-checkout #order_review_heading {
    border-radius: 20px 20px 0 0 !important;
    margin-top: 16px !important;
  }
  .woocommerce-checkout #order_review {
    position: static !important;
    border-radius: 0 0 20px 20px !important;
  }
}

/* Column / section headings */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--ut-border) !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.woocommerce-checkout h3::before,
.woocommerce-checkout #order_review_heading::before {
  content: "";
  width: 4px;
  height: 18px;
  background: var(--ut-gold);
  border-radius: 2px;
}
.woocommerce-checkout h3#ship-to-different-address {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 18px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}
.woocommerce-checkout h3#ship-to-different-address::before {
  display: none;
}
.woocommerce-checkout h3#ship-to-different-address label {
  color: var(--ut-text) !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* ============== FORM FIELDS ============== */
.woocommerce-checkout .form-row {
  display: flex !important;
  flex-direction: column;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
.woocommerce-checkout .form-row.form-row-first,
.woocommerce-checkout .form-row.form-row-last {
  width: calc(50% - 6px) !important;
  display: inline-flex !important;
  vertical-align: top;
}
.woocommerce-checkout .form-row.form-row-first { margin-inline-end: 12px !important; }
@media (max-width: 560px) {
  .woocommerce-checkout .form-row.form-row-first,
  .woocommerce-checkout .form-row.form-row-last {
    width: 100% !important;
    margin-inline-end: 0 !important;
  }
}

/* ── intl-tel-input — dark/gold theme ──────────────────────────────────── */

/* Force LTR on EVERY intl-tel-input element, including the body-portaled dropdown.
   RTL parent pushes the flag button to the right — we don't want that. */
html[dir="rtl"] .iti,
html[dir="rtl"] .iti *,
body .iti,
body .iti *,
.iti,
.iti *,
.iti__dropdown-content,
.iti__dropdown-content * {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
}
/* Wrapper: fill WC form-row */
.woocommerce-checkout #billing_phone_field .iti,
.woocommerce-checkout #billing_phone_field .iti.iti--allow-dropdown {
  width: 100% !important;
  display: block !important;
  direction: ltr !important;
}
/* Flag/country button — pin to the left edge */
.woocommerce-checkout #billing_phone_field .iti__country-container,
.woocommerce-checkout #billing_phone_field .iti__flag-container {
  left: 0 !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
}
/* Keep only the label RTL */
.woocommerce-checkout #billing_phone_field > label {
  direction: rtl !important;
  text-align: right !important;
}
/* Target the phone input directly by ID — beats any .form-row .input-text rule */
body.woocommerce-checkout input#billing_phone,
body.woocommerce-checkout #billing_phone_field input.input-text,
body.woocommerce-checkout #billing_phone_field .iti input {
  width: 100% !important;
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 10px !important;
  padding-top: 12px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 110px !important; /* clear the flag + dial-code button on the left */
  color: var(--ut-text) !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  min-height: 44px !important;
  direction: ltr !important;
  text-align: left !important;
  letter-spacing: 0.04em !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
body.woocommerce-checkout input#billing_phone:focus {
  outline: none !important;
  border-color: var(--ut-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,0.15) !important;
}
/* Flag button */
.woocommerce-checkout #billing_phone_field .iti__flag-container,
.woocommerce-checkout #billing_phone_field .iti__selected-country {
  background: transparent !important;
  border-radius: 9px 0 0 9px !important;
}
.woocommerce-checkout #billing_phone_field .iti__selected-dial-code {
  color: var(--ut-gold) !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}
/* Dropdown list */
.iti__dropdown-content {
  background: #1a1612 !important;
  border: 1px solid var(--ut-border, rgba(212,168,67,0.2)) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
}
.iti__search-input {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(212,168,67,0.2) !important;
  border-radius: 7px !important;
  color: #e8d5a0 !important;
  font-family: inherit !important;
  padding: 8px 10px !important;
}
.iti__country {
  color: #c8b87a !important;
  padding: 8px 12px !important;
}
.iti__country.iti__highlight,
.iti__country:hover {
  background: rgba(212,168,67,0.12) !important;
}
.iti__dial-code {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 600 !important;
}
.iti__divider {
  border-color: rgba(212,168,67,0.15) !important;
}
.woocommerce-checkout .form-row label {
  display: block !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--ut-text-dim) !important;
  margin-bottom: 6px !important;
}
.woocommerce-checkout .form-row label .required,
.woocommerce-checkout .required {
  color: var(--ut-gold) !important;
  text-decoration: none !important;
  border: 0 !important;
}
.woocommerce-checkout .form-row label .optional {
  color: var(--ut-text-dim) !important;
  font-weight: 400;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row .select2-selection,
.woocommerce-checkout .form-row .woocommerce-input-wrapper > input,
.woocommerce-checkout .form-row select {
  width: 100% !important;
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  color: var(--ut-text) !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  min-height: 44px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  direction: rtl;
}
.woocommerce-checkout .form-row textarea {
  min-height: 96px !important;
  resize: vertical;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
  outline: none !important;
  border-color: var(--ut-gold) !important;
  box-shadow: 0 0 0 3px rgba(212,168,67,0.15) !important;
}
.woocommerce-checkout .form-row input.input-text::placeholder,
.woocommerce-checkout .form-row textarea::placeholder {
  color: var(--ut-text-dim) !important;
}

/* Select2 dropdowns (country etc.) */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 10px !important;
  height: 44px !important;
  padding: 0 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important;
  color: var(--ut-text) !important;
  padding: 0 14px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
  left: 10px !important;
  right: auto !important;
}
.woocommerce-checkout .select2-dropdown {
  background: var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  color: var(--ut-text) !important;
  border-radius: 10px !important;
}
.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 8px !important;
  color: var(--ut-text) !important;
  padding: 8px 12px !important;
}
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(212,168,67,0.2) !important;
  color: var(--ut-gold) !important;
}

/* Field validation states */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection {
  border-color: var(--ut-danger) !important;
  box-shadow: 0 0 0 3px rgba(224,67,67,0.12) !important;
}
.woocommerce-checkout .form-row.woocommerce-validated input.input-text {
  border-color: rgba(37,211,102,0.5) !important;
}

/* Account login/register toggle rows */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  font-size: 0.88rem !important;
  padding: 12px 16px !important;
}
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
}

/* ============== ORDER REVIEW (right sidebar) ============== */
.woocommerce-checkout #order_review table.shop_table {
  background: transparent !important;
  border: 0 !important;
  border-collapse: collapse !important;
  width: 100% !important;
}
.woocommerce-checkout #order_review table.shop_table thead {
  display: none;
}
.woocommerce-checkout #order_review table.shop_table tbody tr,
.woocommerce-checkout #order_review table.shop_table tfoot tr {
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
  background: transparent !important;
  border: 0 !important;
  padding: 12px 0 !important;
  color: var(--ut-text) !important;
  font-size: 0.92rem !important;
}
.woocommerce-checkout #order_review .cart_item .product-name {
  color: #fff !important;
  font-weight: 700 !important;
}
.woocommerce-checkout #order_review .cart_item .product-name strong.product-quantity {
  color: var(--ut-gold) !important;
  font-weight: 700;
  margin-inline-start: 6px;
}
.woocommerce-checkout #order_review .cart_item .product-total bdi {
  color: var(--ut-gold) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}
.woocommerce-checkout #order_review .cart_item .wc-item-meta {
  margin-top: 6px !important;
  padding: 8px 10px !important;
  background: rgba(212,168,67,0.05) !important;
  border: 1px solid rgba(212,168,67,0.1) !important;
  border-radius: 8px !important;
  list-style: none !important;
  font-size: 0.78rem !important;
  color: var(--ut-text-dim) !important;
}
.woocommerce-checkout #order_review .cart_item .wc-item-meta strong {
  color: var(--ut-gold) !important;
  font-weight: 700;
}
.woocommerce-checkout #order_review tr.order-total th,
.woocommerce-checkout #order_review tr.order-total td {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  padding-top: 16px !important;
  border-top: 2px solid var(--ut-border) !important;
}
.woocommerce-checkout #order_review tr.order-total td bdi,
.woocommerce-checkout #order_review tr.order-total strong {
  color: var(--ut-gold) !important;
  font-size: 1.25rem !important;
}

/* ============== PAYMENT METHODS ============== */
.woocommerce-checkout #payment {
  background: transparent !important;
  border-radius: 0 !important;
  margin-top: 16px;
}
.woocommerce-checkout #payment ul.payment_methods {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li {
  background: var(--ut-bg-soft) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  transition: border-color 0.2s, background 0.2s;
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
  border-color: var(--ut-gold) !important;
  background: rgba(212,168,67,0.06) !important;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  accent-color: var(--ut-gold);
  margin-inline-end: 10px !important;
  transform: scale(1.1);
}
.woocommerce-checkout #payment ul.payment_methods li label {
  font-weight: 600 !important;
  color: var(--ut-text) !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.woocommerce-checkout #payment ul.payment_methods li label img {
  max-height: 26px !important;
  margin-inline-start: 6px !important;
  background: #fff;
  padding: 3px 6px;
  border-radius: 4px;
}
.woocommerce-checkout #payment div.payment_box {
  background: rgba(0,0,0,0.3) !important;
  color: var(--ut-text-dim) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  margin: 10px 0 0 !important;
  font-size: 0.85rem !important;
}
.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text {
  background: var(--ut-bg) !important;
  border: 1px solid var(--ut-border) !important;
}

/* ============== PLACE ORDER BUTTON ============== */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button#place_order {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, var(--ut-gold), var(--ut-gold-2)) !important;
  color: var(--ut-bg) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 16px 24px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  text-align: center !important;
  box-shadow: 0 6px 22px rgba(212,168,67,0.25) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  font-family: inherit !important;
  margin-top: 14px !important;
  cursor: pointer !important;
}
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout button#place_order:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,168,67,0.4) !important;
}

/* Terms checkbox row */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  background: rgba(0,0,0,0.25);
  border: 1px solid var(--ut-border);
  border-radius: 10px;
  padding: 12px 14px;
  margin: 14px 0;
}
.woocommerce-checkout .form-row.woocommerce-validated .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text {
  font-size: 0.85rem !important;
  color: var(--ut-text) !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.woocommerce-checkout input[type="checkbox"] {
  accent-color: var(--ut-gold);
  transform: scale(1.15);
  margin-inline-end: 6px;
}
.woocommerce-checkout a {
  color: var(--ut-gold) !important;
  text-decoration: none !important;
}
.woocommerce-checkout a:hover {
  text-decoration: underline !important;
}

/* Loading overlay on AJAX updates */
.woocommerce-checkout .blockUI.blockOverlay {
  background: rgba(10,10,10,0.6) !important;
  backdrop-filter: blur(3px);
}

/* ══════════════════════════════════════════════════════════════
   MOBILE — redesign for narrow viewports (≤640px)
   Flex layout already wraps, we just tighten spacing + sizes.
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  /* Page padding — edge-to-edge on phones */
  .woocommerce-cart .entry-content,
  .woocommerce-checkout .entry-content {
    padding: 14px 12px 48px !important;
  }
  .woocommerce-cart .entry-title,
  .woocommerce-checkout .entry-title {
    font-size: 1.5rem !important;
    padding-top: 14px;
    margin-bottom: 20px !important;
  }

  /* Cards — less padding, smaller radius */
  .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals .cart_totals,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review {
    border-radius: 14px !important;
    padding: 14px !important;
  }

  /* Cart item — stack vertically as a real mobile card:
     [thumb centered] → [name] → [meta list] → [price] */
  .woocommerce-cart table.shop_table tbody tr.cart_item {
    padding: 14px !important;
    gap: 12px !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Remove button — still top-left (end-side in RTL), tighter corner */
  .woocommerce-cart .product-remove {
    top: 10px;
    inset-inline-start: 10px;
    left: auto;
  }
  .woocommerce-cart .product-remove a.remove {
    width: 28px !important;
    height: 28px !important;
    line-height: 26px !important;
    font-size: 0.95rem !important;
  }

  /* Thumbnail — centered block above the content, proper square aspect */
  .woocommerce-cart .product-thumbnail {
    order: 1;
    flex: 0 0 auto !important;
    width: 100px !important;
    aspect-ratio: 1 / 1 !important;
    margin-inline: auto !important; /* center horizontally */
    align-self: center !important;
  }
  .woocommerce-cart .product-thumbnail a {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-radius: 14px !important;
    padding: 0 !important;
  }
  .woocommerce-cart table.shop_table .product-thumbnail img,
  .woocommerce-cart .product-thumbnail img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Product name — full width of the card, no side reservation needed */
  .woocommerce-cart .product-name {
    order: 2;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 0.98rem !important;
    padding-inline-end: 44px !important; /* clear the × corner */
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: center !important;
  }
  .woocommerce-cart .product-name > a {
    display: inline-block;
    max-width: 100%;
  }
  .woocommerce-cart .product-name .wc-item-meta,
  .woocommerce-cart .product-name dl.variation {
    text-align: start !important; /* metas stay right-aligned in RTL */
  }
  .woocommerce-cart .product-name .wc-item-meta li strong {
    min-width: 74px !important;
  }

  /* Meta box — slightly tighter on mobile */
  .woocommerce-cart .product-name .wc-item-meta,
  .woocommerce-cart .product-name dl.variation {
    padding: 8px 10px !important;
    margin-top: 8px !important;
  }
  .woocommerce-cart .product-name .wc-item-meta li {
    font-size: 0.78rem !important;
  }

  /* Subtotal row — stays full width with "المجموع:" label */
  .woocommerce-cart .product-subtotal {
    font-size: 1rem !important;
    padding-top: 8px !important;
    margin-top: 4px !important;
  }

  /* Totals sidebar — don't stick on mobile, give it space */
  .woocommerce-cart .cart-collaterals .cart_totals {
    position: static !important;
    margin-top: 14px;
  }
  .woocommerce-cart .cart_totals h2,
  .woocommerce-checkout #order_review_heading {
    font-size: 1.05rem !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  .woocommerce-cart .cart_totals .order-total td bdi,
  .woocommerce-cart .cart_totals .order-total td strong {
    font-size: 1.15rem !important;
  }

  /* Coupon row — stacked on mobile */
  .woocommerce-cart .coupon {
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .woocommerce-cart .coupon input[type="text"],
  .woocommerce-cart .coupon button,
  .woocommerce-cart button[name="apply_coupon"] {
    width: 100% !important;
  }
  .woocommerce-cart tr.actions td {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  .woocommerce-cart button[name="update_cart"] {
    width: 100% !important;
  }

  /* Checkout button — thumb-friendly */
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
  .woocommerce-cart a.checkout-button,
  .woocommerce-checkout button#place_order {
    padding: 15px 20px !important;
    font-size: 1rem !important;
    border-radius: 12px !important;
  }

  /* Checkout form rows — full width */
  .woocommerce-checkout .form-row.form-row-first,
  .woocommerce-checkout .form-row.form-row-last {
    width: 100% !important;
    margin-inline-end: 0 !important;
  }
  .woocommerce-checkout #order_review {
    position: static !important;
  }

  /* Payment method radios — bigger touch targets */
  .woocommerce-checkout #payment ul.payment_methods li {
    padding: 14px !important;
  }
  .woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 0.95rem !important;
  }
}

/* Very small screens (≤360px) — extra-tight but still stacked */
@media (max-width: 360px) {
  .woocommerce-cart .product-thumbnail {
    width: 88px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
  }
  .woocommerce-cart .product-thumbnail a {
    padding: 0 !important;
  }
  .woocommerce-cart .product-name {
    flex: 1 1 auto !important;
    width: 100% !important;
    font-size: 0.92rem !important;
    padding-inline-end: 40px !important;
  }
  .woocommerce-cart .product-name .wc-item-meta li strong {
    min-width: 60px !important;
  }
  .woocommerce-cart table.shop_table tbody tr.cart_item {
    padding: 12px !important;
  }
}

/* Respect reduced-motion: kill every cart/checkout transition + transform
   we added above. No new keyframes were introduced in this patch, but
   existing hover transforms (remove button rotate, checkout button lift,
   VIP shimmer) should be suppressed for users who opt out. */
@media (prefers-reduced-motion: reduce) {
  .woocommerce-cart *,
  .woocommerce-checkout * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  .woocommerce-cart .product-remove a.remove:hover,
  .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
  .woocommerce-cart a.checkout-button:hover,
  .woocommerce-cart .return-to-shop .button:hover,
  .woocommerce-checkout button#place_order:hover {
    transform: none !important;
  }
  .ut-vip-fill::after { animation: none !important; }
}

/* ============== VIP FREE-DELIVERY PROGRESS (above cart totals) ============== */
.ut-vip-progress {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: linear-gradient(135deg, rgba(212,168,67,0.10), rgba(212,168,67,0.02));
  border: 1px solid rgba(212,168,67,0.22);
  border-radius: 14px;
}
.ut-vip-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #EDE4D0;
  margin-bottom: 10px;
}
.ut-vip-ico {
  width: 26px; height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #D4A843, #B8892E);
  color: #0A0A0A;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.ut-vip-head strong { color: #D4A843; font-weight: 700; }
.ut-vip-bar {
  width: 100%;
  height: 6px;
  background: rgba(212,168,67,0.10);
  border-radius: 99px;
  overflow: hidden;
  position: relative;
}
.ut-vip-fill {
  height: 100%;
  background: linear-gradient(90deg, #D4A843, #B8892E);
  border-radius: 99px;
  transition: width .5s ease-out;
  position: relative;
}
.ut-vip-fill::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  animation: ut-vip-shimmer 2.2s ease-in-out infinite;
}
@keyframes ut-vip-shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* ============== PAYMENT LOGOS ROW (under checkout CTA) ============== */
.ut-pay-logos {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.ut-pl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  border-radius: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  user-select: none;
}
.ut-pl-visa  { background: #fff; color: #1A1F71; }
.ut-pl-mc    { background: #fff; color: #EB001B; }
.ut-pl-mada  { background: #fff; color: #00A651; font-weight: 700; }
.ut-pl-apple { background: #000; color: #fff; }

/* Cart/checkout refinement pass - digital service, Arabic-first */
.woocommerce-cart button[name="update_cart"] {
  display: none !important;
}
.woocommerce-cart .woocommerce-cart-form {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
    rgba(17, 18, 22, 0.78) !important;
  border-color: rgba(212,168,67,0.18) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.woocommerce-cart table.shop_table tbody tr.cart_item,
.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
  display: grid !important;
  grid-template-columns: 118px minmax(0, 1fr) auto !important;
  grid-template-areas:
    "thumb name remove"
    "thumb total total" !important;
  align-items: center !important;
  gap: 14px 16px !important;
  padding: 16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(212,168,67,0.13), transparent 34%),
    rgba(17,22,30,0.82) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
.woocommerce-cart .product-remove {
  grid-area: remove;
  position: static !important;
  width: auto !important;
  overflow: visible !important;
  justify-self: end;
}
.woocommerce-cart .product-remove a.remove {
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  background: rgba(255,255,255,0.055) !important;
  color: #F2B6B6 !important;
  border-color: rgba(239,68,68,0.28) !important;
}
.woocommerce-cart .product-thumbnail {
  grid-area: thumb;
  width: 118px !important;
  flex: none !important;
}
.woocommerce-cart .product-thumbnail a {
  border-color: rgba(212,168,67,0.22) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.28) !important;
}
.woocommerce-cart .product-name {
  grid-area: name;
  padding-inline-end: 0 !important;
  text-align: right !important;
}
.woocommerce-cart .product-name a {
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", Tahoma, Arial, sans-serif !important;
  font-size: 1.12rem !important;
  line-height: 1.15 !important;
}
.woocommerce-cart .product-name .wc-item-meta,
.woocommerce-cart .product-name dl.variation {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
  margin-top: 12px !important;
  background: transparent !important;
  border: 0 !important;
}
.woocommerce-cart .product-name .wc-item-meta li {
  display: grid !important;
  gap: 3px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(212,168,67,0.14) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.045) !important;
}
.woocommerce-cart .product-name .wc-item-meta li strong {
  min-width: 0 !important;
  color: #E5C15E !important;
  font-size: 0.76rem !important;
}
.woocommerce-cart .product-name .wc-item-meta li > p,
.woocommerce-cart .product-name .wc-item-meta li span {
  font-size: 0.86rem !important;
  font-weight: 800 !important;
}
.woocommerce-cart .product-subtotal {
  grid-area: total;
  margin-top: 0 !important;
  padding-top: 12px !important;
}
.woocommerce-cart .coupon input[type="text"] {
  min-height: 44px !important;
  background: rgba(255,255,255,0.055) !important;
}
.woocommerce-cart .coupon button,
.woocommerce-cart button[name="apply_coupon"] {
  min-height: 44px !important;
  border-radius: 12px !important;
}
.ut-vip-progress {
  background:
    linear-gradient(135deg, rgba(34,197,94,0.10), rgba(212,168,67,0.08)),
    rgba(255,255,255,0.035) !important;
  border-color: rgba(34,197,94,0.22) !important;
}
.ut-vip-ico {
  background: linear-gradient(135deg, #22C55E, #D4A843) !important;
}
.ut-pay-logos {
  display: none !important;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
    rgba(17, 18, 22, 0.78) !important;
  border-color: rgba(212,168,67,0.18) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  padding: 12px 0 !important;
}
.woocommerce-checkout #order_review .cart_item .product-name {
  min-width: 0;
}
.ut-checkout-product-title {
  display: block;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", Tahoma, Arial, sans-serif;
  font-size: 1.02rem;
  line-height: 1.2;
}
.ut-checkout-remove {
  display: inline-flex;
  margin-top: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(239,68,68,0.28);
  color: #F4B0B0 !important;
  background: rgba(239,68,68,0.08);
  font-size: 0.75rem;
  font-weight: 900;
}
.woocommerce-checkout #order_review .cart_item .wc-item-meta {
  display: grid !important;
  gap: 5px;
  padding: 9px 10px !important;
}
.woocommerce-checkout #payment div.payment_box fieldset {
  border: 0 !important;
  padding: 0 !important;
}
.woocommerce-checkout #payment div.payment_box fieldset p,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods-saveNew {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl;
  text-align: right !important;
  margin: 12px 0 0 !important;
}
.woocommerce-checkout #payment div.payment_box fieldset label,
.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew label {
  line-height: 1.55 !important;
  color: #F4EFE6 !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  padding: 14px !important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0 0 10px !important;
  color: #D7CAB8 !important;
  font-size: 0.88rem !important;
  line-height: 1.65 !important;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout label.checkbox {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: rtl;
  text-align: right !important;
}
.woocommerce-checkout input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .woocommerce-cart table.shop_table tbody tr.cart_item,
  .woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
    grid-template-columns: 92px minmax(0, 1fr) 34px !important;
    grid-template-areas:
      "thumb name remove"
      "total total total" !important;
    align-items: start !important;
    padding: 14px !important;
  }
  .woocommerce-cart .product-thumbnail {
    width: 92px !important;
    margin: 0 !important;
    align-self: start !important;
  }
  .woocommerce-cart .product-name {
    text-align: right !important;
    padding-inline-end: 0 !important;
  }
  .woocommerce-cart .product-name a {
    font-size: 1rem !important;
  }
  .woocommerce-cart .product-name .wc-item-meta,
  .woocommerce-cart .product-name dl.variation {
    grid-template-columns: 1fr !important;
  }
  .woocommerce-cart .product-remove {
    justify-self: end;
  }
}

/* ========== Order received page (thank-you) ========== */
/* Styled to match the dashboard's premium glass-morphism aesthetic: dark
   gold/cyan accents, card surfaces with the shared --ut-bg-card / --ut-border
   tokens, and a clear visual hierarchy for the order summary and line items. */
body.woocommerce-order-received {
  background: var(--ut-bg) !important;
  color: var(--ut-text) !important;
  font-family: "Thmanyah Sans", sans-serif !important;
}
html, body.woocommerce-order-received {
  max-width: 100%;
  overflow-x: clip;
}

/* Page title — match the cart/checkout hero typography */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received .page-title {
  color: #fff !important;
  font-weight: 800 !important;
  font-size: clamp(1.6rem, 4vw, 2.2rem) !important;
  text-align: center;
  margin: 0 auto 28px !important;
  padding-top: 28px;
  letter-spacing: -0.01em;
  position: relative;
  background: transparent !important;
}
body.woocommerce-order-received .entry-title::after {
  content: "";
  display: block;
  width: 62px;
  height: 3px;
  background: linear-gradient(90deg, var(--ut-gold), var(--ut-gold-2));
  border-radius: 99px;
  margin: 12px auto 0;
}

/* Outer container — same constraints as cart/checkout */
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 16px 60px;
  background: transparent !important;
}
body.woocommerce-order-received .ast-container,
body.woocommerce-order-received #primary,
body.woocommerce-order-received .ast-article-single {
  background: transparent !important;
  box-shadow: none !important;
}

/* Astra/WP heading defaults */
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  background: transparent !important;
  background-color: transparent !important;
}

/* Wrapper — keeps the order layout vertical with consistent gaps */
body.woocommerce-order-received .woocommerce-order {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* "شكراً لك. تم استلام طلبك" thank-you headline */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  color: var(--ut-gold) !important;
  font-size: clamp(1.1rem, 3vw, 1.4rem) !important;
  font-weight: 800 !important;
  text-align: center;
  margin: 0 0 4px !important;
  padding: 18px 18px 0 !important;
}

/* Order overview — the meta list (number / date / email / total / payment) */
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-thankyou-order-details {
  list-style: none !important;
  margin: 0 !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  background:
    linear-gradient(150deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02)),
    var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-thankyou-order-details li {
  display: flex !important;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px !important;
  margin: 0 !important;
  background: var(--ut-bg-soft) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  text-transform: none !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: var(--ut-text-dim) !important;
  letter-spacing: 0;
  border-left: 0 !important;
  border-right: 3px solid var(--ut-gold) !important;
}
body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
  display: block !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  margin-top: 2px;
  font-variant-numeric: tabular-nums;
}
/* Order total line gets the gold accent */
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total strong,
body.woocommerce-order-received .woocommerce-order-overview li.total strong {
  color: var(--ut-gold) !important;
  font-size: 1.1rem !important;
}
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total .woocommerce-Price-amount,
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total bdi {
  color: var(--ut-gold) !important;
  font-weight: 900 !important;
}

/* Order details card — the product table */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body.woocommerce-order-received .woocommerce-order-downloads {
  background:
    linear-gradient(150deg, rgba(255,255,255,0.05), rgba(255,255,255,0.018)),
    var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin: 0 !important;
}

/* "تفاصيل الطلب" / "تفاصيل العميل" section headings */
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received section.woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-bacs-bank-details h2,
body.woocommerce-order-received h2.wc-bacs-bank-details-heading,
body.woocommerce-order-received h2.woocommerce-order-details__title {
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--ut-border) !important;
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent !important;
  position: relative;
  padding-inline-start: 14px !important;
}
body.woocommerce-order-received .woocommerce-order-details h2::before,
body.woocommerce-order-received .woocommerce-column__title::before,
body.woocommerce-order-received section.woocommerce-customer-details h2::before,
body.woocommerce-order-received .woocommerce-bacs-bank-details h2::before,
body.woocommerce-order-received h2.wc-bacs-bank-details-heading::before,
body.woocommerce-order-received h2.woocommerce-order-details__title::before {
  content: "";
  width: 4px;
  height: 18px;
  background: var(--ut-gold);
  border-radius: 2px;
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -6px;
}

/* Line-items table — strip default WC chrome, present as zebra rows */
body.woocommerce-order-received .woocommerce-order-details table.shop_table,
body.woocommerce-order-received .woocommerce-table--order-details {
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr,
body.woocommerce-order-received .woocommerce-table--order-details tr {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  background: transparent !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td,
body.woocommerce-order-received .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-table--order-details td {
  padding: 12px 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ut-text) !important;
  font-size: 0.92rem !important;
  text-align: start;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th {
  color: var(--ut-text-dim) !important;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.84rem !important;
  border-bottom: 1px solid var(--ut-border) !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.order_item .product-name,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.woocommerce-table__line-item .product-name {
  color: #fff !important;
  font-weight: 700 !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.order_item .product-name a {
  color: #fff !important;
  text-decoration: none !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-quantity {
  color: var(--ut-gold) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-total,
body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-total bdi {
  color: var(--ut-text) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}

/* Item meta (variation, instructions, extras) */
body.woocommerce-order-received .woocommerce-order-details .wc-item-meta,
body.woocommerce-order-received .woocommerce-order-details dl.variation,
body.woocommerce-order-received .woocommerce-order-details ul.wc-item-meta {
  margin: 8px 0 0 !important;
  padding: 8px 10px !important;
  background: rgba(212,168,67,0.05) !important;
  border: 1px solid rgba(212,168,67,0.14) !important;
  border-radius: 10px !important;
  list-style: none !important;
  font-size: 0.78rem !important;
}
body.woocommerce-order-received .woocommerce-order-details .wc-item-meta strong,
body.woocommerce-order-received .woocommerce-order-details dl.variation dt {
  color: var(--ut-gold) !important;
  font-weight: 700;
}
body.woocommerce-order-received .woocommerce-order-details .wc-item-meta p,
body.woocommerce-order-received .woocommerce-order-details dl.variation dd {
  color: var(--ut-text) !important;
  margin: 2px 0 0 !important;
}

/* Totals foot — subtotal / shipping / payment / total */
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td {
  padding: 10px 8px !important;
  font-size: 0.9rem !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th {
  color: var(--ut-text-dim) !important;
  font-weight: 700 !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td bdi {
  color: var(--ut-text) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .order-total th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table .order-total td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.order-total th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.order-total td {
  padding-top: 16px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  border-top: 2px solid var(--ut-border) !important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .order-total td strong,
body.woocommerce-order-received .woocommerce-order-details table.shop_table .order-total td bdi,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr.order-total td bdi {
  color: var(--ut-gold) !important;
  font-size: 1.18rem !important;
  font-variant-numeric: tabular-nums;
}

/* Customer details — the address grid below the line items */
body.woocommerce-order-received .woocommerce-customer-details .col2-set,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
body.woocommerce-order-received .woocommerce-customer-details .col-1,
body.woocommerce-order-received .woocommerce-customer-details .col-2,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
  width: 100% !important;
  max-width: none !important;
  padding: 14px !important;
  margin: 0 !important;
  background: var(--ut-bg-soft) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  float: none !important;
}
body.woocommerce-order-received .woocommerce-customer-details address {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-style: normal;
  color: var(--ut-text) !important;
  line-height: 1.7;
  font-size: 0.92rem;
}
body.woocommerce-order-received .woocommerce-customer-details address p {
  margin: 6px 0 0 !important;
  color: var(--ut-text-dim) !important;
  font-size: 0.85rem;
}

/* BACS bank details box (if cash-on-delivery chosen, shows post-order info) */
body.woocommerce-order-received .woocommerce-bacs-bank-details ul.order_details,
body.woocommerce-order-received .woocommerce-order-details + ul.order_details {
  list-style: none !important;
  padding: 0 !important;
  margin: 12px 0 0 !important;
  display: grid;
  gap: 10px;
}
body.woocommerce-order-received .woocommerce-bacs-bank-details ul.order_details li {
  background: var(--ut-bg-soft) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  color: var(--ut-text) !important;
  font-size: 0.92rem;
}

/* Action buttons — track / view-order / pay-again */
body.woocommerce-order-received .woocommerce-order .woocommerce-button,
body.woocommerce-order-received .woocommerce-order .button {
  background: linear-gradient(135deg, var(--ut-gold), var(--ut-gold-2)) !important;
  color: #0A0A0A !important;
  border: 0 !important;
  border-radius: 13px !important;
  padding: 11px 22px !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(212,168,67,0.22) !important;
  transition: transform .2s, box-shadow .2s, filter .2s;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-button:hover,
body.woocommerce-order-received .woocommerce-order .button:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 14px 30px rgba(212,168,67,0.28) !important;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-button.button.pay {
  /* Primary pay-again CTA — make it pop just slightly more */
  font-size: 1rem !important;
}

/* WooCommerce notices block above the order body — match dashboard tone */
body.woocommerce-order-received .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-order-received .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-order-received .woocommerce-notices-wrapper .woocommerce-error {
  background: var(--ut-bg-card) !important;
  border: 1px solid var(--ut-border) !important;
  border-radius: 14px !important;
  color: var(--ut-text) !important;
  padding: 14px 18px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
}

/* Reduced motion — kill the button hover translate */
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-order-received .woocommerce-order .woocommerce-button,
  body.woocommerce-order-received .woocommerce-order .button {
    transition: none !important;
  }
  body.woocommerce-order-received .woocommerce-order .woocommerce-button:hover,
  body.woocommerce-order-received .woocommerce-order .button:hover {
    transform: none !important;
  }
}

/* Mobile tightening */
@media (max-width: 640px) {
  body.woocommerce-order-received .entry-content,
  body.woocommerce-order-received main { padding: 14px 12px 50px; }
  body.woocommerce-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received .woocommerce-thankyou-order-details {
    grid-template-columns: 1fr 1fr !important;
    padding: 14px !important;
    gap: 10px !important;
  }
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received section.woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    padding: 16px !important;
    border-radius: 16px !important;
  }
  body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td {
    padding: 10px 6px !important;
    font-size: 0.86rem !important;
  }
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-size: 1.05rem !important;
  }
}
@media (max-width: 420px) {
  body.woocommerce-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received .woocommerce-thankyou-order-details {
    grid-template-columns: 1fr !important;
  }
}

/* ========== Order received v2: premium glass confirmation ========== */
body.woocommerce-order-received {
  background:
    radial-gradient(circle at 50% -14%, rgba(212, 168, 67, 0.12), transparent 34%),
    radial-gradient(circle at 94% 22%, rgba(107, 28, 42, 0.18), transparent 28%),
    var(--ut-bg) !important;
}
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received .page-title {
  display: none !important;
}
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received main {
  max-width: 1040px !important;
  padding: clamp(26px, 5vw, 54px) clamp(14px, 3vw, 24px) 120px !important;
}
body.woocommerce-order-received .woocommerce-order {
  --ut-glass: rgba(17, 19, 24, 0.68);
  --ut-glass-strong: rgba(21, 22, 27, 0.78);
  width: min(100%, 980px);
  margin: 0 auto !important;
  display: grid !important;
  gap: clamp(16px, 3vw, 22px) !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  position: relative;
  overflow: hidden;
  min-height: 156px;
  display: grid;
  place-items: center;
  padding: 76px clamp(18px, 4vw, 30px) 28px !important;
  margin: 0 !important;
  border: 1px solid rgba(212, 168, 67, 0.24);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 168, 67, 0.23), transparent 42%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.025)),
    var(--ut-glass) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
  color: var(--ut-gold) !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: clamp(1.35rem, 4.4vw, 2rem) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "✓";
  position: absolute;
  top: 24px;
  left: 50%;
  width: 42px;
  height: 42px;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #28D36B, #118C4A);
  color: #08110C;
  font-family: "Thmanyah Sans", sans-serif;
  font-size: 1.35rem;
  font-weight: 900;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.08) 42%, transparent 52%),
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.10), transparent 22%);
  opacity: 0.68;
  pointer-events: none;
}

body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-thankyou-order-details {
  position: relative;
  overflow: hidden;
  padding: clamp(14px, 3vw, 20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.024)),
    var(--ut-glass) !important;
  box-shadow:
    0 22px 64px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) saturate(1.16);
  -webkit-backdrop-filter: blur(16px) saturate(1.16);
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-thankyou-order-details li {
  min-height: 78px;
  justify-content: center;
  gap: 7px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(212, 168, 67, 0.16) !important;
  border-radius: 18px !important;
  border-right: 0 !important;
  background:
    linear-gradient(145deg, rgba(212, 168, 67, 0.085), rgba(255, 255, 255, 0.025)),
    rgba(7, 9, 12, 0.46) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065);
  color: rgba(237, 228, 208, 0.68) !important;
  line-height: 1.35 !important;
}
body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
  color: #fff !important;
  font-size: clamp(0.94rem, 2.2vw, 1.08rem) !important;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__email,
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__payment-method {
  grid-column: span 2;
}
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total {
  background:
    radial-gradient(circle at 12% 18%, rgba(212, 168, 67, 0.28), transparent 42%),
    linear-gradient(145deg, rgba(212, 168, 67, 0.16), rgba(255, 255, 255, 0.035)),
    rgba(8, 10, 12, 0.58) !important;
  border-color: rgba(212, 168, 67, 0.34) !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received section.woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body.woocommerce-order-received .woocommerce-order-downloads {
  overflow: hidden;
  padding: clamp(16px, 3vw, 26px) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(212, 168, 67, 0.13), transparent 32%),
    linear-gradient(150deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.022)),
    var(--ut-glass) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) saturate(1.16);
  -webkit-backdrop-filter: blur(16px) saturate(1.16);
}
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received h2.woocommerce-order-details__title,
body.woocommerce-order-received section.woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-column__title {
  min-height: 34px;
  margin: 0 0 18px !important;
  padding: 0 14px 14px 0 !important;
  border-bottom: 1px solid rgba(212, 168, 67, 0.18) !important;
  color: #fff !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: clamp(1.18rem, 3vw, 1.42rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
body.woocommerce-order-received .woocommerce-order-details h2::before,
body.woocommerce-order-received h2.woocommerce-order-details__title::before,
body.woocommerce-order-received section.woocommerce-customer-details h2::before,
body.woocommerce-order-received .woocommerce-column__title::before {
  width: 5px !important;
  height: 24px !important;
  margin-top: -7px !important;
  background: linear-gradient(180deg, var(--ut-gold), rgba(212, 168, 67, 0.46)) !important;
  box-shadow: 0 0 16px rgba(212, 168, 67, 0.20);
}

body.woocommerce-order-received .woocommerce-table--order-details {
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
}
body.woocommerce-order-received .woocommerce-table--order-details thead th {
  padding: 0 14px 8px !important;
  color: rgba(237, 228, 208, 0.62) !important;
  border-bottom: 0 !important;
}
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item,
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.woocommerce-table__line-item {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(8, 10, 13, 0.48) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td,
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.woocommerce-table__line-item td {
  padding: 16px !important;
}
body.woocommerce-order-received .woocommerce-table--order-details .product-name a,
body.woocommerce-order-received .woocommerce-table--order-details .woocommerce-table__product-name a,
body.woocommerce-order-received .woocommerce-table--order-details .ut-checkout-product-title {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  line-height: 1.45;
}
body.woocommerce-order-received .woocommerce-table--order-details .product-quantity {
  display: inline-flex;
  margin-inline-start: 6px;
  color: var(--ut-gold) !important;
  font-size: 0.9rem;
}
body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta,
body.woocommerce-order-received .woocommerce-table--order-details dl.variation,
body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta {
  display: grid !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(212, 168, 67, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(212, 168, 67, 0.055) !important;
}
body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta li {
  display: grid;
  grid-template-columns: minmax(82px, auto) minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}
body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta strong,
body.woocommerce-order-received .woocommerce-table--order-details dl.variation dt {
  color: var(--ut-gold) !important;
  white-space: nowrap;
}
body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta p,
body.woocommerce-order-received .woocommerce-table--order-details dl.variation dd {
  color: #fff !important;
  text-align: end;
  overflow-wrap: anywhere;
}
body.woocommerce-order-received .woocommerce-table--order-details .product-total,
body.woocommerce-order-received .woocommerce-table--order-details .product-total bdi {
  color: #fff !important;
  font-weight: 900 !important;
  white-space: nowrap;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot {
  margin-top: 12px;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
  background: rgba(7, 9, 12, 0.36) !important;
  border-bottom: 0 !important;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  padding: 13px 16px !important;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot th {
  color: rgba(237, 228, 208, 0.72) !important;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.order-total,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child {
  background:
    linear-gradient(145deg, rgba(212, 168, 67, 0.13), rgba(255, 255, 255, 0.025)),
    rgba(7, 9, 12, 0.52) !important;
}
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.order-total td,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.order-total td bdi,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td bdi {
  color: var(--ut-gold) !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-button,
body.woocommerce-order-received .woocommerce-order .button {
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 15px !important;
}
body.woocommerce-order-received #wa-opener {
  bottom: 28px !important;
}
body.woocommerce-order-received #wa-popup {
  bottom: 104px !important;
}

@media (max-width: 760px) {
  body.woocommerce-order-received .entry-content,
  body.woocommerce-order-received main {
    padding: 18px 12px 118px !important;
  }
  body.woocommerce-order-received .woocommerce-order {
    gap: 16px !important;
  }
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    min-height: 146px;
    border-radius: 22px;
    padding: 72px 18px 24px !important;
  }
  body.woocommerce-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received .woocommerce-thankyou-order-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    gap: 10px !important;
    padding: 12px !important;
  }
  body.woocommerce-order-received .woocommerce-order-overview li,
  body.woocommerce-order-received ul.woocommerce-order-overview li,
  body.woocommerce-order-received .woocommerce-thankyou-order-details li {
    min-height: 74px;
    padding: 12px !important;
    border-radius: 16px !important;
    font-size: 0.72rem !important;
  }
  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__email,
  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__payment-method,
  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total {
    grid-column: 1 / -1;
  }
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received section.woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    border-radius: 22px !important;
    padding: 16px !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details,
  body.woocommerce-order-received .woocommerce-table--order-details thead,
  body.woocommerce-order-received .woocommerce-table--order-details tbody,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot,
  body.woocommerce-order-received .woocommerce-table--order-details tr,
  body.woocommerce-order-received .woocommerce-table--order-details th,
  body.woocommerce-order-received .woocommerce-table--order-details td {
    display: block !important;
    width: 100% !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details thead {
    display: none !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item,
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.woocommerce-table__line-item {
    display: grid !important;
    gap: 0;
    margin: 0 0 12px !important;
    padding: 14px !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td,
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.woocommerce-table__line-item td {
    padding: 0 !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details td.product-total {
    margin-top: 14px;
    padding-top: 12px !important;
    border-top: 1px solid rgba(212, 168, 67, 0.18) !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  body.woocommerce-order-received .woocommerce-table--order-details td.product-total::before {
    content: "المجموع";
    color: rgba(237, 228, 208, 0.70);
    font-size: 0.82rem;
    font-weight: 800;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot {
    display: grid !important;
    gap: 8px;
    margin-top: 14px !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 15px !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    padding: 0 !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    text-align: end !important;
  }
  body.woocommerce-order-received #wa-opener {
    bottom: 22px !important;
  }
  body.woocommerce-order-received #wa-popup {
    bottom: 92px !important;
  }
}

@media (max-width: 420px) {
  body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta li {
    grid-template-columns: 1fr;
  }
  body.woocommerce-order-received .woocommerce-table--order-details .wc-item-meta p,
  body.woocommerce-order-received .woocommerce-table--order-details dl.variation dd {
    text-align: start;
  }
}

/* Order received final receipt polish: compact overview and non-overlapping contact details. */
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-thankyou-order-details {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas: "order date" "email email" "total payment" !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 14px !important;
  margin: 0 !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
  color: transparent !important;
  font-size: 0 !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "✓" !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
  content: "شكراً لك، تم استلام طلبك" !important;
  position: absolute !important;
  inset: auto !important;
  top: 86px !important;
  left: 50% !important;
  width: calc(100% - 36px) !important;
  transform: translateX(-50%) !important;
  background: none !important;
  color: #D4A843 !important;
  opacity: 1 !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: clamp(1.35rem, 4.4vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-thankyou-order-details li {
  min-height: 0 !important;
  padding: 13px 14px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  text-align: right !important;
  font-size: 0 !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  border-right: 3px solid rgba(212,168,67,0.78) !important;
  border-left: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-overview li::before,
body.woocommerce-order-received ul.woocommerce-order-overview li::before,
body.woocommerce-order-received .woocommerce-thankyou-order-details li::before {
  display: block !important;
  color: rgba(237,228,208,0.68) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

body.woocommerce-order-received .woocommerce-order-overview__order::before {
  content: "رقم الطلب" !important;
}

body.woocommerce-order-received .woocommerce-order-overview__date::before {
  content: "التاريخ" !important;
}

body.woocommerce-order-received .woocommerce-order-overview__email::before {
  content: "البريد الإلكتروني" !important;
}

body.woocommerce-order-received .woocommerce-order-overview__total::before {
  content: "المجموع" !important;
}

body.woocommerce-order-received .woocommerce-order-overview__payment-method::before {
  content: "وسيلة الدفع" !important;
}

body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-thankyou-order-details li strong {
  display: block !important;
  max-width: 100% !important;
  color: #F4EFE6 !important;
  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: right !important;
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

body.woocommerce-order-received .woocommerce-order-overview__order {
  grid-area: order !important;
}

body.woocommerce-order-received .woocommerce-order-overview__date {
  grid-area: date !important;
}

body.woocommerce-order-received .woocommerce-order-overview__email {
  grid-area: email !important;
}

body.woocommerce-order-received .woocommerce-order-overview__total {
  grid-area: total !important;
}

body.woocommerce-order-received .woocommerce-order-overview__payment-method {
  grid-area: payment !important;
}

body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__email {
  grid-column: 1 / -1 !important;
}

body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total,
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__payment-method {
  min-width: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total strong,
body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total bdi {
  color: #D4A843 !important;
}

body.woocommerce-order-received .arabut-receipt-total {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  max-width: 100% !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}

body.woocommerce-order-received .arabut-receipt-total__before {
  color: rgba(237, 228, 208, 0.50) !important;
  font-size: 0.78em !important;
  font-weight: 800 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: rgba(212, 168, 67, 0.72) !important;
}

body.woocommerce-order-received .arabut-receipt-total__final {
  color: #D4A843 !important;
  font-size: 1em !important;
  font-weight: 950 !important;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.cart-subtotal,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.cart-discount {
  display: none !important;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.order-total td strong,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr.order-total td .arabut-receipt-total {
  width: 100% !important;
}

@media (max-width: 760px) {
  body.woocommerce-order-received .woocommerce-table--order-details td.product-total {
    display: none !important;
  }

  body.woocommerce-order-received .woocommerce-table--order-details td.product-total::before {
    content: none !important;
  }
}

body.woocommerce-order-received .woocommerce-customer-details {
  direction: rtl !important;
  text-align: right !important;
  overflow: hidden !important;
}

body.woocommerce-order-received .woocommerce-customer-details .col2-set,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns {
  display: block !important;
}

body.woocommerce-order-received .woocommerce-customer-details .col-1,
body.woocommerce-order-received .woocommerce-customer-details .col-2,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #F4EFE6 !important;
  font-style: normal !important;
  line-height: 1.85 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.woocommerce-order-received .woocommerce-customer-details address p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  color: rgba(237,228,208,0.72) !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
  overflow-wrap: anywhere !important;
}

body.woocommerce-order-received .woocommerce-customer-details address p::before {
  position: static !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 420px) {
  body.woocommerce-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received .woocommerce-thankyou-order-details {
    grid-template-columns: 1fr !important;
    grid-template-areas: "order" "date" "email" "total" "payment" !important;
  }

  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__email,
  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__total,
  body.woocommerce-order-received .woocommerce-order-overview li.woocommerce-order-overview__payment-method {
    min-width: 0 !important;
  }
}

/* Cart/checkout currency notice: keep WooPayments prompt on-brand. */
body.woocommerce-cart .woocommerce-store-notice.demo_store,
body.woocommerce-checkout .woocommerce-store-notice.demo_store,
body.woocommerce-order-received .woocommerce-store-notice.demo_store,
body.woocommerce-cart p.woocommerce-store-notice.demo_store,
body.woocommerce-checkout p.woocommerce-store-notice.demo_store,
body.woocommerce-order-received p.woocommerce-store-notice.demo_store {
  position: sticky !important;
  top: 0 !important;
  z-index: 9000 !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(212, 168, 67, 0.28) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(17, 13, 7, 0.96), rgba(30, 22, 10, 0.96), rgba(17, 13, 7, 0.96)) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38) !important;
  color: var(--ut-text, #EDE4D0) !important;
  font-family: "Thmanyah Sans", sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-align: start !important;
}
body.woocommerce-cart .woocommerce-store-notice.demo_store::before,
body.woocommerce-checkout .woocommerce-store-notice.demo_store::before,
body.woocommerce-order-received .woocommerce-store-notice.demo_store::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(212, 168, 67, 0.22), transparent 62%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23D4A843' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M2 12h20'/><path d='M12 2a15.3 15.3 0 010 20'/><path d='M12 2a15.3 15.3 0 000 20'/></svg>") center/contain no-repeat;
}
body.woocommerce-cart .woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link),
body.woocommerce-checkout .woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link),
body.woocommerce-order-received .woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link) {
  color: var(--ut-gold, #D4A843) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
body.woocommerce-cart .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link,
body.woocommerce-checkout .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link,
body.woocommerce-order-received .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link {
  width: 28px !important;
  height: 28px !important;
  margin-inline-start: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto;
  border: 1px solid rgba(212, 168, 67, 0.24) !important;
  border-radius: 50% !important;
  background: rgba(212, 168, 67, 0.08) !important;
  color: var(--ut-gold, #D4A843) !important;
  font-size: 0 !important;
  text-decoration: none !important;
}
body.woocommerce-cart .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link::after,
body.woocommerce-checkout .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link::after,
body.woocommerce-order-received .woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link::after {
  content: "×";
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
}

/* ========== Cart/checkout refinement v3 ========== */
body.woocommerce-cart table.shop_table tbody tr.cart_item,
body.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
  direction: ltr !important;
  grid-template-columns: 118px minmax(0, 1fr) 36px !important;
  grid-template-areas:
    "thumb name remove"
    "thumb total total" !important;
  align-items: start !important;
}
body.woocommerce-cart .product-thumbnail {
  justify-self: start !important;
}
body.woocommerce-cart .product-thumbnail a {
  padding: 7px !important;
  overflow: hidden !important;
}
body.woocommerce-cart table.shop_table .product-thumbnail img,
body.woocommerce-cart .product-thumbnail img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}
body.woocommerce-cart .product-name,
body.woocommerce-cart .product-subtotal {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-cart .product-remove {
  justify-self: end !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  padding: 16px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
    rgba(17, 18, 22, 0.78) !important;
  border: 1px solid rgba(212,168,67,0.18) !important;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout label.checkbox,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods-saveNew {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  line-height: 1.65 !important;
}
.woocommerce-checkout input#terms,
.woocommerce-checkout #payment input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  margin: 2px 0 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(212,168,67,0.34) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
    rgba(8,10,14,0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 18px rgba(0,0,0,0.20) !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer;
}
.woocommerce-checkout input#terms::after,
.woocommerce-checkout #payment input[type="checkbox"]::after {
  content: "";
  width: 12px;
  height: 7px;
  border-left: 3px solid #08110C;
  border-bottom: 3px solid #08110C;
  transform: rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform .16s ease;
}
.woocommerce-checkout input#terms:checked,
.woocommerce-checkout #payment input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #F2D27C, #D4A843) !important;
  border-color: rgba(244,208,122,0.82) !important;
}
.woocommerce-checkout input#terms:checked::after,
.woocommerce-checkout #payment input[type="checkbox"]:checked::after {
  transform: rotate(-45deg) scale(1);
}

@media (max-width: 640px) {
  body.woocommerce-cart table.shop_table tbody tr.cart_item,
  body.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
    grid-template-columns: 104px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
  }
  body.woocommerce-cart .product-thumbnail {
    width: 104px !important;
  }
  body.woocommerce-cart .product-name .wc-item-meta,
  body.woocommerce-cart .product-name dl.variation {
    grid-template-columns: 1fr !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 380px) {
  body.woocommerce-cart table.shop_table tbody tr.cart_item,
  body.woocommerce-cart table.shop_table tbody tr.woocommerce-cart-form__cart-item {
    grid-template-columns: 90px minmax(0, 1fr) 32px !important;
  }
  body.woocommerce-cart .product-thumbnail {
    width: 90px !important;
  }
}

@media (max-width: 760px) {
  body.woocommerce-order-received .woocommerce-table--order-details,
  body.woocommerce-order-received .woocommerce-table--order-details thead,
  body.woocommerce-order-received .woocommerce-table--order-details tbody,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot,
  body.woocommerce-order-received .woocommerce-table--order-details tr,
  body.woocommerce-order-received .woocommerce-table--order-details th,
  body.woocommerce-order-received .woocommerce-table--order-details td {
    display: block !important;
    width: 100% !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details thead {
    display: none !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item,
  body.woocommerce-order-received .woocommerce-table--order-details tbody tr.woocommerce-table__line-item {
    padding: 14px !important;
    margin-bottom: 12px !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tbody td {
    padding: 0 !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details .product-total {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details .product-total::before {
    content: "المجموع";
    color: rgba(237,228,208,0.62);
    font-weight: 900;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot {
    display: grid !important;
    gap: 8px;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 14px !important;
    border-radius: 14px;
    background: rgba(7,9,12,0.40) !important;
  }
  body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    padding: 0 !important;
    border: 0 !important;
  }
}

/* ========== FINAL CART WINNING OVERRIDES: RTL totals + no USD chip ========== */
body.woocommerce-cart .arabut-usd-payment-note,
body.woocommerce-checkout .arabut-usd-payment-note {
  display: none !important;
}
body.woocommerce-cart .cart_totals {
  direction: rtl !important;
  text-align: right !important;
}
body.woocommerce-cart .cart_totals h2 {
  justify-content: flex-start !important;
  direction: rtl !important;
  text-align: right !important;
  color: transparent !important;
  font-size: 0 !important;
}
body.woocommerce-cart .cart_totals h2::after {
  content: "إجمالي السلة";
  color: #fff !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}
body.woocommerce-cart .cart_totals table,
body.woocommerce-cart .cart_totals tbody {
  display: block !important;
  width: 100% !important;
}
body.woocommerce-cart .cart_totals tr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  direction: rtl !important;
}
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
  width: auto !important;
  display: block !important;
  padding: 13px 0 !important;
}
body.woocommerce-cart .cart_totals th {
  color: transparent !important;
  font-size: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
body.woocommerce-cart .cart_totals th::after {
  color: rgba(237,228,208,0.72) !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
}
body.woocommerce-cart .cart_totals tr.cart-subtotal th::after {
  content: "المجموع الفرعي:";
}
body.woocommerce-cart .cart_totals tr.order-total th::after {
  content: "المجموع:";
}
body.woocommerce-cart .cart_totals td {
  direction: ltr !important;
  text-align: left !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums;
}
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total td bdi,
body.woocommerce-cart .cart_totals .order-total td strong {
  color: var(--ut-gold, #D4A843) !important;
}
body.woocommerce-cart .coupon input,
body.woocommerce-cart .coupon .input-text {
  direction: rtl !important;
  text-align: right !important;
}
/* Premium empty cart state */
.woocommerce-cart .cart-empty.woocommerce-info,
.woocommerce-cart p.cart-empty {
  max-width: 560px !important;
  margin: 40px auto 14px !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,168,67,0.12), transparent 44%),
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
    rgba(15,22,28,0.86) !important;
  border: 1px solid rgba(212,168,67,0.18) !important;
  border-radius: 22px !important;
  padding: 42px 28px !important;
  color: var(--ut-text, #EDE4D0) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  box-shadow: 0 20px 54px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.woocommerce-cart .cart-empty.woocommerce-info::before {
  content: "" !important;
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 16px !important;
  border-radius: 18px !important;
  background:
    rgba(212,168,67,0.14)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23D4A843' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h8.78a2 2 0 0 0 1.95-1.57L21 7H5.12'/%3E%3C/svg%3E")
    center/26px no-repeat !important;
  border: 1px solid rgba(212,168,67,0.20) !important;
  opacity: 1 !important;
}

/* Checkout: validation notices float above the page instead of pushing the form down. */
body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout {
  position: fixed !important;
  inset-block-start: calc(env(safe-area-inset-top, 0px) + 74px) !important;
  inset-inline: 0 !important;
  width: min(92vw, 520px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  z-index: 10060 !important;
  pointer-events: none !important;
}

body.admin-bar.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout {
  inset-block-start: calc(env(safe-area-inset-top, 0px) + 104px) !important;
}

body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout .woocommerce-error {
  pointer-events: auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(239,68,68,0.48) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(239,68,68,0.18), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.026)),
    rgba(22, 16, 18, 0.90) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  color: #F4EFE6 !important;
  font-family: "Thmanyah Sans", Tahoma, Arial, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  line-height: 1.65 !important;
  direction: rtl !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
  animation: arabutNoticeFloatIn .26s cubic-bezier(.22, 1, .36, 1) both;
}

body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout .woocommerce-error::before {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  margin-inline: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(239,68,68,0.15) !important;
  color: #FCA5A5 !important;
  font-size: 0.82rem !important;
  line-height: 1 !important;
}

body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout .woocommerce-error li {
  margin: 0 !important;
  color: inherit !important;
}

/* Checkout: make "ملخص الطلب" the attached header of the order summary card. */
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout form.checkout #order_review {
  width: 100% !important;
  max-width: 760px !important;
  margin-inline: auto !important;
}

body.woocommerce-checkout form.checkout #order_review_heading {
  margin-block: 22px 0 !important;
  padding: 18px 18px 12px !important;
  border: 1px solid rgba(212,168,67,0.18) !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(212,168,67,0.10), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
    rgba(17, 18, 22, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.20) !important;
  position: relative !important;
  z-index: 2 !important;
}

body.woocommerce-checkout form.checkout #order_review_heading::after {
  display: block !important;
  text-align: right !important;
}

body.woocommerce-checkout form.checkout #order_review {
  margin-block-start: 0 !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 24px 58px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  position: relative !important;
  z-index: 1 !important;
}

body.woocommerce-checkout form.checkout #order_review::before {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  margin: -2px 0 14px !important;
  background: linear-gradient(90deg, transparent, rgba(212,168,67,0.32), transparent) !important;
}

@media (max-width: 640px) {
  body.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout {
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 66px) !important;
    width: calc(100vw - 24px) !important;
  }

  body.admin-bar.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout {
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 98px) !important;
  }

  body.woocommerce-checkout form.checkout #order_review_heading {
    padding: 16px 14px 10px !important;
    border-radius: 20px 20px 0 0 !important;
  }

  body.woocommerce-checkout form.checkout #order_review {
    border-radius: 0 0 20px 20px !important;
  }
}

/* Final notice layer: beats the older cart/checkout notice blocks above. */
body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout,
form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  position: fixed !important;
  inset-block-start: calc(env(safe-area-inset-top, 0px) + 74px) !important;
  inset-inline: 0 !important;
  width: min(92vw, 520px) !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  z-index: 10080 !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
}

body.admin-bar.woocommerce-cart .woocommerce-notices-wrapper,
body.admin-bar.woocommerce-checkout .woocommerce-notices-wrapper,
body.admin-bar .woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout,
body.admin-bar form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  inset-block-start: calc(env(safe-area-inset-top, 0px) + 104px) !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-info,
body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-error,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-info,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-error,
.woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error,
form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error {
  pointer-events: auto !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(212,168,67,0.26) !important;
  border-right: 1px solid rgba(212,168,67,0.26) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(212,168,67,0.17), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.115), rgba(255,255,255,0.028)),
    rgba(15, 18, 23, 0.90) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,0.50), inset 0 1px 0 rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  color: #F4EFE6 !important;
  font-family: "Thmanyah Sans", Tahoma, Arial, sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
  direction: rtl !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
  animation: arabutNoticeFloatIn .26s cubic-bezier(.22, 1, .36, 1) both !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-error,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-error,
.woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error,
form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error {
  border-color: rgba(239,68,68,0.46) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(239,68,68,0.18), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.026)),
    rgba(22, 16, 18, 0.92) !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-message {
  border-color: rgba(34,197,94,0.40) !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-message::before,
body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-info::before,
body.woocommerce-cart .woocommerce-notices-wrapper > .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-notices-wrapper > .woocommerce-error::before,
.woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error::before,
form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > .woocommerce-error::before {
  display: inline-grid !important;
  position: static !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  margin-inline: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(212,168,67,0.16) !important;
  color: #D4A843 !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper .button,
body.woocommerce-cart .woocommerce-notices-wrapper a.button,
body.woocommerce-cart .woocommerce-notices-wrapper a.restore-item,
body.woocommerce-checkout .woocommerce-notices-wrapper .button,
body.woocommerce-checkout .woocommerce-notices-wrapper a.button {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  margin: 0 10px 0 0 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(212,168,67,0.30) !important;
  background: rgba(212,168,67,0.13) !important;
  color: #F5D77E !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
}

@media (max-width: 640px) {
  body.woocommerce-cart .woocommerce-notices-wrapper,
  body.woocommerce-checkout .woocommerce-notices-wrapper,
  .woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout,
  form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 66px) !important;
    width: calc(100vw - 24px) !important;
  }

  body.admin-bar.woocommerce-cart .woocommerce-notices-wrapper,
  body.admin-bar.woocommerce-checkout .woocommerce-notices-wrapper,
  body.admin-bar .woocommerce form.checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout,
  body.admin-bar form.checkout.woocommerce-checkout > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 98px) !important;
  }
}
body.woocommerce-cart .woocommerce:has(.wc-empty-cart-message) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 560px) !important;
  min-height: clamp(340px, 52vh, 520px) !important;
  margin: 0 auto !important;
  padding: clamp(28px, 7vw, 46px) !important;
  border: 1px solid rgba(212,168,67,0.18) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,168,67,0.16), transparent 42%),
    linear-gradient(180deg, rgba(34,28,18,0.92), rgba(10,9,7,0.98)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.woocommerce-cart .woocommerce:has(.wc-empty-cart-message)::before {
  content: "";
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  border-radius: 18px;
  border: 1px solid rgba(212,168,67,0.24);
  background:
    linear-gradient(135deg, rgba(212,168,67,0.26), rgba(212,168,67,0.06)),
    url("/wp-content/themes/arabut-child/assets/images/arabut-logo-header.webp") center/74% no-repeat;
  box-shadow: 0 14px 34px rgba(212,168,67,0.12);
}

body.woocommerce-cart .wc-empty-cart-message {
  margin: 0 !important;
  width: 100% !important;
}

body.woocommerce-cart .cart-empty.woocommerce-info {
  margin: 0 auto 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #F4EFE6 !important;
  font-family: "Thmanyah Serif Display", "Thmanyah Sans", sans-serif !important;
  font-size: clamp(1.2rem, 6vw, 1.7rem) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

body.woocommerce-cart .cart-empty.woocommerce-info::before {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: var(--ut-gold, #D4A843);
}

body.woocommerce-cart .return-to-shop {
  margin: 0 !important;
}

body.woocommerce-cart .return-to-shop .button {
  min-height: 48px !important;
  padding: 13px 22px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #F2D27C, var(--ut-gold, #D4A843)) !important;
  color: #120D05 !important;
  box-shadow: 0 14px 28px rgba(212,168,67,0.2) !important;
  font-weight: 950 !important;
}

@media (max-width: 640px) {
  body.woocommerce-cart .woocommerce:has(.wc-empty-cart-message) {
    width: calc(100vw - 32px) !important;
    min-height: 360px !important;
    padding: 32px 22px !important;
    border-radius: 20px !important;
  }
}

body.woocommerce-cart .entry-content > .woocommerce:has(.wc-empty-cart-message) {
  width: min(100% - 44px, 480px) !important;
  min-height: clamp(230px, 32vh, 300px) !important;
  margin: 26px auto 90px !important;
  padding: clamp(24px, 6vw, 36px) clamp(18px, 5vw, 30px) !important;
  gap: 10px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,168,67,.13), transparent 44%),
    linear-gradient(180deg, rgba(23,18,11,.97), rgba(7,7,8,.99)) !important;
}

body.woocommerce-cart .entry-content > .woocommerce:has(.wc-empty-cart-message)::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 8px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(212,168,67,.28) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(230,189,79,.24), transparent 58%),
    linear-gradient(135deg, rgba(230,189,79,.18), rgba(201,154,47,.06)),
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 fill=%22none%22%3E%3Cpath d=%22M19 25h26l-3 23H22L19 25Z%22 stroke=%22%23E6BD4F%22 stroke-width=%223.8%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M25 25c0-7.5 3.7-12 7-12s7 4.5 7 12%22 stroke=%22%23F4EAD6%22 stroke-width=%223.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M25 51h14%22 stroke=%22%23A98735%22 stroke-width=%223.2%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M47 16l2 4 4 2-4 2-2 4-2-4-4-2 4-2 2-4Z%22 fill=%22%23E6BD4F%22/%3E%3C/svg%3E") center/34px 34px no-repeat !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
}

body.woocommerce-cart .entry-content > .woocommerce:has(.wc-empty-cart-message) .cart-empty {
  margin: 0 auto 2px !important;
  font-size: clamp(1rem, 4vw, 1.18rem) !important;
}

body.woocommerce-cart .entry-content > .woocommerce:has(.wc-empty-cart-message) .cart-empty::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 640px) {
  body.woocommerce-cart .entry-content > .woocommerce:has(.wc-empty-cart-message) {
    width: calc(100% - 56px) !important;
    margin-top: 26px !important;
    min-height: 260px !important;
    border-radius: 18px !important;
  }
}

/* Checkout repair layer: keep billing, express pay, summary, and card fields in one stable layout. */
body.woocommerce-checkout .arabut-hidden-field,
body.woocommerce-checkout .form-row-hidden {
  display: none !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 400px) !important;
  grid-template-areas:
    "billing express"
    "billing order-head"
    "billing order" !important;
  column-gap: clamp(22px, 4vw, 44px) !important;
  row-gap: 0 !important;
  align-items: start !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > * {
  direction: rtl !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details {
  grid-area: billing !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading {
  grid-area: order-head !important;
  width: 100% !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
  grid-area: order !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  overflow: visible !important;
  position: sticky !important;
  top: 96px !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review::before {
  margin-top: -1px !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-express-checkout-element,
body.woocommerce-checkout form.checkout.woocommerce-checkout > #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wcpay-express-checkout-wrapper,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-block-components-express-payment,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-payment-request-wrapper {
  grid-area: express !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 14px !important;
  clear: none !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout form.checkout.woocommerce-checkout > #wc-stripe-payment-request-button-separator,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-payment-request-button-separator,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wcpay-express-checkout-separator,
body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-block-components-express-payment-continue-rule {
  display: none !important;
}

body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment ul.payment_methods li,
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe,
body.woocommerce-checkout #payment ul.payment_methods li.payment_method_woocommerce_payments,
body.woocommerce-checkout #payment div.payment_box,
body.woocommerce-checkout #payment div.payment_box fieldset,
body.woocommerce-checkout #payment .wc-payment-form,
body.woocommerce-checkout #payment .payment_box.payment_method_stripe,
body.woocommerce-checkout #payment .payment_box.payment_method_woocommerce_payments {
  overflow: visible !important;
}

body.woocommerce-checkout #payment div.payment_box fieldset p,
body.woocommerce-checkout #payment div.payment_box fieldset p.form-row,
body.woocommerce-checkout #payment div.payment_box .form-row,
body.woocommerce-checkout #payment .wc-payment-form .form-row {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 12px 0 0 !important;
  clear: both !important;
}

body.woocommerce-checkout #payment div.payment_box fieldset label,
body.woocommerce-checkout #payment .wc-payment-form label {
  display: block !important;
  margin: 0 0 7px !important;
}

body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .wc-stripe-iban-element-field,
body.woocommerce-checkout #payment .StripeElement,
body.woocommerce-checkout #payment #stripe-card-element,
body.woocommerce-checkout #payment #stripe-exp-element,
body.woocommerce-checkout #payment #stripe-cvc-element,
body.woocommerce-checkout #payment #wcpay-card-element,
body.woocommerce-checkout #payment #wcpay-upe-element,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-upe-element,
body.woocommerce-checkout #payment .wc-credit-card-form-card-number,
body.woocommerce-checkout #payment .wc-credit-card-form-card-expiry,
body.woocommerce-checkout #payment .wc-credit-card-form-card-cvc {
  display: block !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(212,168,67,0.24) !important;
  border-radius: 13px !important;
  background: rgba(13, 12, 10, 0.78) !important;
  color: #F4EFE6 !important;
  box-sizing: border-box !important;
}

body.woocommerce-checkout #payment .StripeElement iframe,
body.woocommerce-checkout #payment .wcpay-upe-element iframe,
body.woocommerce-checkout #payment .wc-stripe-upe-element iframe,
body.woocommerce-checkout #payment #wcpay-upe-element iframe,
body.woocommerce-checkout #payment #wcpay-card-element iframe {
  display: block !important;
  width: 100% !important;
  min-height: 24px !important;
}

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

  body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-express-checkout-element,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #wc-stripe-payment-request-wrapper,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wcpay-express-checkout-wrapper,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-block-components-express-payment,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-payment-request-wrapper,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #wc-stripe-payment-request-button-separator,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-payment-request-button-separator,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wcpay-express-checkout-separator,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-block-components-express-payment-continue-rule {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-express-checkout-element,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #wc-stripe-payment-request-wrapper,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wcpay-express-checkout-wrapper,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-block-components-express-payment,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .wc-stripe-payment-request-wrapper {
    margin-top: 16px !important;
  }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
    position: relative !important;
    top: auto !important;
  }
}

/* Mobile checkout final alignment: attach the summary title and remove hidden admin offset. */
body.woocommerce-checkout form.checkout.woocommerce-checkout #billing_country_field.arabut-hidden-field,
body.woocommerce-checkout form.checkout.woocommerce-checkout #billing_address_1_field.arabut-hidden-field,
body.woocommerce-checkout form.checkout.woocommerce-checkout #billing_city_field.arabut-hidden-field,
body.woocommerce-checkout form.checkout.woocommerce-checkout #billing_postcode_field.arabut-hidden-field,
body.woocommerce-checkout form.checkout.woocommerce-checkout .form-row-hidden.arabut-hidden-field {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 900px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading {
    display: none !important;
  }

  body form.checkout.woocommerce-checkout > #order_review,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
    width: 100% !important;
    max-width: none !important;
    margin: 20px 0 0 !important;
    border-top: 1px solid rgba(212,168,67,0.18) !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    position: relative !important;
    top: auto !important;
  }

  body form.checkout.woocommerce-checkout > #order_review::before,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review::before {
    content: "\0645\0644\062E\0635 \0627\0644\0637\0644\0628" !important;
    display: block !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 2px 14px !important;
    border-bottom: 1px solid rgba(212,168,67,0.18) !important;
    background: none !important;
    color: #F4EFE6 !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
    text-align: right !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "name total" "meta meta" !important;
    gap: 12px 14px !important;
    align-items: center !important;
    padding: 14px 0 16px !important;
  }

  body.woocommerce-checkout #order_review .cart_item .product-name {
    grid-area: name !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.woocommerce-checkout #order_review .cart_item .product-total {
    grid-area: total !important;
    align-self: center !important;
    justify-self: end !important;
    padding: 0 !important;
    color: #D4A843 !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
  }

  body.woocommerce-checkout #order_review .cart_item .wc-item-meta,
  body.woocommerce-checkout #order_review .cart_item dl.variation {
    grid-area: meta !important;
    margin-top: 0 !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.cart-subtotal {
    display: none !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot {
    display: flex !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(212,168,67,0.16) !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th {
    color: rgba(244,239,230,0.82) !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: nowrap !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th::before,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th::after {
    content: none !important;
    display: none !important;
  }

  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td,
  body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td bdi {
    color: #D4A843 !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper p.validate-required {
    margin: 0 !important;
  }

  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }

  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper input#terms {
    flex: 0 0 24px !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text {
    display: inline !important;
    width: auto !important;
    max-width: calc(100% - 34px) !important;
    flex: 0 1 auto !important;
  }

  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text .required,
  body.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper .required {
    display: inline !important;
    position: static !important;
    margin-inline: 3px 0 !important;
    vertical-align: baseline !important;
  }
}

@media (max-width: 782px) {
  @supports selector(html:has(body)) {
    html:has(body.woocommerce-checkout.admin-bar) {
      margin-top: 0 !important;
    }
  }

  body.woocommerce-checkout.admin-bar #wpadminbar {
    display: none !important;
  }

  body.woocommerce-checkout.admin-bar #arabut-header {
    top: 0 !important;
  }

  body.woocommerce-checkout.admin-bar #arabut-header .ah-mobile-menu {
    top: var(--ah-h) !important;
    height: calc(100dvh - var(--ah-h)) !important;
    min-height: calc(100dvh - var(--ah-h)) !important;
    max-height: calc(100dvh - var(--ah-h)) !important;
  }
}