:root{
  --primary:#2583c6;
  --primary-dark:#055797;
  --accent:#f5832c;
  --accent-2:#f89953;
  --bg:#ffffff;
  --surface:#f7f9fc;
  --text:#010101;
  --muted:#4b5563;
  --border:#e5e7eb;
  --bg-grad-1:none;
  --bg-grad-2:none;
}

/* النافبار: خلفية سوداء، الروابط بيضاء افتراضًا، خط برتقالي عند التحويم/النشاط */
.nav{
  position:sticky;
  top:0;
  z-index:10;
  background:#010101;
  border-bottom:1px solid var(--border);
  box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

/* توزيع الشبكة: يسار فارغ، وسط للروابط، يمين للّوغو مع مسافة كبيرة بينهما */
.nav__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  column-gap:120px;
  height:64px;
}

/* الحاوية داخل الهيدر: تقليل الحواف لدفع اللوغو أكثر نحو أقصى اليمين */
.nav .container{
  padding-inline:0;
  padding-block-start:2px;
}

/* الروابط في المنتصف */
.nav__inner nav{
  grid-column:2;
  justify-self:center;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  text-align:center;
  transform:translateY(6px);
}

/* اللوغو في أقصى اليمين (RTL: start = يمين) */
.brand{
  grid-column:3;
  justify-self:start;
  display:flex;
  align-items:center;
  gap:10px;
}
.brand__logo{height:48px;width:auto;display:block}

/* روابط النافبار: إزالة أي خط سابق، وجعل اللون أبيض افتراضيًا */
.nav a{
  color:#ffffff;
  text-decoration:none;
  border-bottom:none;
  margin-inline:8px;
  transition:color .25s ease, border-color .25s ease;
  white-space:normal;
}

/* إبراز برتقالي فقط عند التحويم/التركيز/الحالة النشطة */
.nav a:hover,
.nav a:focus-visible,
.nav a.active,
.nav a[aria-current="page"]{
  border-bottom:2px solid var(--accent);
  color:var(--accent);
  outline:none;
}

/* إزالة أي إبراز/فوكس عن اللوغو بالكامل */
.nav__inner .brand:hover .brand__logo,
.nav__inner .brand:focus-within .brand__logo{
  filter:none;
  transform:none;
}

.nav__inner .brand:focus-within .brand__logo path{
  fill:inherit;
  stroke:inherit;
}
.nav__inner .brand a:focus,
.nav__inner .brand a:focus-visible{
  outline:none;
}

/* تعطيل أي عناصر وهمية قد ترسم خطًا */
.nav a::before,
.nav a::after{
  content:none;
  background:none;
  border:none;
}

/* زر توغل النافبار للشاشات الصغيرة (مخفي لأن اللوغو يُستخدم) */
.nav__toggle{
  display:none;
  cursor:pointer;
  background:var(--surface, #fff);
  color:var(--accent, #ff6a00);
  border:2px solid var(--accent, #ff6a00);
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
}

/* تعديلات تجاودية للنافبار: هواتف تستخدم اللوغو لفتح القائمة، شاشات كبيرة تُظهر الروابط */
@media (max-width:669px){
  /* إخفاء زر التبديل واستعمال اللوغو لفتح القائمة */
  .nav__toggle{display:none !important}
  /* إزاحة اللوغو إلى الطرف الآخر (RTL: end = يسار) */
  .brand{justify-self:end}
  /* ضبط القائمة تحت اللوغو بخلفية سوداء وروابط عمودية برتقالية */
  .nav__inner nav{
    display:none !important;
    position:fixed;
    top:56px;
    left:10px;
    right:10px;
    transform:none;
    background:#000 !important;
    border-radius:10px;
    padding:8px 10px !important;
    box-shadow:none !important;
    z-index:999;
  }
  .nav__inner nav.is-open{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:6px;
  }
  .nav__inner nav a{
    color:#f5832c !important;
    display:block;
    padding:10px 12px;
    background:transparent !important;
    border:0 !important;
    margin:0 !important;
  }
  .nav__inner nav a:hover{background:rgba(245,131,44,0.12)}
}

@media (min-width:670px){
  /* على الشاشات الكبيرة: عرض الروابط بشكل طبيعي داخل النافبار */
  .nav__toggle{display:none !important}
  .nav__inner{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    column-gap:120px;
    height:64px;
  }
  .nav__inner nav{
    display:flex !important;
    position:static !important;
    transform:none !important;
    background:transparent !important;
    padding:0 !important;
    gap:12px;
  }
  .nav__inner nav a{
    color:#ffffff;
    padding:8px 10px;
    display:inline-flex;
  }
}

/* على الشاشات الكبيرة: القائمة طبيعية والزر مخفي */
.hero{
  padding:28px 0;
  background:var(--bg-grad-1), var(--bg-grad-2);
  transition:background .5s ease;
}
.hero > .container{
  max-width:1000px;
  margin-inline:auto;
  padding-inline:16px;
}
.hero__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
}
.hero__media{flex:0 1 420px}
.hero__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,0.08);
}
.hero__content{
  max-width:720px;
  margin:0 auto;
}
.hero__inner h1{
  font-family:'Somar','Cairo',sans-serif;
  font-weight:700;
  font-size:36px;
  margin:0 0 8px;
}
.hero__inner p{color:var(--muted);max-width:720px;margin:4px 0}
.hero__actions{
  margin-top:24px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
}

