/* ============================================
   POLISH LAYER — ترتيب وتنسيق موحّد للموقع
   (يُحمَّل بعد style.css ليوحّد المسافات والشبكات)
   ============================================ */
:root {
  --nav-height: 76px;
  --section-y: 88px;
}

/* ---------- Header: شريط علوي + قائمة ثابتة واضحة ---------- */
.topbar { font-size: 0.8rem; padding: 7px 0; }
.topbar__inner { flex-wrap: nowrap; }
.topbar__contacts, .topbar__links { gap: 22px; flex-wrap: nowrap; }
.topbar__item span, .topbar__link { white-space: nowrap; }

.navbar,
.navbar.scrolled {
  position: sticky;
  top: 0;
  height: var(--nav-height);
  background: var(--primary);
  box-shadow: 0 2px 18px rgba(5, 20, 38, 0.25);
  backdrop-filter: none;
}
.navbar__inner { gap: 28px; }
.logo-img { height: 58px; max-height: 58px; width: auto; }
.navbar__nav { gap: 2px; }
.navbar__link { font-size: 0.92rem; padding: 8px 15px; white-space: nowrap; }
.navbar__link:hover { color: var(--gold-light); background: rgba(255, 255, 255, 0.07); }
.navbar__cta { margin-inline-start: 0; white-space: nowrap; }

/* ---------- Hero ---------- */
.hero {
  min-height: 0 !important;
  padding: 90px 0 150px;
  align-items: center;
}
.hero__content {
  padding: 0 28px !important;
  max-width: var(--container);
  margin: 0 auto;
}
.hero__title {
  font-size: clamp(2.2rem, 4.6vw, 3.4rem);
  max-width: 760px;
  margin-bottom: 20px;
}
.hero__subtitle {
  font-size: 1.05rem;
  font-weight: 500;
  max-width: 640px;
  margin-bottom: 32px;
}
.hero__scroll { display: none; }

/* ---------- شريط الوصول السريع ---------- */
.hero-quick-hub {
  margin-top: -70px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.quick-hub__container {
  padding: 18px;
  gap: 14px;
  border-radius: var(--radius-lg);
}
.quick-hub__card { padding: 14px 16px; }
.quick-hub__icon { width: 46px; height: 46px; }

/* ---------- الإحصائيات: تباعد من الشريط العائم ---------- */
.stats { margin-top: 56px; }
.stats__item { padding: 36px 20px; }

/* ---------- ترتيب موحّد لكل الأقسام ---------- */
.about,
.features,
.services,
.infra-showcase,
.projects-section,
.certs-section,
.chairman-section,
.news,
.testimonials,
.clients,
.contact {
  padding-top: var(--section-y) !important;
  padding-bottom: var(--section-y) !important;
}
.footprint-section { padding: var(--section-y) 0; }

/* خلفيات متناوبة: أبيض ↔ فاتح ↔ كحلي */
.about { background: var(--white); }
.features { background: #F6F8FB !important; }
.infra-showcase { background: var(--white); }
.projects-section { background: #F6F8FB; }
.certs-section { background: var(--white); }
.news { background: #F6F8FB !important; }
.clients { background: var(--white); }

/* عناوين الأقسام موحّدة */
.section-tag { margin-bottom: 14px; }
.section-title { margin-bottom: 14px; }
.section-subtitle { max-width: 720px; margin-bottom: 44px; }
.infra-showcase .section-subtitle,
.projects-section .section-subtitle,
.certs-section .section-subtitle { margin-bottom: 0; }

/* ---------- أسطول ومحطات: 3 أعمدة متساوية ---------- */
.infra__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.infra-card__img-wrap {
  height: 220px;
  background: #EEF3F8;
}
.infra-card__img { object-fit: cover; }
.infra-card__body { padding: 22px; }
.infra-card__title { font-size: 1.05rem; }
.infra-card__desc {
  font-size: 0.88rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-book-wa { white-space: nowrap; font-size: 0.85rem; }

/* ---------- المشاريع: 3 أعمدة بصور بنفس الارتفاع ---------- */
.projects__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.project-card__header { height: 190px; }
.project-card__body { padding: 22px; }
.project-card__title { font-size: 1.05rem; }
.project-card__desc {
  font-size: 0.88rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.project-card__location { font-size: 0.78rem; }

/* ---------- الشهادات: 3 أعمدة ---------- */
.certs__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 0;
}
.cert-card { padding: 28px 22px; }

/* ---------- الشبكات الأخرى ---------- */
.features__grid,
.services-modern-grid { gap: 24px; }
.news__grid { gap: 24px !important; }

/* ---------- كلمة الرئيس ---------- */
.chairman__wrapper { grid-template-columns: 340px 1fr; gap: 56px; }
.chairman__card { padding: 28px 24px; }
.chairman__avatar-wrap { width: 150px; height: 150px; }
.chairman__heading { font-size: clamp(1.6rem, 2.6vw, 2.1rem); }
.chairman__text { font-size: 1rem; line-height: 1.95; }

/* ---------- التواجد الجغرافي ---------- */
.footprint__grid { gap: 56px; }

/* ---------- الفوتر ---------- */
.mega-footer { padding-top: 64px; }
.mega-footer__bottom { font-size: 0.85rem; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1100px) {
  .navbar__link { padding: 8px 10px; font-size: 0.86rem; }
  .infra__grid,
  .projects__grid,
  .certs__grid { grid-template-columns: repeat(2, 1fr); }
  .topbar__links { display: none; }
}

@media (max-width: 900px) {
  :root { --section-y: 64px; }
  .navbar__burger { display: flex; }
  .navbar__cta { display: none; }
  .hero { padding: 64px 0 120px; }
  .chairman__wrapper { grid-template-columns: 1fr; }
  .topbar__inner { justify-content: center; }
  .topbar__item:last-child { display: none; }
}

@media (max-width: 640px) {
  .infra__grid,
  .projects__grid,
  .certs__grid,
  .footprint__regions { grid-template-columns: 1fr; }
  .logo-img { height: 48px; }
  .hero__actions .btn { width: 100%; }
}