/* ══════════════════════════════════════════════════════════════
   ورد الرياض — المتجر
   القاعدة في هذه المرحلة: **أنماط ووكومرس تُحمَّل ونصحّح فوقها.**
   كان Blocksy يُلغيها ويعيد بناء كل شيء — استنساخ ذلك عملُ مرحلةٍ كاملة.

   ⚠️ RTL: كان القالبُ الأب يتكفّل بجداول السلة ومراجعة الطلب وSelect2.
      وقد صارت مسؤوليتنا من اليوم الأول — وإلّا ظهرت منسدلة الحيّ وفترة
      التوصيل ومناسبة PPOM عناصرَ متصفّحٍ خام في صفحة الدفع.
   ════════════════════════════════════════════════════════════ */

/* ═══ الشبكة والغلاف ═══ */
.ryf-shop{ padding-block:0 clamp(2.5rem,5vw,4rem); }
.woocommerce-products-header{ margin-block:.5rem 1.5rem; }
.woocommerce-products-header__title{ margin:0 0 .3rem; }
.term-description{ color:var(--ryf-ink-soft); max-width:72ch; }

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{ color:var(--ryf-ink-soft); font-size:.86rem; }
.woocommerce .woocommerce-ordering select{
  font:inherit; padding:.45rem .7rem;
  border:1px solid var(--ryf-line); border-radius:var(--ryf-radius-sm); background:#fff;
}

.woocommerce ul.products{ gap:clamp(1rem,2vw,1.75rem); }

/* ═══ بطاقة المنتج — تراتب لوني: الاسم يقود، والسعر يليه، والباقي يخفت ═══ */

.woocommerce ul.products li.product{
  border:1px solid var(--ryf-line); border-radius:var(--ryf-radius);
  padding:.75rem .75rem 1.1rem; background:#fff;
  transition:box-shadow .25s var(--ryf-ease), transform .25s var(--ryf-ease), border-color .25s var(--ryf-ease);
}
.woocommerce ul.products li.product:hover{
  border-color:var(--ryf-rose-100);
  box-shadow:var(--ryf-shadow-lift);
  transform:translateY(-2px);
}
.woocommerce ul.products li.product img{
  border-radius:var(--ryf-radius-sm); aspect-ratio:4/5; object-fit:cover;
}

/* اسم المنتج — خط العناوين يمنح الباقة طابعاً راقياً */
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
.product .entry-title,
.product_title{
  font-family:var(--ryf-font-display);
  color:var(--ryf-ink);
  font-weight:700; letter-spacing:.005em; line-height:1.55;
  transition:color .2s ease;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.05rem; margin:.55rem 0 .3rem;
}
.woocommerce-loop-product__title a:hover{ color:var(--ryf-rose-600); }

/* السعر — أقوى نقطة تركيز بعد الصورة */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ryf-rose-600);
  font-family:var(--ryf-font-body);
  font-weight:800; font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.woocommerce-Price-currencySymbol{
  font-weight:500; font-size:.78em; opacity:.72; margin-inline-end:.12em;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{
  color:var(--ryf-ink-soft); opacity:.6;
  font-weight:500; text-decoration-thickness:1px;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{
  text-decoration:none; color:var(--ryf-rose-600);
}

.woocommerce ul.products li.product .entry-meta,
.woocommerce ul.products li.product .entry-meta a{
  color:var(--ryf-ink-soft);
  font-size:.76rem; letter-spacing:.01em; font-weight:500;
}
.woocommerce ul.products li.product .entry-meta a:hover{ color:var(--ryf-rose-400); }

.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--ryf-ink-soft); line-height:2; font-size:.95rem;
}
.woocommerce div.product .woocommerce-product-details__short-description strong{ color:var(--ryf-ink); }

/* شارة التخفيض بلون الهوية لا الأخضر الافتراضي */
.woocommerce span.onsale{
  background:var(--ryf-rose-600); color:#fff;
  font-weight:700; letter-spacing:.02em; box-shadow:0 4px 12px -6px rgba(194,24,91,.7);
  inset-inline-start:.75rem; inset-inline-end:auto; top:.75rem;
}

/* ═══ صفحة المنتج ═══ */
.woocommerce div.product{ margin-block:1rem; }
.woocommerce div.product div.images img{ border-radius:var(--ryf-radius); }
.woocommerce div.product .product_title{ margin:0 0 .5rem; }
.woocommerce div.product .product_meta{
  color:var(--ryf-ink-soft); font-size:.84rem; border-top:1px solid var(--ryf-line); padding-top:1rem;
}
.woocommerce div.product form.cart{ margin-block:1.5rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border-color:var(--ryf-line); }

/* ═══ حقل الكمية بزرّيه ═══
   القالب المنسوخ `woocommerce/global/quantity-input.php` يطبعهما —
   النواة لا تفعل. والمعالج في `checkout-flow.php` §٦ و`app.js`. */