/* الأقسام */
.section{padding:32px 0}
.section > .container{
  max-width:1000px;
  margin-inline:auto;
  padding-inline:16px;
}
.section p{margin:6px 0;line-height:1.6}
.section--alt{background-color:var(--surface)}

h2{
  font-family:'Somar','Cairo',sans-serif;
  font-size:26px;
  margin:0 0 16px;
}

/* البطاقات */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{
  background-color:#ffffff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px;
  border-color:#0f2237;
}
.card h3{
  font-family:'Somar','Cairo',sans-serif;
  margin:0 0 8px;
}

/* تضمين درايف */
.drive-embed iframe{
  width:100%;
  height:420px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#ffffff;
}

/* قائمة التنزيلات */
.downloads{
  list-style:none;
  padding:0;
  margin:16px 0 0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.downloads li{
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:10px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.downloads a{color:var(--accent);text-decoration:none}
.downloads a:hover{color:var(--accent-2)}
.downloads .name{color:var(--text)}
.downloads .size{color:var(--muted);font-size:13px}

/* شبكة عرض الملفات وأزرار الفتح/التنزيل */
.file-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:18px;
}

#fileGrid, .file-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:18px;
  justify-content:center;
  align-items:start;
  width:100%;
  max-width:1100px;
  margin-inline:auto;
  padding-inline:12px;
}

/* بطاقة الملف */
.file-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
  min-height:120px;
}
.file-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

/* اسم الملف في المنتصف */
.file-name{
  font-weight:700;
  text-align:center;
}

/* إبقاء أزرار فتح/تنزيل ظاهرة ومُتوسّطة داخل البطاقة */
.file-actions{
  display:inline-flex !important;
  justify-content:center;
  align-items:center;
  gap:10px;
  width:100%;
}

/* تحسين ظهور زر تنزيل */
.btn--download{
  background:#0ea5e9;
  border:1px solid #0ea5e9;
  color:#fff;
  font-weight:700;
  min-width:84px;
  text-align:center;
  padding:8px 12px;
  border-radius:8px;
  transition:filter .2s ease, opacity .2s ease;
}
.btn--download:hover{
  background:#0284c7;
  border-color:#0284c7;
}

/* زر فتح محايد */
.btn--open{
  background:#f8fafc;
  border:1px solid #e6e6e6;
  color:#0f172a;
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
  transition:background .2s ease, color .2s ease;
}
.btn--open:hover{
  background:#e2e8f0;
  color:#0f172a;
}

@media (max-width:600px){
  .file-grid{gap:12px}
  .file-card{padding:10px}
}

/* قائمة تواصل معنا المنبثقة */
.contact-menu{
  position:fixed;
  inset:auto auto; /* نحدد لاحقًا عبر السكربت */
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,0.12);
  padding:8px;
  display:none; /* افتراضيًا مخفية */
  z-index:1000;
  min-width:220px;
}
.contact-menu.is-open{display:block}
.contact-menu__item{
  display:block;
  padding:10px 12px;
  color:#0f172a;
  text-decoration:none;
  border-radius:8px;
}
.contact-menu__item + .contact-menu__item{margin-top:6px}
.contact-menu__item:hover{background:#f8fafc}

/* تواصل */
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.contact__form input,
.contact__form textarea{
  width:100%;
  margin:8px 0;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#ffffff;
  color:var(--text);
}
.contact__form button{width:100%}

/* الفوتر */
.footer{
  border-top:1px solid var(--border);
  background:#f7f9fc;
  padding-block:12px;
}
.footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.footer .container{gap:10px;align-items:center}
.footer p,
.footer a,
.footer li,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6{margin-block:4px}
.footer .brand__text{margin:0}

/* تخصيص تباعد الفوتر والعناصر داخله */
.footer .container.footer__inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
}
/* زيادة مسافة جانبية بين روابط الفوتر */
.footer a{margin-inline:10px}

