/* ==========================================================================
   service-card.css — بطاقة الخدمة (صفحة الخدمات)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   أيقونة + عنوان + وصف + سعر + زر "طلب الخدمة" (يفتح نافذة الحجز — Batch 6)
   WC-NOTE: منتج WooCommerce أو CPT مخصّص؛ الحجز عبر واتساب
   ========================================================================== */

.service-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-12);
  padding: var(--space-24);
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  text-align: center;
  transition: box-shadow 0.2s ease;
}

.service-card:hover {
  box-shadow: var(--shadow-card-hover);
}

.service-card__icon {
  width: auto;
  height: var(--space-64);
  object-fit: contain;
}

.service-card__title {
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  color: var(--color-text);
}

.service-card__desc {
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

.service-card__price-label {
  font-size: var(--fs-2xs);
  color: var(--color-text-muted);
}

.service-card__price {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
}

.service-card__footer {
  width: 100%;
  margin-top: auto;
}

/* زر "طلب الخدمة" — عنابي غامق مطابق لفيجما (يختلف عن .btn--primary العام) */
.service-card__cta {
  background-color: var(--color-gradient-end);
  border-radius: var(--radius-sm);
  color: white;
}

.service-card__cta:hover {
  background-color: var(--color-primary-darkest);
}