.woocommerce .quantity{
  display:inline-flex; align-items:stretch;
  border:1px solid var(--ryf-line); border-radius:var(--ryf-radius-sm);
  overflow:hidden; background:#fff;
}
.woocommerce .quantity .plus,
.woocommerce .quantity .minus{
  inline-size:38px; border:0; background:var(--ryf-rose-050); cursor:pointer;
  color:var(--ryf-rose-700); font-size:1.05rem; font-weight:700; line-height:1;
  transition:background .18s var(--ryf-ease);
}
.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover{ background:var(--ryf-rose-100); }
.woocommerce .quantity input.qty{
  inline-size:56px; border:0; text-align:center; font:inherit; font-weight:700;
  background:#fff; -moz-appearance:textfield; appearance:textfield;
  font-variant-numeric:tabular-nums;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.woocommerce .quantity--readonly input.qty{ inline-size:46px; color:var(--ryf-ink-soft); }

/* ═══ السلة ═══
   ⚠️ جدول السلة كان من بناء القالب الأب. بلا هذه القواعد يعود جدولاً خاماً
      محاذياً لليسار داخل صفحة RTL. */
.woocommerce table.shop_table{
  border:1px solid var(--ryf-line); border-radius:var(--ryf-radius);
  border-collapse:separate; border-spacing:0; overflow:hidden;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  text-align:start; border-color:var(--ryf-line); padding:1rem;
}
.woocommerce table.shop_table thead th{
  background:var(--ryf-bg-tint); font-family:var(--ryf-font-body);
  font-weight:700; font-size:.86rem; color:var(--ryf-ink-soft); letter-spacing:.01em;
}
.woocommerce table.shop_table td.product-remove{ text-align:center; }
.woocommerce a.remove{
  color:var(--ryf-ink-soft) !important; font-weight:400;
}
.woocommerce a.remove:hover{ background:#b32d2e !important; color:#fff !important; }
.woocommerce table.cart img{ inline-size:64px; border-radius:var(--ryf-radius-sm); }

.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3{
  font-family:var(--ryf-font-display); font-size:1.25rem; margin-block:0 .9rem;
}

/* ═══ الدفع ═══ */
.woocommerce form .form-row{ margin-bottom:1.1rem; }
.woocommerce form .form-row label{
  display:block; margin-bottom:.35rem; font-size:.88rem; font-weight:500; color:var(--ryf-ink);
}
.woocommerce form .form-row .required{ color:var(--ryf-rose-600); text-decoration:none; }

/* ⚠️ الحقول عناصر متصفّحٍ خام من اليوم الأول — لا قالبَ أبَ يجمّلها. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .ryf-occ-ask__form input[type=text],
.ppom-wrapper input[type=text],
.ppom-wrapper input[type=number],
.ppom-wrapper textarea,
.ppom-wrapper select{
  inline-size:100%; padding:.68rem .9rem; font:inherit; color:var(--ryf-ink);
  background:#fff; border:1px solid var(--ryf-line); border-radius:var(--ryf-radius-sm);
  transition:border-color .18s var(--ryf-ease), box-shadow .18s var(--ryf-ease);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  border-color:var(--ryf-rose-200);
  box-shadow:0 0 0 3px rgba(240,160,192,.35);
  outline:none;
}
.woocommerce form .form-row textarea{ min-block-size:96px; line-height:1.8; }

.woocommerce-checkout #payment{
  background:var(--ryf-bg-tint); border:1px solid var(--ryf-line);
  border-radius:var(--ryf-radius);
}
.woocommerce-checkout #payment ul.payment_methods{ border-bottom-color:var(--ryf-line); }
.woocommerce-checkout #payment div.payment_box{
  background:#fff; border:1px solid var(--ryf-line); color:var(--ryf-ink-soft); font-size:.88rem;
}
.woocommerce-checkout #payment div.payment_box::before{ display:none; }

/* ⚠️ Select2 (منسدلة الدولة والمنطقة) تحسب اتجاهها من القالب —
      بلا هذا يظهر السهم في الجهة الخطأ ويُقصّ النص. */
.select2-container--default .select2-selection--single{
  block-size:auto; padding:.55rem .9rem;
  border:1px solid var(--ryf-line); border-radius:var(--ryf-radius-sm);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.6; color:var(--ryf-ink); padding:0; text-align:start;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  inset-inline-end:.6rem; inset-inline-start:auto; block-size:100%; top:0;
}
.select2-dropdown{ border-color:var(--ryf-line); border-radius:var(--ryf-radius-sm); }
.select2-results__option{ text-align:start; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--ryf-rose-600);
}

/* ═══ الرسائل ═══ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-top-color:var(--ryf-rose-600);
  background:var(--ryf-rose-050);
  border-radius:var(--ryf-radius-sm);
  text-align:start;
}
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--ryf-rose-600); inset-inline-start:1.5em; inset-inline-end:auto; }
.woocommerce-error{ background:#fdf0f0; border-top-color:#b32d2e; }
.woocommerce-error::before{ color:#b32d2e; inset-inline-start:1.5em; inset-inline-end:auto; }

/* ═══ حسابي ═══ */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0; display:grid; gap:.35rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block; padding:.6rem .9rem; text-decoration:none;
  color:var(--ryf-ink); border:1px solid var(--ryf-line); border-radius:var(--ryf-radius-sm);
  background:#fff; font-size:.92rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--ryf-rose-050); border-color:var(--ryf-rose-200); color:var(--ryf-rose-700); font-weight:700;
}

/* ═══ الجوال ═══ */
@media (max-width:768px){
  .woocommerce table.shop_table_responsive tr td{ text-align:start; }
  .woocommerce table.shop_table_responsive tr td::before{ float:none; display:block; color:var(--ryf-ink-soft); font-size:.8rem; }
  .woocommerce ul.products[class*="columns-"] li.product{ inline-size:100%; }
}

@media (prefers-reduced-motion:reduce){
  .woocommerce ul.products li.product{ transition:none !important; }
}