/* ==========================================================================
   offer-banner-card.css — بطاقة بانر العرض (Offer banner card)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   تُستخدم داخل .grid-offers (layout.css). الصورة تحمل العنوان/الخصم/الزر
   كنص مدمج من التصميم — لا نص HTML فوقها (نفس فلسفة promo-banner-card).
   WC-NOTE: كل بطاقة صورة عرض تُدار كـ CPT/ACF (بانرات العروض) مع رابط
   لصفحة تفاصيل العرض offer-detail.html أو أرشيف مفلتر بكوبون.
   ========================================================================== */

.offer-banner-card {
  display: block;
  border-radius: var(--radius-xl);
  border: var(--border-width) solid var(--color-border-strong);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.offer-banner-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
}

.offer-banner-card img {
  display: block;
  width: 100%;
  aspect-ratio: 430 / 279;
  object-fit: cover;
}