/* =====================================================================
   موقع مدارس المستقبل التعريفي — نظام تصميم الموقع العام (عربي RTL)
   HTML + CSS + Bootstrap 5 فقط. لا JavaScript مخصص.
   ===================================================================== */
:root {
  --brand:      #1e50a0;
  --brand-dark: #163e7d;
  --brand-light:#3f74c9;
  --accent:     #f59e0b;
  --c-success:#16a34a; --c-info:#0ea5e9;
  --ink:      #16233b;
  --ink-soft: #52607a;
  --ink-mute: #8a96ab;
  --bg:       #ffffff;
  --bg-soft:  #f4f7fc;
  --border:   #e5e9f0;
  --radius:16px; --radius-sm:10px;
  --shadow:0 10px 30px rgba(16,24,40,.08);
  --shadow-lg:0 24px 60px rgba(16,24,40,.16);
  --t:.35s cubic-bezier(.4,0,.2,1);
  --font:'Cairo','Tajawal',system-ui,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { direction:rtl; text-align:right; font-family:var(--font); color:var(--ink); background:var(--bg); margin:0; line-height:1.8; -webkit-font-smoothing:antialiased; }
img { max-width:100%; height:auto; }
h1,h2,h3,h4 { font-weight:800; line-height:1.3; color:var(--ink); }
a { color:var(--brand); text-decoration:none; transition:color var(--t); }
a:hover { color:var(--brand-dark); }
:focus-visible { outline:3px solid rgba(30,80,160,.4); outline-offset:2px; border-radius:4px; }
.container { max-width:1200px; }

/* الأزرار */
.btn { border-radius:40px; font-weight:700; font-family:inherit; padding:.7rem 1.6rem; transition:all var(--t); }
.btn-brand { background:var(--brand); color:#fff; border:none; }
.btn-brand:hover { background:var(--brand-dark); color:#fff; box-shadow:0 10px 24px rgba(30,80,160,.35); transform:translateY(-2px); }
.btn-accent { background:var(--accent); color:#3a2a06; border:none; }
.btn-accent:hover { filter:brightness(.96); color:#3a2a06; transform:translateY(-2px); }
.btn-ghost { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.6); }
.btn-ghost:hover { background:#fff; color:var(--brand-dark); }
.btn-outline-brand { border:2px solid var(--brand); color:var(--brand); background:transparent; }
.btn-outline-brand:hover { background:var(--brand); color:#fff; }

/* شريط التنقّل */
.site-navbar { background:rgba(255,255,255,.96); backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--border); padding:.6rem 0; position:sticky; top:0; z-index:1030; }
.site-navbar .navbar-brand { display:flex; align-items:center; gap:.6rem; font-weight:800; color:var(--ink); font-size:1.15rem; }
.site-navbar .navbar-brand img { width:44px; height:44px; }
.site-navbar .navbar-brand small { display:block; font-weight:500; font-size:.68rem; color:var(--ink-mute); }
.site-navbar .nav-link { color:var(--ink-soft); font-weight:600; padding:.5rem 1rem; border-radius:8px; }
.site-navbar .nav-link:hover, .site-navbar .nav-link.active { color:var(--brand); background:var(--bg-soft); }
.lang-btn { border:1px solid var(--border); border-radius:40px; padding:.35rem .9rem; color:var(--ink-soft); font-weight:600; font-size:.85rem; }
.lang-btn:hover { border-color:var(--brand); color:var(--brand); }

/* الواجهة (Hero) */
.hero { position:relative; background:linear-gradient(135deg,var(--brand-dark),var(--brand) 55%,var(--brand-light)); color:#fff; overflow:hidden; padding:5.5rem 0 6.5rem; }
.hero::before { content:''; position:absolute; width:520px; height:520px; background:rgba(255,255,255,.07); border-radius:50%; top:-160px; inset-inline-start:-120px; }
.hero::after { content:''; position:absolute; width:360px; height:360px; background:rgba(245,158,11,.14); border-radius:50%; bottom:-140px; inset-inline-end:-80px; }
.hero__content { position:relative; z-index:2; }
.hero h1 { color:#fff; font-size:clamp(2rem,4vw,3.25rem); margin-bottom:1rem; }
.hero p { font-size:1.15rem; opacity:.92; max-width:34rem; margin-bottom:2rem; }
.hero .eyebrow { display:inline-block; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); padding:.35rem 1rem; border-radius:40px; font-weight:600; font-size:.85rem; margin-bottom:1.25rem; }
.hero-card { position:relative; z-index:2; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:var(--radius); padding:1.5rem; backdrop-filter:blur(6px); }
.hero-card .row > div { text-align:center; padding:1rem .5rem; }
.hero-card .num { font-size:2rem; font-weight:800; display:block; }
.hero-card .lbl { opacity:.85; font-size:.85rem; }

/* الأقسام */
.section { padding:5rem 0; }
.section.soft { background:var(--bg-soft); }
.eyebrow-c { color:var(--brand); font-weight:700; letter-spacing:.02em; margin-bottom:.5rem; }
.section-title { font-size:clamp(1.6rem,3vw,2.4rem); margin-bottom:1rem; }
.section-sub { color:var(--ink-soft); max-width:42rem; margin:0 auto 3rem; }
.section-head { text-align:center; }

/* البطاقات */
.card-soft { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:2rem; height:100%; transition:transform var(--t),box-shadow var(--t); }
.card-soft:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.feat-icon { width:64px; height:64px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center; font-size:1.8rem; margin-bottom:1.25rem; }
.tint-b { background:rgba(30,80,160,.1); color:var(--brand); }
.tint-a { background:rgba(245,158,11,.14); color:var(--accent); }
.tint-g { background:rgba(22,163,74,.12); color:var(--c-success); }
.tint-i { background:rgba(14,165,233,.12); color:var(--c-info); }
.card-soft h4 { margin-bottom:.6rem; font-size:1.2rem; }
.card-soft p { color:var(--ink-soft); margin:0; }

/* بطاقات البرامج */
.program-card { border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); background:#fff; height:100%; transition:transform var(--t),box-shadow var(--t); }
.program-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.program-card__top { height:120px; display:flex; align-items:center; justify-content:center; font-size:3rem; color:#fff; }
.program-card__body { padding:1.5rem; }

/* شريط الإحصاءات */
.stat-band { background:var(--brand-dark); color:#fff; border-radius:var(--radius); padding:2.5rem 1rem; }
.stat-band .num { font-size:2.6rem; font-weight:800; color:var(--accent); }
.stat-band .lbl { opacity:.85; }

/* الأخبار */
.news-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; height:100%; transition:transform var(--t),box-shadow var(--t); }
.news-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.news-card__img { height:170px; display:flex; align-items:center; justify-content:center; font-size:2.5rem; color:#fff; }
.news-card__body { padding:1.5rem; }
.news-card .date { color:var(--ink-mute); font-size:.82rem; }
.badge-cat { background:rgba(30,80,160,.1); color:var(--brand); border-radius:40px; padding:.25rem .8rem; font-size:.75rem; font-weight:700; }

/* شريط الحث (CTA) */
.cta-band { background:linear-gradient(135deg,var(--brand),var(--brand-light)); color:#fff; border-radius:var(--radius); padding:3.5rem; position:relative; overflow:hidden; }
.cta-band::after { content:''; position:absolute; width:300px; height:300px; background:rgba(255,255,255,.08); border-radius:50%; top:-100px; inset-inline-start:-60px; }
.cta-band h2 { color:#fff; position:relative; z-index:2; }

/* التذييل */
.site-footer { background:#0d1a33; color:#c7d2e4; padding:4rem 0 1.5rem; }
.site-footer h5 { color:#fff; font-size:1.05rem; margin-bottom:1.2rem; }
.site-footer a { color:#c7d2e4; display:block; padding:.3rem 0; }
.site-footer a:hover { color:#fff; padding-inline-start:.3rem; }
.site-footer .brand-row { display:flex; align-items:center; gap:.7rem; margin-bottom:1rem; }
.site-footer .brand-row img { width:44px; height:44px; }
.footer-social a { display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; background:rgba(255,255,255,.08); border-radius:50%; margin-inline-end:.4rem; }
.footer-social a:hover { background:var(--brand); padding:0; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); margin-top:2.5rem; padding-top:1.5rem; color:var(--ink-mute); font-size:.85rem; }

/* صفحة داخلية: ترويسة */
.page-hero { background:linear-gradient(135deg,var(--brand-dark),var(--brand)); color:#fff; padding:3.5rem 0; text-align:center; }
.page-hero h1 { color:#fff; }
.page-hero .breadcrumb { justify-content:center; --bs-breadcrumb-divider:'‹'; }
.page-hero .breadcrumb a { color:rgba(255,255,255,.85); }
.page-hero .breadcrumb .active { color:#fff; }

/* نموذج التواصل */
.form-control, .form-select { border-radius:var(--radius-sm); border:1px solid var(--border); padding:.7rem 1rem; font-family:inherit; }
.form-control:focus, .form-select:focus { border-color:var(--brand-light); box-shadow:0 0 0 3px rgba(30,80,160,.12); }
.info-item { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.5rem; }
.info-item .ic { width:52px; height:52px; border-radius:14px; background:rgba(30,80,160,.1); color:var(--brand); display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }

/* الحركة */
@media (prefers-reduced-motion:no-preference){
  .reveal{ animation:rise .6s var(--t) both; }
  @keyframes rise{ from{opacity:0; transform:translateY(1.5rem);} to{opacity:1; transform:none;} }
  .reveal-1{animation-delay:.1s}.reveal-2{animation-delay:.2s}.reveal-3{animation-delay:.3s}.reveal-4{animation-delay:.4s}
}

/* الاستجابة */
@media (max-width:991px){ .hero{ padding:3.5rem 0 4rem; } .section{ padding:3.5rem 0; } .cta-band{ padding:2.5rem 1.5rem; text-align:center; } }
@media (max-width:575px){ .hero h1{ font-size:1.9rem; } .stat-band .num{ font-size:2rem; } }