/* ==========================================================================
   product-summary.css — لوحة معلومات المنتج (Product summary panel)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   التقييم + شارة الخصم + العلامة/العنوان/المقاس + رقم المنتج + شريط الشراء.
   WC-NOTE: woocommerce_single_product_summary — العنوان/السعر/السمات/الإضافة للسلة
   ========================================================================== */

.product-summary {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

/* التقييم (Rating row) */
.product-summary__rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-8);
}

/* الترويسة: شارة الخصم (يسار) + العلامة/العنوان/المقاس (يمين) */
.product-summary__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-16);
}
.product-summary__discount {
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-block: var(--space-8);
  padding-inline: var(--space-12);
  color: var(--color-primary);
  line-height: var(--lh-tight);
}
.product-summary__discount strong {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-black);
}
.product-summary__discount span {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-medium);
}

.product-summary__titlewrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* start = يمين في RTL */
  gap: var(--space-8);
  text-align: start;
}
.product-summary__brand {
  height: var(--space-24);
  width: auto;
  object-fit: contain;
}
.product-summary__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: var(--color-dark);
}
.product-summary__size {
  display: inline-block;
  padding-block: var(--space-4);
  padding-inline: var(--space-12);
  background-color: var(--color-bg-alt);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--fs-xl);
  font-weight: var(--fw-black);
  letter-spacing: 0.02em;
  color: var(--color-primary);
}

/* رقم المنتج (SKU) */
.product-summary__sku {
  font-size: var(--fs-2xs);
  color: var(--color-text-muted);
  text-align: start; /* start = يمين في RTL */
}
.product-summary__sku span {
  font-weight: var(--fw-bold);
  color: var(--color-text);
}

/* فاصل (Divider) */
.product-summary__divider {
  height: var(--border-width);
  background-color: var(--color-border);
}

/* ==========================================================================
   شريط الشراء (Purchase bar) — مفضلة/مشاركة + أضف للسلة + الكمية
   ========================================================================== */
.product-purchase {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  flex-wrap: wrap;
}
.product-purchase__wishlist {
  display: inline-flex;
  gap: var(--space-4);
}
.product-purchase__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-58); /* فيجما: 58×58، كانت 48×48 */
  height: var(--space-58);
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md); /* فيجما: 12px، كانت 8px */
  box-shadow: var(--shadow-icon-btn); /* كان بلا ظل إطلاقًا */
  color: var(--color-text);
  font-size: var(--fs-md);
  transition: color 0.2s ease, border-color 0.2s ease;
}
.product-purchase__icon:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
/* زر أضف إلى السلة — عنابي غامق مطابق للتصميم */
.product-purchase__add {
  flex: 1 1 auto;
  height: var(--space-58); /* فيجما: 58، كانت 48 */
  border-radius: var(--radius-sm); /* فيجما: 8px، كانت ترث 12px من .btn */
  font-size: var(--fs-xs); /* فيجما: 14px، كانت ترث 16px من .btn */
  background-color: var(--color-gradient-end);
  color: var(--color-text-invert);
}
.product-purchase__add:hover {
  background-color: var(--color-primary-darkest);
  color: var(--color-text-invert);
}