footer {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 22px !important; /* ← المسافة المضمونة تحت كل محتوى الفوتر */
}

/* السطر الافتراضي (شاشة كبيرة) */
footer::after{
  content: "مجمع ريفييرا الطبي - 5906333016 - 0173111118 - 0553777216 - جازان - صبيا - شارع الملك فهد";
  display: block;
  text-align: center;
  direction: rtl;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 12px; /* مسافة إضافية بين الـ pseudo-element ومحتوى أسفل الفوتر */
  line-height: 1.4;
  font-family: "Tajawal", "Noto Naskh Arabic", "Arial", sans-serif;
  white-space: pre-wrap; /* مهم حتى يعمل \A عند الحاجة */
  /* احتياطي لو كانت هناك قواعد أعلى تغطيها */
  margin-bottom: 12px !important;
}

/* ======= الجوال: نجعل النص صفين ونضبط المسافات ======= */
@media (max-width: 600px) {
  footer::after {
    /* الكسر بين الجزئين بواسطة \A - يعمل مع white-space: pre-wrap */
    content: " مجمع ريفييرا الطبي - 5906333016 - 0173111118 - 0553777216\A جازان - صبيا - شارع الملك فهد";
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 14px !important; /* مسافة تحت السطرين على الموبايل */
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: pre-wrap;
  }

  /* نخفف أو نثبت padding-bottom للفوتر على الموبايل */
  footer {
    padding-bottom: 20px !important;
  }
}