/* ═══════════ الموقع التعريفي العام (صفحات مستقلّة + تنقّل علوي) ═══════════ */

/* كل قسم صفحة مستقلّة: تُعرض الحالية فقط ويُخفى ما عداها */
.site-page:not(.is-current) { display: none !important; }
/* الصفحة الحالية تملأ الشاشة بحجمها الطبيعي والتذييل يثبت في الأسفل (كالسابق) */
main { flex: 1; display: flex; flex-direction: column; }
.site-page.is-current { flex: 1 1 auto; }

/* إنزال كتلة العنوان/الوصف/البطاقات قليلاً عن الشعار والكيكر فوقها */
.hero .hero__title { margin-top: 28px; }

/* الشريط العلوي مع التنقّل */
.topbar--site {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  background: rgba(10, 35, 49, 0.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(231, 205, 132, 0.14);
}
.topbar--site .brand { text-decoration: none; color: inherit; }
.sitenav {
  display: flex; align-items: center; gap: 4px; flex: 1 1 auto;
  justify-content: center; flex-wrap: wrap;
}
.sitenav a {
  color: var(--cream-dim); text-decoration: none; font-size: 0.92rem; font-weight: 500;
  padding: 8px 12px; border-radius: 10px; white-space: nowrap;
  transition: color 0.2s, background 0.2s;
}
.sitenav a:hover { color: var(--cream); background: rgba(231, 205, 132, 0.08); }
.sitenav a.is-active { color: var(--gold-300); background: rgba(231, 205, 132, 0.12); }

/* الأقسام */
.site-sec { position: relative; z-index: 2; padding: 68px 20px; background: var(--petrol-950); border-top: 1px solid rgba(255, 255, 255, 0.04); scroll-margin-top: 74px; }
.site-sec--alt { background: linear-gradient(180deg, var(--petrol-900), var(--petrol-950)); }
.site-wrap { max-width: 1080px; margin: 0 auto; }
.site-h {
  font-size: 1.9rem; color: var(--gold-300); text-align: center; margin-bottom: 10px; position: relative;
}
.site-h::after { content: ''; display: block; width: 66px; height: 3px; margin: 14px auto 0; border-radius: 3px; background: linear-gradient(90deg, var(--gold-400), var(--green-600)); }
.site-lead { text-align: center; color: var(--cream-dim); font-size: 1.02rem; max-width: 760px; margin: 0 auto 34px; line-height: 1.9; }
.site-body { margin-top: 26px; }
.site-p { color: var(--cream); line-height: 2; font-size: 1.03rem; text-align: center; max-width: 820px; margin: 0 auto 26px; }

/* عن الجائزة: الرؤية/الرسالة/الأهداف */
.site-vmwrap { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
.site-vm, .site-goals { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(231, 205, 132, 0.14); border-radius: 16px; padding: 20px 22px; }
.site-vm__l { display: inline-block; color: var(--gold-300); font-weight: 700; font-size: 0.95rem; margin-bottom: 8px; }
.site-vm p { color: var(--cream); line-height: 1.9; margin: 0; }
.site-goals { margin-top: 16px; }
.site-goals ul { margin: 8px 0 0; padding-inline-start: 20px; color: var(--cream); line-height: 2; }

/* المسارات — بطاقات */
.site-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.site-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 26px 24px; transition: transform 0.2s, border-color 0.2s; }
.site-card:hover { transform: translateY(-4px); border-color: rgba(0, 168, 120, 0.45); }
.site-card h3 { color: var(--cream); font-size: 1.12rem; margin-bottom: 10px; }
.site-card p { color: var(--cream-dim); line-height: 1.85; font-size: 0.96rem; }
.site-card__meta { margin-top: 10px; color: var(--gold-300); font-size: 0.9rem; }

/* دليل التقديم — خطوات */
.site-steps { max-width: 760px; margin: 0 auto; padding: 0; list-style: none; counter-reset: st; }
.site-steps li { counter-increment: st; position: relative; padding: 14px 56px 14px 16px; margin-bottom: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px; color: var(--cream); line-height: 1.8; }
.site-steps li::before { content: counter(st); position: absolute; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, var(--gold-300), var(--gold-500)); color: var(--ink); font-weight: 800; }
.site-cta { display: block; width: max-content; margin: 30px auto 0; padding: 13px 30px; border-radius: 14px; background: linear-gradient(135deg, var(--green-600), var(--green-700)); color: #fff; text-decoration: none; font-weight: 700; transition: transform 0.2s, box-shadow 0.2s; }
.site-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 168, 120, 0.35); }

/* الجدول الزمني */
.site-timeline { max-width: 720px; margin: 0 auto; position: relative; }
.site-tl { display: flex; gap: 16px; padding-bottom: 22px; position: relative; }
.site-tl__dot { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 4px; border-radius: 50%; background: var(--gold-400); box-shadow: 0 0 0 5px rgba(212, 175, 55, 0.15); position: relative; z-index: 1; }
.site-tl:not(:last-child)::before { content: ''; position: absolute; inset-inline-start: 7px; top: 20px; bottom: 0; width: 2px; background: rgba(231, 205, 132, 0.25); }
.site-tl__b { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px; padding: 12px 18px; flex: 1; }
.site-tl__stage { display: block; color: var(--cream); font-weight: 700; }
.site-tl__date { display: inline-block; margin-top: 4px; color: var(--gold-300); font-size: 0.9rem; }
.site-tl__date--tba { color: var(--cream-dim); }
.site-tl__desc { color: var(--cream-dim); margin-top: 6px; font-size: 0.92rem; line-height: 1.7; }

