/* TRUE MIX — Global Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&family=Cairo:wght@300;400;600;700;900&family=Montserrat:wght@300;400;600;700;800&display=swap');
:root{--gold:#C8A45A;--gold-l:#E8C97A;--gold-d:#9A7A30;--navy:#0D1B2A;--navy2:#12243A;--blue-dark:#131E33;--silver:#B8C6CE;--white:#FFF;--off:#F6F5F0;--text:#0D1B2A;--muted:#4A5568;
  /* خطوط موحدة لكل الموقع */
  --font-ar:'Tajawal','Cairo','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  --font-en:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}

/* ============================================================
   ✅ الخط العربي الافتراضي (Tajawal أساسي + Cairo احتياطي)
   Tajawal يعرض الأحرف العربية بشكل أفضل على iOS Safari
   ============================================================ */
body{
  font-family:var(--font-ar);
  color:var(--text);
  overflow-x:hidden;
  direction:rtl;
  /* تفعيل اتصال الحروف العربية + تنعيم على iOS */
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1;
  -webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1;
  font-variant-ligatures:common-ligatures contextual;
  -webkit-font-variant-ligatures:common-ligatures contextual;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* ============================================================
   ✅ الإصلاح الجذري: إلغاء letter-spacing لكل النصوص العربية
   هذه القاعدة هي قلب الإصلاح — بدونها تنفصل الحروف على iOS
   ============================================================ */
html[dir="rtl"] .ar-t,
html.lang-ar .ar-t,
html.lang-ar h1,html.lang-ar h2,html.lang-ar h3,
html.lang-ar h4,html.lang-ar h5,html.lang-ar h6,
html.lang-ar p,html.lang-ar li,html.lang-ar label{
  letter-spacing:0 !important;
  word-spacing:normal !important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
  -webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
}
html.lang-en{direction:ltr}
html.lang-ar .en-t{display:none}
html.lang-en .ar-t{display:none}

/* NAV — قياسات موحدة لكل الصفحات */
nav, #mainNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background: var(--navy);
  height: 80px;
  min-height: 80px;
  max-height: 80px;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(200,164,90,.15);
  transition: box-shadow .3s;
  box-sizing: border-box;
}
nav.scrolled, #mainNav.scrolled {
  box-shadow: 0 4px 30px rgba(0,0,0,.5);
}
.nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  height: 65px;
  flex-shrink: 0;
}
.nav-logo img {
  height: 65px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
}
.nav-logo-fallback .en{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;letter-spacing:3px;color:#fff;line-height:1}
.nav-logo-fallback .ar{font-family:var(--font-ar);font-size:10px;color:var(--gold);letter-spacing:0;margin-top:2px}
.nav-menu{display:flex;gap:24px;list-style:none;align-items:center}
.nav-menu a{text-decoration:none;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);transition:color .2s}
.nav-menu a:hover,.nav-menu a.active{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:11px}
.lang-btn{background:transparent;border:1px solid rgba(200,164,90,.4);color:var(--gold);font-size:11px;font-weight:700;font-family:'Montserrat',sans-serif;padding:5px 12px;cursor:pointer;letter-spacing:1px;border-radius:2px;transition:all .2s}
.lang-btn:hover{background:var(--gold);color:var(--navy)}
.nav-cta{background:var(--gold);color:var(--navy)!important;padding:9px 22px;font-weight:700;border-radius:2px;font-size:13px;text-decoration:none;letter-spacing:0;transition:background .2s}
html.lang-en .nav-cta{letter-spacing:.3px}
.nav-cta:hover{background:var(--gold-l)}
/* ============================
   HERO VIDEO SLIDER
============================ */

.hero-slider-video{
    position:relative;
    height:70vh;
    width:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* VIDEO */
.hero-slider-video .bg-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

/* DARK OVERLAY */
.hero-slider-video .overlay{
    position:absolute;
    inset:0;
    background:rgba(10,20,40,0.55);
    z-index:2;
}

/* SLIDER CONTENT */
.slider-container{
    position:relative;
    z-index:3;
    text-align:center;
    color:#fff;
    max-width:800px;
    padding:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}



.slide h1{
    font-size:48px;
    font-weight:800;
    margin-bottom:20px;
}

.slide h1 span{
    color:var(--gold);
}

.slide p{
    font-size:20px;
    margin-bottom:8px;
    opacity:0.9;
}

/* ARROWS */
.arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:var(--gold);
    color:var(--navy);
    border:none;
    padding:14px 18px;
    font-size:26px;
    cursor:pointer;
    border-radius:4px;
    z-index:4;
    transition:.3s;
}

