/* ==========================================================================
   promo-banner-card.css — بطاقة بانر ترويجي ثابتة (Static promo banner)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   صورة كاملة بنص مدمج من التصميم — لا نص HTML فوقها.
   ========================================================================== */

.promo-banner-card {
  display: block;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

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

.promo-banner-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  background-color: var(--color-bg-alt);
  display: block;
}

/* ---- سكشن "عرض قوي" — عنوان ورابط "عرض الكل" بنمط مخصّص (Figma) ---- */
.promo-strip-section .section-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  text-transform: uppercase;
}

.promo-strip-section .section-view-all {
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  line-height: 26px;
  color: var(--color-gradient-end);
}

/* ---- سلايدر "عرض قوي" المضغوط (Swiper) ---- */
.promo-strip-swiper .swiper-slide {
  height: auto; /* البطاقة تملأ ارتفاع الشريحة */
}

/* نقاط التنقّل أسفل السلايدر — تُخفى تلقائيًا (swiper-pagination-lock) عند عدم الحاجة للسحب */
.promo-strip-swiper__pagination {
  position: static;
  width: auto;
  text-align: center;
  margin-top: var(--space-16);
}

.promo-strip-swiper__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 var(--space-4) !important;
  background: var(--color-border);
  opacity: 1;
  transition: width 0.25s ease, background-color 0.25s ease;
}

.promo-strip-swiper__pagination .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: var(--radius-pill);
  background: var(--color-primary);
}