/* الأخبار */
.site-news { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.site-newscard { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 16px; padding: 22px; }
.site-newscard h3 { color: var(--cream); font-size: 1.05rem; margin-bottom: 6px; }
.site-newscard__date { color: var(--gold-300); font-size: 0.85rem; }
.site-newscard p { color: var(--cream-dim); line-height: 1.85; margin-top: 8px; }

/* الرعاة — بطاقات صور قابلة للنقر (حجم ثابت متواضع، متمركزة) */
.site-sponsors { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.site-sponsor { flex: 0 0 auto; width: 175px; display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(231, 205, 132, 0.18); border-radius: 14px; cursor: pointer; font-family: inherit; text-align: center; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; }
.site-sponsor:hover { transform: translateY(-3px); border-color: rgba(231, 205, 132, 0.45); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28); }
.site-sponsor__img { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: #fff; }
.site-sponsor__img img { width: 100%; height: 100%; object-fit: contain; }
.site-sponsor__ph { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; background: linear-gradient(145deg, var(--petrol-700), var(--petrol-900)); color: var(--gold-300); font-size: 2.4rem; font-weight: 800; }
.site-sponsor__name { color: var(--cream); font-weight: 700; font-size: 0.85rem; }

/* كتلة الشركاء داخل الرئيسية (تحت البوابات) */
.hero-sponsors { width: 100%; max-width: 1040px; margin: 26px auto 0; }
.hero-sponsors[hidden] { display: none; }
.hero-sponsors__title { color: var(--gold-300); font-size: 1.2rem; text-align: center; margin-bottom: 6px; }
.hero-sponsors__title::after { content: ''; display: block; width: 48px; height: 3px; margin: 8px auto 0; border-radius: 3px; background: linear-gradient(90deg, var(--gold-400), var(--green-600)); }
.hero-sponsors__intro { color: var(--cream-dim); text-align: center; margin: 10px auto 16px; max-width: 720px; line-height: 1.7; font-size: 0.92rem; }
.hero-sponsors__intro:empty { display: none; }

/* ضغط المسافات الرأسية للواجهة حتى تظهر الرئيسية كاملة في الشاشة */
.hero { padding-top: 22px; padding-bottom: 22px; }
.hero__emblem { margin-bottom: 8px; }
.hero .hero__title { margin-top: 14px; }
.hero__subtitle { margin-bottom: 26px; }

/* نافذة الشريك (lightbox) */
.sp-modal { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 20px; }
.sp-modal[hidden] { display: none; }
.sp-modal__backdrop { position: absolute; inset: 0; background: rgba(4, 16, 24, 0.72); backdrop-filter: blur(4px); }
.sp-modal__box { position: relative; z-index: 1; width: min(560px, 100%); max-height: 90vh; overflow-y: auto; background: var(--petrol-900); border: 1px solid rgba(231, 205, 132, 0.22); border-radius: 18px; padding: 22px; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5); animation: sp-pop 0.22s ease both; }
@keyframes sp-pop { from { opacity: 0; transform: translateY(14px) scale(0.98); } to { opacity: 1; transform: none; } }
.sp-modal__x { position: absolute; top: 12px; inset-inline-end: 12px; width: 34px; height: 34px; border-radius: 50%; border: none; background: rgba(255, 255, 255, 0.08); color: var(--cream); font-size: 1.05rem; cursor: pointer; }
.sp-modal__x:hover { background: rgba(255, 255, 255, 0.16); }
.sp-modal__img { width: 100%; border-radius: 12px; overflow: hidden; background: #fff; margin-bottom: 16px; }
.sp-modal__img img { display: block; width: 100%; max-height: 52vh; object-fit: contain; }
.sp-modal__img:empty { display: none; }
.sp-modal__title { color: var(--gold-300); font-size: 1.3rem; text-align: center; margin-bottom: 10px; }
.sp-modal__desc { color: var(--cream); line-height: 1.95; text-align: center; white-space: pre-line; }
.sp-modal__link { display: block; width: max-content; margin: 18px auto 0; padding: 10px 24px; border-radius: 12px; background: linear-gradient(135deg, var(--green-600), var(--green-700)); color: #fff; text-decoration: none; font-weight: 700; }
.sp-modal__link[hidden] { display: none; }

/* الأسئلة الشائعة */
.site-faq { max-width: 800px; margin: 0 auto; }
.site-faqi { border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; margin-bottom: 12px; overflow: hidden; background: rgba(255, 255, 255, 0.02); }
.site-faqi__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: none; border: none; color: var(--cream); font-family: inherit; font-size: 1rem; font-weight: 600; text-align: start; cursor: pointer; }
.site-faqi__q:hover { color: var(--gold-300); }
.site-faqi__ic { flex: 0 0 auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgba(231, 205, 132, 0.14); color: var(--gold-300); font-size: 1.2rem; }
.site-faqi__a { padding: 0 20px 18px; color: var(--cream-dim); line-height: 1.9; }

/* التواصل */
.site-contact__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; max-width: 820px; margin: 0 auto; }
.site-contact__item { display: flex; flex-direction: column; gap: 5px; padding: 20px 22px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; text-decoration: none; transition: border-color 0.2s; }
.site-contact__item:hover { border-color: rgba(0, 168, 120, 0.4); }
.site-contact__item span { color: var(--cream-dim); font-size: 0.85rem; }
.site-contact__item strong { color: var(--cream); font-size: 1.02rem; }
.site-contact__note { text-align: center; color: var(--cream-dim); margin-top: 22px; line-height: 1.9; }

/* جوّال */
@media (max-width: 720px) {
  .topbar--site { gap: 10px; }
  .sitenav { order: 3; width: 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
  .site-sec { padding: 48px 16px; }
  .site-h { font-size: 1.55rem; }
  .site-vmwrap { grid-template-columns: 1fr; }
}