.arrow:hover{
    background:var(--gold-l);
}

.arrow-left{
    left:40px;
}

.arrow-right{
    right:40px;
}
/* ============================
   SLIDER FIX — DISPLAY + LTR + TRANSLATION
============================ */

/* إخفاء كل السلايدات */
.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .6s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* إظهار السلايد النشط */
.slide.active{
    opacity: 1;
}

/* تمركز المحتوى داخل السلايد */
.slider-container{
    max-width: 800px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* اللغة الافتراضية: عربي */
.ar{ display: block; }
.en{ display: none; }

/* عند التحويل إلى EN */
html[dir="ltr"] .ar{ display: none; }
html[dir="ltr"] .en{ display: block; }

/* ضبط السلايدر في وضع LTR */
html[dir="ltr"] .hero-slider-video{
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .slider-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
}

/* ضبط الأسهم في وضع LTR */
html[dir="ltr"] .arrow-left{
    left: 40px;
    right: auto;
}

html[dir="ltr"] .arrow-right{
    right: 40px;
    left: auto;
}
/* Force center alignment inside hero slider */
.hero-slider-video .slide h1,
.hero-slider-video .slide p {
    text-align: center !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



/* ANIMATION */
@keyframes fadeIn{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
}

/* عند التحويل إلى EN */
html[dir="ltr"] .hero-slider-video{
    display: flex;
    align-items: center;
    justify-content: center;
}

html[dir="ltr"] .slider-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100%;
}

/* ضبط الأسهم في وضع LTR */
html[dir="ltr"] .arrow-left{
    left: 40px;
    right: auto;
}

html[dir="ltr"] .arrow-right{
    right: 40px;
    left: auto;
}

/* BUTTONS */
.btn-gold{background:var(--gold);color:var(--navy);padding:12px 30px;font-size:14px;font-weight:700;font-family:var(--font-ar);text-decoration:none;border:2px solid var(--gold);transition:all .25s;border-radius:2px;cursor:pointer;display:inline-block;letter-spacing:0}
.btn-gold:hover{background:transparent;color:var(--gold)}
.btn-ghost{background:transparent;color:rgba(255,255,255,.85);padding:12px 30px;font-size:14px;font-weight:700;font-family:var(--font-ar);text-decoration:none;border:2px solid rgba(255,255,255,.22);transition:all .25s;border-radius:2px;cursor:pointer;display:inline-block;letter-spacing:0}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* SECTION */
section{position:relative;padding:64px 60px}
/* ✅ .s-tag: الكلاس المستخدم لـ "ما نقدمه" والعناوين الفرعية في كل الصفحات
   استخدام letter-spacing هنا كان يكسر الحروف العربية على iOS
   الحل: letter-spacing فقط للنص الإنجليزي عبر .en-t */
.s-tag{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:7px;letter-spacing:0}
/* عند العربي: استخدم Tajawal بدون مسافات بين الحروف، وتكبير حجم بسيط للقراءة */
html.lang-ar .s-tag{font-family:var(--font-ar);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;word-spacing:normal}
/* عند الإنجليزي: Montserrat مع letter-spacing الجمالي */
html.lang-en .s-tag{font-family:var(--font-en);letter-spacing:4px}
.s-title{font-size:32px;font-weight:900;color:var(--navy);line-height:1.15;margin-bottom:10px}
.s-title.light{color:#fff}
.s-line{width:48px;height:3px;background:var(--gold);margin-bottom:38px}

/* STATS */
.stats-bar{background:var(--gold);padding:26px 60px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px}
.stat{text-align:center}
.stat-n{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:800;color:var(--navy);line-height:1;margin-bottom:4px}
.stat-l{font-size:11px;font-weight:700;color:var(--navy);letter-spacing:0;opacity:.72}
html.lang-ar .stat-l{font-family:var(--font-ar);font-size:12px}
html.lang-en .stat-l{letter-spacing:1.5px}

/* SERVICES */
.sv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.sv-card{background:#fff;padding:30px 24px;border:1px solid rgba(200,164,90,.1);border-top:3px solid var(--gold);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.sv-card::after{content:'';position:absolute;bottom:-20px;left:-20px;width:80px;height:80px;background:rgba(200,164,90,.05);border-radius:50%;transition:transform .4s}
.sv-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(13,27,42,.1)}
.sv-card:hover::after{transform:scale(3.5)}
.sv-ico{margin-bottom:16px}
.sv-card h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:7px}
.sv-card p{font-size:13px;color:var(--muted);line-height:1.75}

/* PORTFOLIO */
.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.port-card{border-radius:6px;overflow:hidden;position:relative;height:210px;cursor:pointer;box-shadow:0 4px 24px rgba(13,27,42,.08);transition:transform .3s,box-shadow .3s}
.port-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,27,42,.18)}
.port-card.wide{grid-column:span 2}
.port-inner{width:100%;height:100%;position:relative;overflow:hidden}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,.95) 0%,rgba(13,27,42,.25) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s}
.port-card:hover .port-overlay{opacity:1}
.port-overlay h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:3px}
.port-overlay .p-tag{color:var(--gold);font-size:10px;letter-spacing:0}
html.lang-ar .port-overlay .p-tag{font-family:var(--font-ar);font-size:12px;font-weight:700}
html.lang-en .port-overlay .p-tag{letter-spacing:2px}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ci-item{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}
.ci-ico{width:40px;height:40px;background:var(--navy);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-item strong{font-size:14px;color:var(--navy);display:block;margin-bottom:2px}
.ci-item p{font-size:12px;color:var(--muted)}
.f-group{margin-bottom:13px;display:flex;flex-direction:column;gap:5px}
.f-group label{font-size:12px;font-weight:700;color:var(--navy)}
.f-group input,.f-group textarea,.f-group select{padding:11px 13px;border:1px solid rgba(13,27,42,.15);border-radius:2px;font-family:var(--font-ar);font-size:13px;color:var(--text);background:#fff;outline:none;transition:border-color .2s;letter-spacing:0}
.f-group input:focus,.f-group textarea:focus{border-color:var(--gold)}
.f-group textarea{height:100px;resize:none}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* FOOTER */
footer{background:var(--blue-dark);position:relative;overflow:hidden}
.footer-geo{position:absolute;right:0;top:0;width:300px;height:100%;pointer-events:none;z-index:0}
.footer-inner{position:relative;z-index:1;padding:46px 60px 22px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:46px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-logo img{height:55px;width:auto}
.footer-logo-text .en{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;letter-spacing:3px;color:#fff}
.footer-logo-text .ar{font-family:var(--font-ar);font-size:10px;color:var(--gold);letter-spacing:0;margin-top:2px}
.fb-txt{font-size:13px;color:rgba(255,255,255,.38);line-height:1.75;margin-top:13px;margin-bottom:20px}
.fc-title{font-size:10px;font-weight:700;letter-spacing:0;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:block}
/* عند العربي: Tajawal بدون letter-spacing */
html.lang-ar .fc-title{font-family:var(--font-ar);font-size:13px;font-weight:800;text-transform:none}
/* عند الإنجليزي: Montserrat مع letter-spacing */
html.lang-en .fc-title{font-family:var(--font-en);letter-spacing:3px}
.fc-links{list-style:none}
.fc-links li{margin-bottom:8px}
.fc-links a{text-decoration:none;font-size:13px;color:rgba(255,255,255,.38);transition:color .2s}
.fc-links a:hover{color:var(--gold)}
.social-row{display:flex;gap:9px;flex-wrap:wrap}
.soc{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}
.soc:hover{border-color:var(--gold);background:rgba(200,164,90,.1)}
.footer-btm{padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.22);flex-wrap:wrap;gap:8px}

/* INNER PAGE HERO */
.page-hero{background:var(--navy);padding:80px 60px 60px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(200,164,90,.08) 1px,transparent 1px);background-size:36px 36px}
.page-hero-content{position:relative;z-index:1;max-width:640px}
.page-hero h1{font-size:38px;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.15}
.page-hero h1 span{color:var(--gold)}
.page-hero p{font-size:15px;color:rgba(255,255,255,.55);line-height:1.75}

/* BREADCRUMB */
.breadcrumb{background:var(--off);padding:12px 60px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.breadcrumb a{color:var(--gold);text-decoration:none}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-visual{position:relative;height:400px}
.about-card-wrap{position:absolute;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.about-card-wrap.main-card{width:230px;height:320px;right:20px;top:0;background:var(--navy2)}
.about-card-wrap.accent-card{width:150px;height:190px;left:10px;bottom:0;background:var(--gold);flex-direction:column;gap:4px}
.accent-num{font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:var(--navy);line-height:1}
.accent-lbl{font-size:9px;font-weight:700;color:var(--navy);letter-spacing:0;opacity:.7}
html.lang-ar .accent-lbl{font-family:var(--font-ar);font-size:11px}
html.lang-en .accent-lbl{letter-spacing:2px}
.about-logo-badge{position:absolute;left:175px;top:26px;width:110px;height:82px;background:var(--navy);border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:5}
.about-logo-badge img{width:86px;height:auto}
.feat-list{list-style:none;margin-top:20px}
.feat-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--navy);padding:8px 0;border-bottom:1px solid rgba(200,164,90,.1)}
.chk{width:20px;height:20px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* PROCESS */
.process-dark{background:var(--navy)}
.proc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.proc-step{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.proc-step:last-child{border-bottom:none}
.step-n{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:800;color:var(--gold);line-height:1;flex-shrink:0;min-width:40px}
.step-body h3{font-size:15px;font-weight:700;color:var(--gold-l);margin-bottom:4px}
.step-body p{font-size:12.5px;color:rgba(255,255,255,.48);line-height:1.65}

/* REVEAL */
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.rv.vi{opacity:1;transform:none}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}.rv-d4{transition-delay:.4s}

/* RESPONSIVE */
@media(max-width:900px){
  nav, #mainNav {
    padding: 0 20px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
  }
  .nav-logo, .nav-logo img { height: 55px; }
  .nav-menu{display:none}
  section{padding:48px 24px}
  .stats-bar{padding:24px}
  .about-grid,.proc-wrap,.contact-wrap{grid-template-columns:1fr}
  .port-grid{grid-template-columns:1fr}
  .port-card.wide{grid-column:span 1}
  .footer-top{grid-template-columns:1fr}
  .footer-inner{padding:36px 24px 18px}
  .page-hero{padding:60px 24px 40px}
  .breadcrumb{padding:12px 24px}
  .f-row{grid-template-columns:1fr}
  .about-visual{height:300px}
}

/* ── FOOTER BRAND NAME (replaces logo) ── */
.footer-brand-name {
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1;
  margin-bottom: 6px;
}
.tbrand-true {
  font-family: 'Montserrat', sans-serif;
  font-size: 38px;
  font-weight: 800;
  color: var(--gold);
  letter-spacing: 4px;
}
.tbrand-mix {
  font-family: 'Montserrat', sans-serif;
  font-size: 38px;
  font-weight: 300;
  color: rgba(255,255,255,.85);
  letter-spacing: 4px;
}
.footer-brand-sub {
  font-family: var(--font-ar);
  font-size: 12px;
  color: rgba(200,164,90,.55);
  letter-spacing: 0;
  margin-bottom: 16px;
}

/* ── FOOTER REDESIGN — horizontal layout ── */
.footer-top { display: block; padding-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,.07); }

.footer-main-row {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 50px;
  align-items: start;
}

.footer-brand-block {}

/* Bigger, clearer link columns */
.footer-link-col {}
.footer-link-col .fc-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--gold);
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
  letter-spacing: 0;
}
/* العربي: Tajawal بدون letter-spacing */
html.lang-ar .footer-link-col .fc-title {
  font-family: var(--font-ar);
  font-size: 14px;
  font-weight: 800;
  text-transform: none;
}
/* الإنجليزي: Montserrat مع letter-spacing */
html.lang-en .footer-link-col .fc-title {
  font-family: var(--font-en);
  letter-spacing: 3px;
}
.footer-link-col .fc-links { list-style: none; }
.footer-link-col .fc-links li { margin-bottom: 12px; }
.footer-link-col .fc-links a {
  text-decoration: none;
  font-size: 15px;         /* bigger than before (was 13px) */
  font-weight: 500;
  color: rgba(255,255,255,.58);
  transition: color .2s;
  letter-spacing: 0;
}
html.lang-ar .footer-link-col .fc-links a { font-family: var(--font-ar); }
html.lang-en .footer-link-col .fc-links a { letter-spacing: .3px; }
.footer-link-col .fc-links a:hover { color: var(--gold); }