/* نص العلامة */
.brand__text{
  display:inline-flex;
  align-items:baseline;
  font-family:'Somar','Cairo',sans-serif;
  font-weight:800;
  font-size:34px;
  letter-spacing:0;
  line-height:1;
}
.brand__text .t,
.brand__text .m{
  color:var(--primary);
  -webkit-text-stroke:1.5px var(--primary-dark);
  text-shadow:-1px -1px 0 var(--primary-dark), 1px -1px 0 var(--primary-dark), -1px 1px 0 var(--primary-dark), 1px 1px 0 var(--primary-dark);
}
.brand__text .c{color:var(--accent);margin-inline-start:2px}

/* عناصر الظهور */
.reveal{opacity:0;transform:none;transition:opacity .6s ease;will-change:opacity}
.reveal.in-view{opacity:1;transform:none}
.reveal[data-animate="fade-in"],
.reveal[data-animate="slide-up"],
.reveal[data-animate="slide-right"],
.reveal[data-animate="zoom-in"]{transform:none;transition:opacity .6s ease}
.reveal[data-animate="zoom-in"]{transform:scale(.96)}

/* ثيمات الصفحات */
body[data-theme="home"]{
  --primary:#2583c6;
  --accent:#f5832c;
  --surface:#f7f9fc;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(37,131,198,.12), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(245,131,44,.12), transparent 55%);
}
body[data-theme="about"]{
  --primary:#055797;
  --accent:#7bd389;
  --surface:#eef7f1;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(5,87,151,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(123,211,137,.12), transparent 55%);
}
body[data-theme="services"]{
  --primary:#6b5b95;
  --accent:#f67280;
  --surface:#faf7ff;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(107,91,149,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(246,114,128,.12), transparent 55%);
}
body[data-theme="files"]{
  --primary:#3a7bd5;
  --accent:#00d2ff;
  --surface:#f2fbff;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(58,123,213,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(0,210,255,.14), transparent 55%);
}

/* تمييز سكشن من نحن */
#about.section{position:relative}
#about.section::before{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:0;
  height:3px;
  background:linear-gradient(90deg, var(--accent), transparent 70%);
  opacity:.6;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .5s ease;
}
body[data-theme="about"] #about.section::before{transform:scaleX(1);transform-origin:left}
body[data-theme="about"] #about .container{
  transform:translateY(-4px);
  transition:transform .4s ease, box-shadow .4s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  will-change:transform;
}

/* تمييز سكشن خدماتنا */
#services.section{position:relative}
#services.section::before{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;
  height:3px;
  background:linear-gradient(90deg, var(--accent), transparent 70%);
  opacity:.6;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s ease;
}
body[data-theme="services"] #services.section::before{transform:scaleX(1)}
body[data-theme="services"] #services .container{
  transform:translateY(-3px);
  transition:transform .4s ease, box-shadow .4s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  will-change:transform;
}

/* أزرار عامة */
.btn{
  display:inline-block;
  padding:10px 18px;
  border-radius:10px;
  border:1px solid var(--border);
  text-decoration:none;
  color:var(--text);
  transition:.2s ease;
}
.btn--primary{background:var(--primary);border-color:var(--primary)}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}

