/* ============ الموقع الثاني (الأحمر) ============ */
:root{
  --terracotta:#C62828;      /* Primary Red */
  --terracotta-600:#9D1F1F;  /* Darker Red */
  --terracotta-100:#FBE6E6;  /* Rose tint */
  --ink:#0E2233;
  --accent:#FFC94A;
}

/* أساسيات */
html,body{
  font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
}

/* ====== الهيدر / النافبار ====== */
.navbar{
  --bs-navbar-padding-y:.6rem;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(120%) blur(8px);
  box-shadow:0 6px 16px rgba(0,0,0,.06);
}
.navbar .navbar-brand{
  display:flex; align-items:center; gap:.6rem;
}

/* الشعار */
.brand-logo-box{ height:44px; display:flex; align-items:center; overflow:hidden; }
.brand-logo-img{ height:100%; width:auto; display:block; object-fit:contain; object-position:center; filter:drop-shadow(0 1px 1px rgba(0,0,0,.05)); }
.brand-text{ font-size:1.05rem; font-weight:700; }
@media (max-width: 991.98px){ .brand-text{ display:none; } }
.brand-fallback{
  width:40px;height:40px;border-radius:10px;background:var(--terracotta);
  display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800
}

/* أزرار */
.btn-cta{
  background:var(--accent); color:#1b1b1b; font-weight:700; border:none; border-radius:12px;
  padding:.55rem 1rem; box-shadow:0 6px 14px rgba(0,0,0,.08)
}
/* اختلاف بصري عن الموقع الأول: حبة دواء */
.btn-outline-terracotta{
  border:2px solid var(--terracotta); color:var(--terracotta);
  border-radius:999px; font-weight:700;
}
.btn-outline-terracotta:hover{ background:var(--terracotta); color:#fff }

/* عناوين */
.title-pill{
  display:inline-block; background:var(--terracotta-100); color:var(--terracotta-600);
  border-radius:999px; padding:.25rem .9rem; font-weight:700
}
.section-title{ font-weight:800 }

/* ====== هيرو خلفية فيديو ====== */
.hero{
  position:relative; min-height:clamp(520px,72vh,760px);
  color:#fff; background:#000; overflow:hidden; isolation:isolate;
}
.hero__videoWrap{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.hero__video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:var(--hero-pos,50% 45%);
  pointer-events:none;
}
/* لمسة هوية: تينت أحمر خفيف فوق التدرّج */
.hero__overlay{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg, rgba(198,40,40,.22), rgba(0,0,0,.45));
}
.hero__content{
  position:relative; z-index:2; min-height:clamp(520px,72vh,760px);
  display:flex; align-items:center;
}
@media (min-width:992px){
  .hero, .hero__content{ min-height:clamp(520px,65vh,700px); }
}

/* ====== بطاقات الميزات (اختلاف خفيف) ====== */
.feature-icon{
  width:64px;height:64px;border-radius:20px;             /* أكثر نعومة من 18px */
  background:var(--terracotta-100); color:var(--terracotta);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}

/* ====== بطاقات المراحل ====== */
.stage{ border-radius:22px; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.08); overflow:hidden }
.stage .cover{ object-fit:cover; height:220px }

/* ====== المعرض (تأثير مختلف) ====== */
.gallery img{
  width:100%; height:220px; object-fit:cover; border-radius:16px; display:block;
  transition:transform .2s ease, box-shadow .2s ease;
}
.gallery a:hover img{
  transform:scale(1.015);
  box-shadow:0 0 0 3px var(--terracotta) inset;
}

/* ====== الفوتر (أحمر) مع خط علوي ديكوري ====== */
footer{
  position:relative;
  background:var(--terracotta);
  color:#fff;
}
footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:var(--terracotta-600);
}
footer a{ color:#fff; opacity:.95; text-decoration:none; }
footer a:hover{ opacity:1; text-decoration:underline; }
footer .text-secondary{ color:#FFEFE5 !important; }
footer .section-title, footer .fw-bold{ color:#fff; }
footer .bi{ color:#fff; opacity:.9; }
footer a:hover .bi{ opacity:1; }

/* زر واتساب عائم (اختياري) */
.whatsapp-fab{
  position:fixed; left:20px; bottom:20px; z-index:9999; background:#25D366; color:#fff;
  width:56px; height:56px; border-radius:50%; display:grid; place-items:center;
  box-shadow:0 10px 24px rgba(0,0,0,.18)
}

/* شارة سياسة المدرسة */
.badge-sep{
  display:inline-block; background:var(--terracotta-100); color:var(--terracotta-600);
  border-radius:999px; padding:.25rem .7rem; font-weight:700; font-size:.85rem;
  border:1px solid rgba(0,0,0,.06);
}