/* Remove old footer-brand-sub (المزيج الحقيقي line) */
.footer-brand-sub { display: none !important; }

@media(max-width:900px){
  .footer-main-row { grid-template-columns: 1fr; gap: 32px; }
}

/* ── CONTACT PAGE SOCIAL BUTTONS ── */
.social-row-contact {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.soc-contact {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid rgba(13,27,42,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all .22s;
  box-shadow: 0 2px 8px rgba(13,27,42,.08);
}
.soc-contact:hover {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 4px 16px rgba(13,27,42,.18);
  transform: translateY(-2px);
}
.soc-contact:hover svg path,
.soc-contact:hover svg rect,
.soc-contact:hover svg circle {
  fill: #fff;
  stroke: #fff;
}

/* ── ENGLISH MODE: left-align all text ── */
html.lang-en { text-align: left; }
html.lang-en h1,
html.lang-en h2,
html.lang-en h3,
html.lang-en h4,
html.lang-en p,
html.lang-en .s-tag,
html.lang-en .s-title,
html.lang-en .hero-brand,
html.lang-en .hero h1,
html.lang-en .hero-tagline,
html.lang-en .stat,
html.lang-en .sv-card,
html.lang-en .fb-txt,
html.lang-en .footer-btm,
html.lang-en section,
html.lang-en .page-hero-content { text-align: left; }
html.lang-en .s-line { margin-right: 0; margin-left: 0; }
html.lang-en .feat-list li { justify-content: flex-start; }
html.lang-en .ci-item { flex-direction: row; }
html.lang-en .hero-brand { flex-direction: row-reverse; }
html.lang-en .hero-brand::before { order: -1; }
/* FIX: Remove white dot from header */
.nav-toggle {
    display: none !important;
}

/* ============================
   PROJECTS SECTION — RTL/LTR SWITCH
============================ */

.projects-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

/* الوضع العربي: النص يمين – الشكل يسار */
html[dir="rtl"] .projects-grid{
  direction:rtl;
}
html[dir="rtl"] .projects-grid > div:first-child{
  order:1; /* النص */
}
html[dir="rtl"] .projects-grid > div:last-child{
  order:2; /* الشكل */
}

/* الوضع الإنجليزي: النص يسار – الشكل يمين */
html[dir="ltr"] .projects-grid{
  direction:ltr;
}
html[dir="ltr"] .projects-grid > div:first-child{
  order:2; /* النص */
}
html[dir="ltr"] .projects-grid > div:last-child{
  order:1; /* الشكل */
}
html[dir="rtl"] .projects-header {
    text-align: right !important;
    direction: rtl !important;
}

html[dir="ltr"] .projects-header {
    text-align: left !important;
    direction: ltr !important;
}
html[dir="rtl"] .gold-line {
    width:48px;
    height:3px;
    background:#C8A45A;
    margin-left:auto;
    margin-right:0;
}

html[dir="ltr"] .gold-line {
    width:48px;
    height:3px;
    background:#C8A45A;
    margin-right:auto;
    margin-left:0;
}
/* ============================
   GLOBAL FOOTER STYLING
   ============================ */

footer {
    background: #0A1624;
    padding: 60px 0 30px;
    position: relative;
    overflow: hidden;
}

.footer-inner {
    width: 90%;
    max-width: 1250px;
    margin: auto;
}

.footer-main-row {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    align-items: flex-start;
}

/* النصوص */
.footer-brand-block {
    max-width: 420px;
}

.footer-brand-block .fb-txt {
    color: rgba(255,255,255,.55);
    line-height: 1.8;
    margin-bottom: 18px;
}

/* ============================
   SOCIAL ICONS
   ============================ */

.social-row {
    display: flex;
    gap: 14px;
    margin-top: 10px;
}

.soc svg {
    transition: .2s;
}

.soc:hover svg {
    transform: scale(1.15);
    opacity: .8;
}

/* ============================
   QUICK LINKS — HORIZONTAL
   ============================ */

.footer-link-col .fc-title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 14px;
}

.footer-link-col .fc-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 18px;
}