/* تجاودية عامة */
@media (max-width:900px){
  .hero__inner{flex-direction:column}
  .hero__media{order:2;width:100%;max-width:420px;margin-top:12px}
  .cards{grid-template-columns:1fr}
  .downloads{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .footer{padding-block:10px}
  .footer .container{gap:8px}
  .footer p,
  .footer a,
  .footer li{margin-block:2px}
  .nav__inner{column-gap:48px;row-gap:6px}
  .nav__inner nav{transform:translateY(4px)}
}

/* تباعد داخلي من كل الجهات لسكشن الملفات */
.downloads-section{padding:32px;box-sizing:border-box}
.downloads-section > .container{padding:24px;box-sizing:border-box}
.downloads-section h2{margin-bottom:16px}
.downloads-section .file-grid{gap:18px;padding:8px}
@media (min-width:768px){
  .downloads-section{padding:48px}
  .downloads-section > .container{padding:32px}
}

/* سكشن الملفات: تنظيم روابط التنزيل داخل الحاوية */
.downloads-section .downloads{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:14px;
}
.downloads-section .downloads li{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  padding:12px;
}
.downloads-section .downloads a{
  text-decoration:none;
  color:var(--accent, #2583c6);
}
.downloads-section .downloads a:hover{color:var(--accent-2, #055797)}

/* روابط مباشرة داخل سكشن الملفات بدون قائمة */
.downloads-section a{
  display:inline-block;
  padding:8px 12px;
  margin:6px 0;
  background:#fff;
  border:1px solid #e6f2f7;
  border-radius:10px;
  text-decoration:none;
  color:var(--accent, #2583c6);
}
.downloads-section a:hover{background:#f7fbff;color:var(--accent-2, #055797)}

/* ضبط شبكة #fileGrid عند وجود الصنف file-grid */
#fileGrid.file-grid{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:16px;
  padding:8px;
}

/* زر الرابط كبطاقة */
.file-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  text-decoration:none;
  color:#2583c6;
  min-height:44px;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
}
.file-btn:hover{background:#f7fbff;border-color:#d7e9f5;color:#055797}

/* إخفاء رابط "رابط الملف" داخل البطاقة إن وُجد */
.file-card .file-link{display:none !important}

/* أزرار داخل بطاقات #fileGrid تظهر جنب بعض */
.file-card .file-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.file-card .file-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.file-card .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(0,0,0,0.1);
  transition:background .2s ease, color .2s ease, box-shadow .2s ease;
}
.file-card .btn--open{background:#f4f4f8;color:#0f172a}
.file-card .btn--open:hover{background:#e9eefc}
.file-card .btn--download{background:#0ea5e9;color:#fff;border-color:transparent}
.file-card .btn--download:hover{background:#0284c7}

/* إخفاء السكشن التالي الذي يحتوي روابط (إن وجد) */
#fileGrid + section,
#fileGrid + div{display:none !important}

/* إخفاء أي قائمة روابط سفلية نهائياً */
#downloads-list{display:none !important}

/* سكشن تواصل معنا: تنظيم وتباعد الروابط */
#contact .container{padding:24px;box-sizing:border-box}
#contact .contact{display:flex;flex-direction:column;gap:14px}
#contact .contact p{margin:0}
#contact .contact a{
  display:inline-block;
  padding:10px 14px;
  margin-top:6px;
  border:1px solid #e6f2f7;
  border-radius:10px;
  background:#fff;
  text-decoration:none;
  color:var(--accent, #2583c6);
}
#contact .contact a:hover{color:var(--accent-2, #055797);background:#f9fcff}
#contact .contact-number a,
#contact .contact-facebook a{direction:ltr}
@media (min-width:768px){#contact .contact{gap:16px}}

/* الرابط المباشر داخل البطاقة (إن استُخدم خارج الإخفاء) */
.file-link{font-size:.9rem;color:#2563eb;text-decoration:none;text-align:center}
.file-link:hover{text-decoration:underline;color:#1d4ed8}
/* تحسين مظهر روابط سكشن الملفات */
#fileGrid{
  list-style:none;
  padding:0;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); /* شبكة مرنة */
  gap:14px;
  align-items:stretch;
  direction:rtl; /* يدعم العربية */
}
#fileGrid li{margin:0} /* نستخدم gap بدل الهوامش */
#fileGrid .file-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 16px;
  border-radius:12px;
  background:#f8fbff;
  border:1px solid #dbe8f5;
  color:#2583c6;
  text-decoration:none;
  font-weight:600;
  text-align:center;
  overflow-wrap:anywhere;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease, text-decoration-color .15s ease;
}
#fileGrid .file-link:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,0.10);
  background:#eef6ff;
  border-color:#c7ddf1;
  color:#1b6fb0;
  text-decoration:underline;
  text-decoration-color:#7bb7e6;
}
#fileGrid .file-link:active{
  transform:translateY(0);
  box-shadow:0 2px 8px rgba(0,0,0,0.12);
}
#fileGrid .file-link:focus-visible{
  outline:3px solid #7cc0ff;
  outline-offset:2px;
}
@media (max-width:480px){
  #fileGrid{grid-template-columns:1fr;gap:12px}
  #fileGrid .file-link{padding:12px;border-radius:10px}
}
/* تأكد من عدم ظهور أي قوائم أخرى للأسفل */
#downloads-list{display:none !important}
/* تعطيل تنسيق البطاقات إن وُجد */
.file-card, .file-actions, .btn, .btn--open, .btn--download { all: unset; }
.file-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
  min-height:120px;
}
.file-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

/* اسم الملف في المنتصف */
.file-name{
  font-weight:700;
  text-align:center;
}

/* إبقاء أزرار فتح/تنزيل ظاهرة ومُتوسّطة داخل البطاقة */
.file-actions{
  display:inline-flex !important;
  justify-content:center;
  align-items:center;
  gap:10px;
  width:100%;
}

/* تحسين ظهور زر تنزيل */
.btn--download{
  background:#0ea5e9;
  border:1px solid #0ea5e9;
  color:#fff;
  font-weight:700;
  min-width:84px;
  text-align:center;
  padding:8px 12px;
  border-radius:8px;
  transition:filter .2s ease, opacity .2s ease;
}
.btn--download:hover{
  background:#0284c7;
  border-color:#0284c7;
}

/* زر فتح محايد */
.btn--open{
  background:#f8fafc;
  border:1px solid #e6e6e6;
  color:#0f172a;
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
  transition:background .2s ease, color .2s ease;
}
.btn--open:hover{
  background:#e2e8f0;
  color:#0f172a;
}

@media (max-width:600px){
  .file-grid{gap:12px}
  .file-card{padding:10px}
}

/* قائمة تواصل معنا المنبثقة */
.contact-menu{
  position:fixed;
  inset:auto auto; /* نحدد لاحقًا عبر السكربت */
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,0.12);
  padding:8px;
  display:none; /* افتراضيًا مخفية */
  z-index:1000;
  min-width:220px;
}
.contact-menu.is-open{display:block}
.contact-menu__item{
  display:block;
  padding:10px 12px;
  color:#0f172a;
  text-decoration:none;
  border-radius:8px;
}
.contact-menu__item + .contact-menu__item{margin-top:6px}
.contact-menu__item:hover{background:#f8fafc}

/* تواصل */
.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.contact__form input,
.contact__form textarea{
  width:100%;
  margin:8px 0;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#ffffff;
  color:var(--text);
}
.contact__form button{width:100%}

/* الفوتر */
.footer{
  border-top:1px solid var(--border);
  background:#f7f9fc;
  padding-block:12px;
}
.footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.footer .container{gap:10px;align-items:center}
.footer p,
.footer a,
.footer li,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6{margin-block:4px}
.footer .brand__text{margin:0}

/* تخصيص تباعد الفوتر والعناصر داخله */
.footer .container.footer__inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
}
/* زيادة مسافة جانبية بين روابط الفوتر */
.footer a{margin-inline:10px}

/* نص العلامة */
.brand__text{
  display:inline-flex;
  align-items:baseline;
  font-family:'Somar','Cairo',sans-serif;
  font-weight:800;
  font-size:34px;
  letter-spacing:0;
  line-height:1;
}
.brand__text .t,
.brand__text .m{
  color:var(--primary);
  -webkit-text-stroke:1.5px var(--primary-dark);
  text-shadow:-1px -1px 0 var(--primary-dark), 1px -1px 0 var(--primary-dark), -1px 1px 0 var(--primary-dark), 1px 1px 0 var(--primary-dark);
}
.brand__text .c{color:var(--accent);margin-inline-start:2px}

/* عناصر الظهور */
.reveal{opacity:0;transform:none;transition:opacity .6s ease;will-change:opacity}
.reveal.in-view{opacity:1;transform:none}
.reveal[data-animate="fade-in"],
.reveal[data-animate="slide-up"],
.reveal[data-animate="slide-right"],
.reveal[data-animate="zoom-in"]{transform:none;transition:opacity .6s ease}
.reveal[data-animate="zoom-in"]{transform:scale(.96)}

/* ثيمات الصفحات */
body[data-theme="home"]{
  --primary:#2583c6;
  --accent:#f5832c;
  --surface:#f7f9fc;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(37,131,198,.12), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(245,131,44,.12), transparent 55%);
}
body[data-theme="about"]{
  --primary:#055797;
  --accent:#7bd389;
  --surface:#eef7f1;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(5,87,151,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(123,211,137,.12), transparent 55%);
}
body[data-theme="services"]{
  --primary:#6b5b95;
  --accent:#f67280;
  --surface:#faf7ff;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(107,91,149,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(246,114,128,.12), transparent 55%);
}
body[data-theme="files"]{
  --primary:#3a7bd5;
  --accent:#00d2ff;
  --surface:#f2fbff;
  --bg-grad-1:radial-gradient(600px 220px at 80% 20%, rgba(58,123,213,.10), transparent 60%);
  --bg-grad-2:radial-gradient(420px 160px at 20% 30%, rgba(0,210,255,.14), transparent 55%);
}

/* تمييز سكشن من نحن */
#about.section{position:relative}
#about.section::before{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:0;
  height:3px;
  background:linear-gradient(90deg, var(--accent), transparent 70%);
  opacity:.6;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .5s ease;
}
body[data-theme="about"] #about.section::before{transform:scaleX(1);transform-origin:left}
body[data-theme="about"] #about .container{
  transform:translateY(-4px);
  transition:transform .4s ease, box-shadow .4s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  will-change:transform;
}

/* تمييز سكشن خدماتنا */
#services.section{position:relative}
#services.section::before{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;
  height:3px;
  background:linear-gradient(90deg, var(--accent), transparent 70%);
  opacity:.6;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s ease;
}
body[data-theme="services"] #services.section::before{transform:scaleX(1)}
body[data-theme="services"] #services .container{
  transform:translateY(-3px);
  transition:transform .4s ease, box-shadow .4s ease;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  will-change:transform;
}

