/* ==========================================================================
   wc-notices.css — رسائل ووكومرس (WooCommerce notices)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   .woocommerce-message (نجاح) / .woocommerce-error (خطأ، <ul><li>) /
   .woocommerce-info (معلومة) — ثلاثة قوالب ووكومرس أصلية غير معدّلة
   (notices/success.php, error.php, notice.php)، هنا تنسيق فقط.
   WC-NOTE: woocommerce_output_all_notices() تطبع .woocommerce-notices-wrapper
   نفسها؛ الاحتواء داخل .container يتم من نقطة استدعائها في كل قالب
   (single-product.php/archive-product.php/page.php)، لا من هنا.
   ========================================================================== */

.woocommerce-notices-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  margin-block-end: var(--space-24);
}
.woocommerce-notices-wrapper:empty {
  margin-block-end: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--radius-md);
  font-size: var(--fs-xs);
  line-height: var(--lh-base);
}

/* نجاح — مثال: "تمت إضافة المنتج إلى سلتك" */
.woocommerce-message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
  padding: var(--space-16);
  background-color: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));
  border: var(--border-width) solid color-mix(in srgb, var(--color-success) 30%, transparent);
  color: var(--color-text);
}
.woocommerce-message::before {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--fs-lg);
  color: var(--color-success);
  flex-shrink: 0;
  margin-inline-end: var(--space-8);
}

/* معلومة — مثال: "لا كوبونات متاحة حاليًا" */
.woocommerce-info {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-16);
  background-color: color-mix(in srgb, var(--color-gold) 10%, var(--color-surface));
  border: var(--border-width) solid color-mix(in srgb, var(--color-gold) 35%, transparent);
  color: var(--color-text);
}
.woocommerce-info::before {
  content: "\f05a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--fs-lg);
  color: var(--color-gold);
  flex-shrink: 0;
}

/* خطأ — قائمة (قد تحوي أكثر من رسالة)؛ الأيقونة على كل عنصر li */
.woocommerce-error {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-16);
  background-color: color-mix(in srgb, var(--color-error) 8%, var(--color-surface));
  border: var(--border-width) solid color-mix(in srgb, var(--color-error) 30%, transparent);
  color: var(--color-text);
  list-style: none;
}
.woocommerce-error li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
}
.woocommerce-error li::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--fs-lg);
  color: var(--color-error);
  flex-shrink: 0;
  line-height: var(--lh-tight);
}

/* رابط الإجراء داخل رسالة النجاح (مثلًا "عرض السلة") — عنصر <a class="button
   wc-forward"> أصلي من ووكومرس، منسّق كزر صغير بدل الرابط النصي الافتراضي. */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8) var(--space-16);
  border-radius: var(--radius-sm);
  background-color: var(--color-primary);
  color: var(--color-text-invert);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover {
  background-color: var(--color-primary-darkest);
}