/* ==========================================================================
   map-card.css — بطاقة الموقع/الخريطة (Map + branch info card)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   تُستخدم في: الرئيسية (قسم "موقعنا")، صفحة الفروع (خريطة الفرع المميّز).
   WC-NOTE: استبدل صورة الخريطة بـ Google Maps embed أو إضافة Store Locator
   ========================================================================== */

.map-card {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--color-bg-alt);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

@media (min-width: 768px) {
  .map-card {
    grid-template-columns: 1fr 1.2fr; /* معلومات (يمين) : خريطة (يسار، أعرض) */
    align-items: stretch;
  }
}

/* الخريطة + بطاقة الموقع العائمة */
.map-card__map {
  position: relative;
  min-height: 300px;
}
.map-card__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.map-pin-card {
  position: absolute;
  inset-block-start: 16%;
  inset-inline-start: 24%; /* start = يمين في RTL → قرب العلامة */
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-12);
  background: var(--color-surface);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-card);
}
.map-pin-card__logo img {
  width: var(--space-32);
  height: var(--space-32);
  object-fit: contain;
  display: block;
}
.map-pin-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.map-pin-card__name {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  color: var(--color-text);
  white-space: nowrap;
}
.map-pin-card .rating__stars {
  font-size: var(--fs-2xs);
  gap: 1px;
}
.map-pin-card__status {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  color: var(--color-success);
}

/* عمود المعلومات — الأحجام مبنية للجوال أولًا ثم تكبر على سطح المكتب */
.map-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* يمين في RTL */
  gap: var(--space-8);
  padding: var(--space-24);
}
.map-info__label {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  text-transform: uppercase;
}
.map-info__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: var(--color-dark);
}
.map-info__branch {
  font-size: var(--fs-md);
  color: var(--color-gradient-end);
}
.map-info__street {
  font-size: var(--fs-base);
  color: var(--color-text-muted);
}

/* سطح المكتب — أحجام الخط والحشوة الأكبر (من التصميم) */
@media (min-width: 768px) {
  .map-card__info {
    padding: var(--space-48);
  }
  .map-info__label {
    font-size: var(--fs-3xl);
  }
  .map-info__title {
    font-size: var(--fs-5xl);
  }
  .map-info__branch {
    font-size: var(--fs-2xl);
  }
  .map-info__street {
    font-size: var(--fs-section-cta);
  }
}