/* أزرار عامة */
.btn{
  display:inline-block;
  padding:10px 18px;
  border-radius:10px;
  border:1px solid var(--border);
  text-decoration:none;
  color:var(--text);
  transition:.2s ease;
}
.btn--primary{background:var(--primary);border-color:var(--primary)}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}

/* تجاودية عامة */
@media (max-width:900px){
  .hero__inner{flex-direction:column}
  .hero__media{order:2;width:100%;max-width:420px;margin-top:12px}
  .cards{grid-template-columns:1fr}
  .downloads{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .footer{padding-block:10px}
  .footer .container{gap:8px}
  .footer p,
  .footer a,
  .footer li{margin-block:2px}
  .nav__inner{column-gap:48px;row-gap:6px}
  .nav__inner nav{transform:translateY(4px)}
}

/* تباعد داخلي من كل الجهات لسكشن الملفات */
.downloads-section{padding:32px;box-sizing:border-box}
.downloads-section > .container{padding:24px;box-sizing:border-box}
.downloads-section h2{margin-bottom:16px}
.downloads-section .file-grid{gap:18px;padding:8px}
@media (min-width:768px){
  .downloads-section{padding:48px}
  .downloads-section > .container{padding:32px}
}

/* سكشن الملفات: تنظيم روابط التنزيل داخل الحاوية */
.downloads-section .downloads{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:14px;
}
.downloads-section .downloads li{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  padding:12px;
}
.downloads-section .downloads a{
  text-decoration:none;
  color:var(--accent, #2583c6);
}
.downloads-section .downloads a:hover{color:var(--accent-2, #055797)}

/* روابط مباشرة داخل سكشن الملفات بدون قائمة */
.downloads-section a{
  display:inline-block;
  padding:8px 12px;
  margin:6px 0;
  background:#fff;
  border:1px solid #e6f2f7;
  border-radius:10px;
  text-decoration:none;
  color:var(--accent, #2583c6);
}
.downloads-section a:hover{background:#f7fbff;color:var(--accent-2, #055797)}

/* ضبط شبكة #fileGrid عند وجود الصنف file-grid */
#fileGrid.file-grid{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:16px;
  padding:8px;
}

/* زر الرابط كبطاقة */
.file-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:10px;
  text-decoration:none;
  color:#2583c6;
  min-height:44px;
  box-shadow:0 1px 2px rgba(0,0,0,0.06);
}
.file-btn:hover{background:#f7fbff;border-color:#d7e9f5;color:#055797}

/* إخفاء رابط "رابط الملف" داخل البطاقة إن وُجد */
.file-card .file-link{display:none !important}

/* أزرار داخل بطاقات #fileGrid تظهر جنب بعض */
.file-card .file-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.file-card .file-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.file-card .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(0,0,0,0.1);
  transition:background .2s ease, color .2s ease, box-shadow .2s ease;
}
.file-card .btn--open{background:#f4f4f8;color:#0f172a}
.file-card .btn--open:hover{background:#e9eefc}
.file-card .btn--download{background:#0ea5e9;color:#fff;border-color:transparent}
.file-card .btn--download:hover{background:#0284c7}

/* إخفاء السكشن التالي الذي يحتوي روابط (إن وجد) */
#fileGrid + section,
#fileGrid + div{display:none !important}

/* إخفاء أي قائمة روابط سفلية نهائياً */
#downloads-list{display:none !important}

/* سكشن تواصل معنا: تنظيم وتباعد الروابط */
#contact .container{padding:24px;box-sizing:border-box}
#contact .contact{display:flex;flex-direction:column;gap:14px}
#contact .contact p{margin:0}
#contact .contact a{
  display:inline-block;
  padding:10px 14px;
  margin-top:6px;
  border:1px solid #e6f2f7;
  border-radius:10px;
  background:#fff;
  text-decoration:none;
  color:var(--accent, #2583c6);
}
#contact .contact a:hover{color:var(--accent-2, #055797);background:#f9fcff}
#contact .contact-number a,
#contact .contact-facebook a{direction:ltr}
@media (min-width:768px){#contact .contact{gap:16px}}

/* الرابط المباشر داخل البطاقة (إن استُخدم خارج الإخفاء) */
.file-link{font-size:.9rem;color:#2563eb;text-decoration:none;text-align:center}
.file-link:hover{text-decoration:underline;color:#1d4ed8}

/* تنسيق جذاب ومحدد لروابط سكشن الملفات (يوضع قرب نهاية الملف ليتغلب على أي قواعد سابقة) */
#files #fileGrid a,
#fileGrid .file-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    color: #1b6fb0;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease, text-decoration-color .15s ease;
}

#files #fileGrid a:hover,
#fileGrid .file-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.10);
    background: #eef6ff;
    border-color: #c7ddf1;
    color: #155e98;
    text-decoration: underline;
    text-decoration-color: #7bb7e6;
}

#files #fileGrid a:active,
#fileGrid .file-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

#files #fileGrid a:focus-visible,
#fileGrid .file-link:focus-visible {
    outline: 3px solid #7cc0ff;
    outline-offset: 2px;
}

/* تحسين العرض على الشاشات الصغيرة */
@media (max-width: 480px) {
    #files #fileGrid { grid-template-columns: 1fr; gap: 12px; }
    #files #fileGrid a,
    #fileGrid .file-link { padding: 12px; border-radius: 10px; }
}

/* تنسيق قوي ومحدد لروابط سكشن الملفات (يوضع في نهاية الملف) */
/* الشبكة */
#files #fileGrid,
#files .file-grid {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch;
    direction: rtl;
}

/* العناصر */
#files #fileGrid li,
#files .file-grid li {
    margin: 0 !important; /* نستخدم gap بدل الهوامش */
}

/* الروابط (أولوية أعلى) */
#files #fileGrid a,
#files .file-grid a,
#fileGrid .file-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    color: #1b6fb0 !important;
    text-decoration: none !important;
    font-weight: 600;
    text-align: center;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease, text-decoration-color .15s ease;
}

/* تأثيرات الهوفر */
#files #fileGrid a:hover,
#files .file-grid a:hover,
#fileGrid .file-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.10);
    background: #eef6ff;
    border-color: #c7ddf1;
    color: #155e98 !important;
    text-decoration: underline !important;
    text-decoration-color: #7bb7e6;
}

/* الحالة النشطة والتركيز */
#files #fileGrid a:active,
#files .file-grid a:active,
#fileGrid .file-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
#files #fileGrid a:focus-visible,
#files .file-grid a:focus-visible,
#fileGrid .file-link:focus-visible {
    outline: 3px solid #7cc0ff;
    outline-offset: 2px;
}

/* هواتف */
@media (max-width: 480px) {
    #files #fileGrid,
    #files .file-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    #files #fileGrid a,
    #files .file-grid a,
    #fileGrid .file-link { padding: 12px; border-radius: 10px; }
}

/* سكشن الملفات: شبكة وروابط كبطاقات (تخصيص إضافي لـ .file-link داخل #files) */
#files #fileGrid {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    align-items: stretch;
    direction: rtl;
}
#files #fileGrid li { margin: 0; }
#files #fileGrid a.file-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    color: #1b6fb0;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
#files #fileGrid a.file-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.10);
    background: #eef6ff;
    border-color: #c7ddf1;
    color: #155e98;
    text-decoration: underline;
}
#files #fileGrid a.file-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
#files #fileGrid a.file-link:focus-visible {
    outline: 3px solid #7cc0ff;
    outline-offset: 2px;
}
@media (max-width: 480px) {
    #files #fileGrid { grid-template-columns: 1fr; gap: 12px; }
    #files #fileGrid a.file-link { padding: 12px; border-radius: 10px; }
}

