:root{
  --terracotta:#B55239;
  --terracotta-600:#9F4732;
  --terracotta-100:#F2E8DF;
  --ink:#0E2233;
  --accent:#FFD66E;
}

/* أساسيات */
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;
}

/* صندوق يضبط الشعار ويقصّ الزوائد (مهم لـ nav.php) */
.brand-logo-box{
  height:44px;                                  /* عدّل 36–48 حسب الشعار */
  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:12px;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(0,0,0,.25),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:18px;background:var(--terracotta-100);
  display:grid;place-items:center;color:var(--terracotta);box-shadow:0 10px 24px 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 .25s ease;
}
.gallery a:hover img{ transform:scale(1.03) }

/* ====== التذييل (قرميدي) ====== */
footer{
  background: var(--terracotta);
  color:#fff;
}
footer a{
  color:#fff; opacity:.95; text-decoration:none;
}
footer a:hover{ opacity:1; text-decoration:underline; }
/* لو في عناصر Bootstrap ثانوية داخل الفوتر */
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,.05);
}