.footer-link-col .fc-links li a {
    color: rgba(255,255,255,.65);
    font-size: 14px;
    transition: .2s;
}

.footer-link-col .fc-links li a:hover {
    color: var(--gold);
}

/* SOCIAL UNDER LINKS */
.footer-social-under-links {
    margin-top: 18px;
    display: flex;
    gap: 14px;
}

/* ============================
   FOOTER BOTTOM
   ============================ */

.footer-btm {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: rgba(255,255,255,.55);
}



/* ============================
   ARABIC (RTL)
   ============================ */

html[dir="rtl"] .footer-link-col .fc-links {
    justify-content: flex-start;
    text-align: left;
}


html[dir="rtl"] .footer-brand-block {
    text-align: right;
}

html[dir="rtl"] .footer-brand-block .social-row {
    justify-content: flex-end;
}

html[dir="rtl"] .footer-btm {
    text-align: right;
}



/* ============================
   ENGLISH (LTR)
   ============================ */

html[dir="ltr"] .footer-main-row {
    flex-direction: row-reverse;
}

html[dir="ltr"] .footer-link-col {
    text-align: right;
}

html[dir="ltr"] .footer-link-col .fc-links {
    justify-content: flex-end;
}

/* السوشيال في المنتصف في كل اللغات */
.footer-social-under-links {
    justify-content: center !important;
    width: 100%;
}