/* تمركز محتوى سكشن الملفات في الوسط */
#files {
    display: flex;
    justify-content: center;    /* توسيط أفقي */
    align-items: center;        /* توسيط عمودي داخل القسم */
    min-height: 40vh;           /* ارتفاع كافٍ لإظهار التمركز العمودي */
    padding: 20px 0;
}

/* تنسيق شبكة وروابط كبطاقات جميلة */
#files #fileGrid {
    list-style: none;
    padding: 0;
    margin: 0 auto;             /* توسيط الشبكة داخل القسم */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    direction: rtl; /* اختياري للعربية */
    justify-items: center;      /* عناصر الشبكة في الوسط أفقيًا */
    align-items: center;        /* عناصر الشبكة في الوسط عموديًا */
}
#files #fileGrid li {
    margin: 0;
}
#files #fileGrid a.file-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    color: #1b6fb0;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
#files #fileGrid a.file-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.10);
    background: #eef6ff;
    border-color: #c7ddf1;
    color: #155e98;
    text-decoration: underline;
}
#files #fileGrid a.file-link:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
#files #fileGrid a.file-link:focus-visible {
    outline: 3px solid #7cc0ff;
    outline-offset: 2px;
}
@media (max-width: 480px) {
    #files #fileGrid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    #files #fileGrid a.file-link {
        padding: 12px;
        border-radius: 10px;
    }
}

