@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;600;800&display=swap');
:root{--bg:#ffffff;--card:#ffffff;--muted:#6b7280;--brand:#b88a43;--accent:#caa265;--ring:#caa265}
html{scroll-behavior:smooth}
body{font-family:'Tajawal','Cairo',system-ui,-apple-system,Segoe UI,Roboto,'Noto Kufi Arabic',Tahoma,Arial;direction:rtl;background:var(--bg);color:#0f172a}
.navbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(0,0,0,.06)}
.navbar .navbar-brand{font-family:'Cairo',system-ui;font-weight:800;letter-spacing:.2px}
.navbar .nav-link{color:#334155}
.navbar .nav-link.active,.navbar .nav-link:hover{color:#0f172a}
.logo-img{height:82px}
.hero-title{font-family:'Cairo','Tajawal',system-ui;font-size:clamp(30px,3.2vw,56px);color:#0f172a}
.section{padding:64px 0;background:#fff}
.section:nth-of-type(odd){background:#f8fafc}
.section-title{font-family:'Cairo','Tajawal',system-ui;font-weight:800;margin-bottom:8px;color:#0f172a}
.section-muted{color:var(--muted)}
.card{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(17,24,39,.06);border-radius:18px;overflow:hidden}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.gallery a{position:relative; display:block; border-radius:14px; overflow:hidden}
.gallery img{width:100%;height:200px;object-fit:cover;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.08);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.gallery a:hover img{transform:translateY(-4px) scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.gallery .title-overlay{position:absolute; inset:auto 0 0 0; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55)); color:#fff;
  padding:10px 14px; opacity:0; transform:translateY(8px); transition:all .35s ease;}
.gallery a:hover .title-overlay{opacity:1; transform:translateY(0)}
.btn-accent{background:linear-gradient(90deg,#d0ad70,#b88a43);border-color:#b88a43;color:#111}
.btn-accent:hover{filter:brightness(.95)}
footer{color:#e5e7eb}
.badge-chip{border:1px solid rgba(0,0,0,.12);padding:.35rem .65rem;border-radius:999px;font-size:.85rem;color:#475569}
/* animations */
.fade-up{opacity:0;transform:translateY(22px);transition:all .8s ease}
.fade-up.appear{opacity:1;transform:none}
.scale-in{opacity:0;transform:scale(.98);transition:all .8s cubic-bezier(.2,.8,.2,1)}
.scale-in.appear{opacity:1;transform:scale(1)}
/* Scroll cue */

.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.65));}
/* Modern footer styles */
.modern-footer{background:linear-gradient(180deg,#0f172a,#0b1220);color:#e6e7eb;padding-top:48px}
.modern-footer a{color:inherit;text-decoration:none;opacity:.95}
.modern-footer .btn-outline-light{border-color:rgba(255,255,255,.12);color:#fff;background:transparent}
.cta-banner .btn-dark{background:#0b1220;color:#fff;border:0;padding:.6rem 1rem}
.card.p-3 h3{font-size:22px}
.testimonial{transition:transform .6s}
/* Social header */
.header-social a{color:#0f172a;opacity:.8}
.header-social a:hover{opacity:1}
/* Social bar */
.social-bar{padding:24px 0;background:linear-gradient(90deg, rgba(184,138,67,.08), rgba(202,162,101,.05));border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.social-bar .btn{border-radius:999px;padding:.55rem 1rem;border:1px solid rgba(0,0,0,.1)}
.social-bar i{font-size:18px;margin-left:6px}
/* Big brand title over sliders */
header.hero {
  position: relative;
}

header.hero { position: relative; }

/* نضع العنوان في وسط وأسفل الصورة */
.hero-brand-big {
  position: absolute;
  left: 50%;
  bottom: 12%;              /* عدّل النسبة حسب رغبتك */
  transform: translateX(-50%);
  text-align: center;
  z-index: 5;
  pointer-events: none;
}

.hero-brand-big .text {
  display:inline-block;
  background:rgba(255,255,255,.65);
  backdrop-filter:saturate(180%) blur(6px);
  border-radius:16px;
  padding:4px 12px;
  font-family:'Cairo',system-ui;
  font-weight:800;
  font-size:clamp(24px,3.2vw,46px);
  color:#0f172a;
}



/* الوضع الافتراضي (كمبيوتر/تابلت): */
.carousel-item img {
  max-height: 640px;
  object-fit: cover;
  width: 100%;
}
/* الكمبيوتر / التابلت افتراضيًا */
#carousel .carousel-item img {
  max-height: 640px;
  object-fit: cover;
  width: 100%;
}

/* الجوال فقط: اجعل السلايدر يملأ الشاشة بالكامل تقريبًا */
@media (max-width: 576px) {
  :root { --nav-h: 56px; } /* ارتفاع النافبار */

  header.hero,
  #carousel .carousel-item {
    min-height: calc(100svh - var(--nav-h));
  }

  #carousel .carousel-item img {
    height: calc(100svh - var(--nav-h)) !important; /* اجعلها 100svh لتغطي الشاشة */
    max-height: none !important;
    object-fit: cover;
    width: 100%;
  }

  .carousel-caption { bottom: 2rem; } /* نزّل النص أكثر */
}
.scroll-cue {
  margin-top: 80px; /* يضيف 80px فراغ فوق العنصر فينزل للأسفل */
}