html[dir="ltr"] .footer-brand-block {
    text-align: left;
}

html[dir="ltr"] .footer-brand-block .social-row {
    justify-content: flex-start;
}

html[dir="ltr"] .footer-btm {
    text-align: left;
}



/* ============================
   RESPONSIVE — MOBILE & TABLET
   ============================ */

@media (max-width: 900px) {
    .footer-main-row {
        flex-direction: column;
        gap: 40px;
        text-align: center;
    }

    .footer-link-col .fc-links {
        justify-content: center !important;
    }

    .footer-social-under-links {
        justify-content: center !important;
    }

    .social-row {
        justify-content: center !important;
    }

    .footer-btm {
        flex-direction: column;
        gap: 10px;
        text-align: center !important;
    }
}
/* تقليل ارتفاع الإطار الكحلي للنصف */
footer {
    padding: 20px 0 8px !important; /* كان 60px 0 30px */
}

.footer-inner {
    padding: 0 !important; /* إزالة أي padding داخلي */
}

.footer-main-row {
    gap: 15px !important; /* كان 60px */
}

.footer-brand-block .fb-txt {
    margin-bottom: 4px !important; /* كان 18px */
}

.footer-social-under-links {
    margin-top: 6px !important; /* كان 18px */
}

.footer-btm {
    margin-top: 10px !important; /* كان 50px */
    padding-top: 6px !important; /* كان 20px */
}