/* تمرير ناعم للروابط الداخلية */
html {
    scroll-behavior: smooth;
}

/* زر الاتصال */
.btn-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #1b6fb0;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn-contact:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    background: #155e98;
}
.btn-contact:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

/* سكشن التواصل */
#contact {
    padding: 24px 16px;
    margin: 24px auto;
    max-width: 900px;
}
#contact .contact-container {
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    text-align: center;
}
#contact h2 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #0e4f82;
}
#contact .field {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}
#contact label {
    font-weight: 600;
    color: #0e4f82;
}
#contact input,
#contact textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #c7ddf1;
    border-radius: 8px;
    font-size: 14px;
}
#contact input:focus,
#contact textarea:focus {
    outline: 3px solid #7cc0ff;
    outline-offset: 2px;
}

#contact .contact-list {
    list-style: none;
    display: flex;
    gap: 12px;
    padding: 0;
    margin: 12px 0 0;
    justify-content: center;
}
#contact .contact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 16px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
}
#contact .contact-facebook {
    background: #1877F2; /* لون فيسبوك */
    color: #fff;
}
#contact .contact-whatsapp {
    background: #25D366; /* لون واتساب */
    color: #fff;
}
#contact .contact-link:hover {
    filter: brightness(1.06);
}

/* زر تنزيل بسيط */
.file-download {
    display: inline-block;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #dbe8f5;
    background: #f6faff;
    color: #0b3b69;
    cursor: pointer;
    font-weight: 600;
}
.file-download:hover {
    filter: brightness(1.05);
}

/* على الشاشات الصغيرة: أظهر الرابط فقط، وأخفِ زر التنزيل */
@media (max-width: 991px) {
    #files #fileGrid a.file-link {
        display: inline-block;
    }
    .file-download {
        display: none;
    }
}

/* على الشاشات الكبيرة: يظهر الرابط وزر التنزيل معًا */
@media (min-width: 992px) {
    #files #fileGrid a.file-link {
        display: inline-block;
    }
    .file-download {
        display: inline-block;
    }
}