body {
  font-family: 'Tajawal', sans-serif;
  background: #1f1f1f;
  color: #f1f1f1;
  margin: 0;
  direction: rtl;
  overflow-x: hidden;
}

/* ===== كل قسم يحتوي على صورة + عنوان + نص ===== */
.content-block {
  margin-bottom: 5rem;
}

/* ===== الصور ===== */
.image-section {
  background-color: #0f0f0f; /* لون خلفية يملأ الفراغ حول الصورة */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.image-section img {
  width: 100%;
  height: auto;
  max-height: 90vh; /* حتى لا تتجاوز الشاشة */
  object-fit: cover; /* ✅ يظهر الصورة بالكامل بدون قص */
  display: block;
  margin: 0 auto;
}

/* ===== تجاوب الصور ===== */
@media (max-width: 1024px) {
  .image-section img {
    max-height: 75vh;
  }
}
@media (max-width: 768px) {
  .image-section img {
    max-height: 60vh;
  }
}
@media (max-width: 480px) {
  .image-section img {
    max-height: 45vh;
  }
}


/* ===== العنوان ===== */
.hero-title {
  background: #1f1f1f;
  color: #fff;
  text-align: center;
  padding: 2.5rem 1rem;
  border-bottom: 3px solid #1f1f1f;
}

.hero-title h1 {
  font-size: clamp(1.6rem, 2.5vw + 1rem, 3rem);
  font-weight: 700;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 850px;
  text-wrap: balance;
}

/* ===== النص ===== */
.text-section {
  background: #1f1f1f;
  padding: clamp(3rem, 5vw, 5rem) 1rem;
  text-align: justify;
}

.text-section .container {
  max-width: 850px;
  margin: 0 auto;
}

.text-section p {
  font-size: clamp(1rem, 0.9vw + 0.5rem, 1.25rem);
  line-height: 2;
  color: #ddd;
}

.text-section h3 {
  color: #b10404;
  text-align: center;
  margin-top: 2rem;
}

/* ===== الفوتر ===== */
.site-footer {
  background: #1f1f1f;
  color: #ccc;
  text-align: center;
  padding: 1.8rem 1rem;
  border-top: 3px solid #9c1616;
  font-size: clamp(0.9rem, 0.8vw + 0.5rem, 1.1rem);
}
.site-footer p {
  margin: 0;
}