/* ════════════════════════════════════════════════════════════════════
   ✅ TRUE MIX — Universal Arabic Typography Fix
   إصلاح شامل لتقطيع الأحرف العربية على iOS Safari وكل الأجهزة
   هذه القواعد توضع في الأخير لتطغى على أي قواعد سابقة
   ════════════════════════════════════════════════════════════════════ */

/* ── 1) Override أي inline letter-spacing على نص عربي ── */
html.lang-ar [style*="letter-spacing"]:not(.en-t):not([lang="en"]):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix),
html[dir="rtl"] [style*="letter-spacing"]:not(.en-t):not([lang="en"]):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
  letter-spacing:0 !important;
}

/* ── 2) قواعد قسرية لكل العناوين العربية ── */
html.lang-ar .s-tag,
html.lang-ar .s-title,
html.lang-ar .pds-title,
html.lang-ar .pds-eyebrow,
html.lang-ar .ap-eyebrow,
html.lang-ar .cta-eyebrow,
html.lang-ar .hero-tagline,
html.lang-ar .sv-slider-hint,
html.lang-ar h1, html.lang-ar h2, html.lang-ar h3,
html.lang-ar h4, html.lang-ar h5, html.lang-ar h6,
html.lang-ar p:not(.en-t),
html[dir="rtl"] .s-tag,
html[dir="rtl"] .s-title,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3,
html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6{
  letter-spacing:0 !important;
  word-spacing:normal !important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
  -webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
  font-variant-ligatures:common-ligatures contextual !important;
  -webkit-font-variant-ligatures:common-ligatures contextual !important;
}

/* ── 3) إصلاحات iOS Safari خاصة (الأقوى) ── */
@supports (-webkit-touch-callout: none){
  html.lang-ar body,
  html.lang-ar body *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix),
  html[dir="rtl"] body *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
    font-family:var(--font-ar) !important;
    letter-spacing:0 !important;
    -webkit-letter-spacing:0 !important;
    word-spacing:normal !important;
    font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
    -webkit-font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:optimizeLegibility !important;
  }
  /* العناوين الكبيرة على iOS — تأكيد */
  html.lang-ar h1,html.lang-ar h2,html.lang-ar h3{
    font-family:var(--font-ar) !important;
    text-rendering:geometricPrecision !important;
  }
}

/* ── 4) Safari macOS أيضاً ── */
@media not all and (min-resolution:.001dpcm){
  @supports (-webkit-appearance:none){
    html.lang-ar .ar-t,
    html.lang-ar .s-tag,
    html.lang-ar h1,html.lang-ar h2,html.lang-ar h3{
      letter-spacing:0 !important;
      font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"rlig" 1 !important;
    }
  }
}

/* ── 5) Firefox للنصوص العربية ── */
@-moz-document url-prefix(){
  html.lang-ar .ar-t,
  html.lang-ar h1,html.lang-ar h2,html.lang-ar h3{
    letter-spacing:0 !important;
    -moz-font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  }
}

/* ── 6) شاشات Retina عالية الدقة ── */
@media only screen and (-webkit-min-device-pixel-ratio:2),
       only screen and (min-resolution:192dpi),
       only screen and (min-resolution:2dppx){
  html.lang-ar *,html[dir="rtl"] *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
  }
  html.lang-ar *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
    letter-spacing:0 !important;
  }
}

/* ── 7) Responsive: الموبايل الصغير (320px - 374px) iPhone SE ── */
@media (max-width:374px){
  html.lang-ar body{font-size:14px}
  html.lang-ar h1{font-size:24px !important;line-height:1.3 !important;letter-spacing:0 !important}
  html.lang-ar h2{font-size:20px !important;line-height:1.3 !important;letter-spacing:0 !important}
  html.lang-ar h3{font-size:18px !important;line-height:1.4 !important;letter-spacing:0 !important}
  html.lang-ar .s-tag{font-size:12px !important;letter-spacing:0 !important}
  html.lang-ar .s-title{font-size:22px !important;letter-spacing:0 !important}
}

/* ── 8) Responsive: iPhone عادي (375px - 480px) ── */
@media (min-width:375px) and (max-width:480px){
  html.lang-ar body{font-size:15px}
  html.lang-ar .s-tag{font-size:13px !important;letter-spacing:0 !important}
  html.lang-ar h1,html.lang-ar h2,html.lang-ar h3{letter-spacing:0 !important}
}

/* ── 9) Responsive: iPhone Pro Max والموبايلات الكبيرة (481px - 767px) ── */
@media (min-width:481px) and (max-width:767px){
  html.lang-ar *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
    letter-spacing:0 !important;
  }
}

/* ── 10) Responsive: التابلت (768px - 1023px) ── */
@media (min-width:768px) and (max-width:1023px){
  html.lang-ar *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
    letter-spacing:0 !important;
  }
}

/* ── 11) Responsive: Laptop والـ Desktop (1024px+) ── */
@media (min-width:1024px){
  html.lang-ar *:not(.en-t):not([style*="Montserrat"]):not(.tbrand-true):not(.tbrand-mix){
    letter-spacing:0 !important;
  }
}

/* ── 12) منع التكبير التلقائي على iOS عند التركيز على input ── */
@media (max-width:767px){
  html.lang-ar input,
  html.lang-ar textarea,
  html.lang-ar select{
    font-size:16px !important;
    font-family:var(--font-ar) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   ✅ TRUE MIX — إصلاح BiDi العالمي (علامات الترقيم في النص الإنجليزي)
   ════════════════════════════════════════════════════════════════════
   المشكلة: عند ظهور النص الإنجليزي داخل صفحة RTL، تنتقل علامات
   الترقيم (. ? ! :) من نهاية الجملة إلى بدايتها بسبب نظام BiDi
   
   الحل الجذري:
   1. عزل النص الإنجليزي عن سياق RTL باستخدام unicode-bidi: isolate
   2. تطبيق direction: ltr قسرياً على كل النصوص الإنجليزية
   3. إصلاح iOS Safari خصوصاً
   ════════════════════════════════════════════════════════════════════ */

/* 1) عزل النصوص الإنجليزية والعربية عن سياقات بعضها */
.en-t,
[lang="en"] {
  unicode-bidi: isolate;
  -webkit-unicode-bidi: isolate;
  direction: ltr;
}

.ar-t,
[lang="ar"] {
  unicode-bidi: isolate;
  -webkit-unicode-bidi: isolate;
  direction: rtl;
}

/* 2) عند اللغة الإنجليزية: LTR قسري للصفحة كاملة */
html.lang-en,
html.lang-en body {
  direction: ltr !important;
  text-align: left;
}

html.lang-en p,
html.lang-en h1, html.lang-en h2, html.lang-en h3,
html.lang-en h4, html.lang-en h5, html.lang-en h6,
html.lang-en li, html.lang-en a,
html.lang-en .pp-prose,
html.lang-en .fb-txt,
html.lang-en .ap-desc,
html.lang-en .pds-desc,
html.lang-en .hero-tagline,
html.lang-en .s-title,
html.lang-en .pp-title,
html.lang-en .pp-section-title {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: isolate !important;
  -webkit-unicode-bidi: isolate !important;
}

/* 3) عند اللغة العربية: RTL قسري */
html.lang-ar p,
html.lang-ar h1, html.lang-ar h2, html.lang-ar h3,
html.lang-ar h4, html.lang-ar h5, html.lang-ar h6,
html.lang-ar .pp-prose,
html.lang-ar .fb-txt,
html.lang-ar .ap-desc,
html.lang-ar .pds-desc,
html.lang-ar .hero-tagline,
html.lang-ar .s-title,
html.lang-ar .pp-title {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
  -webkit-unicode-bidi: isolate !important;
}

/* 4) استثناء: العناصر المعنون بالوسط أو بمحاذاة خاصة inline */
html.lang-en [style*="text-align:center"],
html.lang-en [style*="text-align: center"],
html.lang-en .text-center {
  text-align: center !important;
}
html.lang-ar [style*="text-align:center"],
html.lang-ar [style*="text-align: center"],
html.lang-ar .text-center {
  text-align: center !important;
}

/* 5) iOS Safari (الأقوى) - منع BiDi bugs على iPhone */
@supports (-webkit-touch-callout: none) {
  html.lang-en p,
  html.lang-en .pp-prose,
  html.lang-en .fb-txt,
  html.lang-en .ap-desc,
  html.lang-en .en-t {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: isolate !important;
    -webkit-unicode-bidi: isolate !important;
  }
  
  html.lang-en [style*="text-align:center"],
  html.lang-en .text-center {
    text-align: center !important;
  }
}.ap-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ap-visual > .ap-video-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    max-height: 700px;
    max-width: 420px;
    margin: 0 auto;
    background: #0D1B2A;
    overflow: visible;
    border-radius: 12px;
}

@supports not (aspect-ratio: 9 / 16) {
    .ap-visual > .ap-video-wrap {
        height: 0;
        padding-bottom: 177.77%;
    }
}

.ap-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    background: #0D1B2A;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* الشارة في موقعها الصحيح بجانب الفيديو */
html[dir="rtl"] .ap-visual > .ap-badge {
    left: 50%;
    right: auto;
    margin-left: -226px;
}

html[dir="ltr"] .ap-visual > .ap-badge {
    left: auto;
    right: 50%;
    margin-right: -226px;
}

/* بطاقة الإحصائيات تحت الفيديو في الوسط */
.ap-visual > .ap-stats-card {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

/* للجوال */
@media (max-width: 900px) {
    .ap-visual > .ap-video-wrap {
        aspect-ratio: 4 / 5;
        max-width: none;
        max-height: none;
    }
    @supports not (aspect-ratio: 4 / 5) {
        .ap-visual > .ap-video-wrap {
            padding-bottom: 125%;
        }
    }
    
    html[dir="rtl"] .ap-visual > .ap-badge {
        left: -16px;
        margin-left: 0;
    }
    html[dir="ltr"] .ap-visual > .ap-badge {
        right: -16px;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .ap-visual > .ap-video-wrap {
        aspect-ratio: 3 / 4;
    }
    @supports not (aspect-ratio: 3 / 4) {
        .ap-visual > .ap-video-wrap {
            padding-bottom: 133%;
        }
    }
}

/* أزرار التحكم أعلى يمين */
.video-controls {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 8px;
}

.vc-btn {
    background: rgba(0,0,0,0.55);
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
}

.vc-btn:hover {
    background: rgba(255, 215, 0, 0.85);
    color: #000;
}