/* =========================================================
   EL WAHEED — FINAL CSS (consolidated, no conflicts)
   Slider direction + Clients grid + Stats + Phone fix
========================================================= */

/* Controls position only — slide-content fixed in HTML */
html[dir="rtl"] .slider-dots{ right:7% !important; left:auto !important; }
html[dir="rtl"] .slider-arrows{ left:7% !important; right:auto !important; }
html[dir="ltr"] .slider-dots{ left:7% !important; right:auto !important; }
html[dir="ltr"] .slider-arrows{ right:7% !important; left:auto !important; }
body.en-mode .slider-dots{ left:7% !important; right:auto !important; }
body.en-mode .slider-arrows{ right:7% !important; left:auto !important; }

@media(max-width:650px){
  .slide-content{ padding:110px 5% 80px !important; }
  .slide-content > *{ max-width:100% !important; }
}

/* Clients section */
.clients-section{
  display:block !important;
  padding:100px 0 !important;
  background:
    radial-gradient(circle at 10% 12%,rgba(201,151,58,.12),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)) !important;
  border-top:1px solid rgba(201,151,58,.12) !important;
  border-bottom:1px solid rgba(201,151,58,.12) !important;
  position:relative !important;
  z-index:2 !important;
}

.stats-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:14px !important;
  margin:34px 0 !important;
}

.stat-card{
  text-align:center !important;
  padding:22px 14px !important;
  border:1px solid rgba(201,151,58,.22) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.04) !important;
}

.stat-card strong{
  display:block !important;
  color:var(--gold-light) !important;
  font-size:34px !important;
  line-height:1 !important;
  margin-bottom:8px !important;
}

.stat-card span{
  color:var(--muted) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* Exactly 14 logos = 7 columns x 2 rows */
.clients-grid{
  display:grid !important;
  grid-template-columns:repeat(7,1fr) !important;
  gap:18px !important;
  align-items:center !important;
}

.client-logo{
  height:112px !important;
  border:1px solid rgba(201,151,58,.18) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.035) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  overflow:hidden !important;
  transition:.28s ease !important;
}

.client-logo:hover{
  transform:translateY(-6px) !important;
  border-color:var(--gold-light) !important;
  background:rgba(255,255,255,.06) !important;
}

.client-logo img{
  display:block !important;
  max-width:100% !important;
  max-height:78px !important;
  object-fit:contain !important;
}

/* Better display for dark logos */
.client-logo img[alt="RSIS"],
.client-logo img[alt="SIG"]{
  filter:brightness(1.25) contrast(1.08) !important;
}

/* Phone */
a[href^="tel:"]{
  direction:ltr !important;
  unicode-bidi:bidi-override !important;
}

/* Mobile */
@media(max-width:1100px){
  .clients-grid{grid-template-columns:repeat(4,1fr) !important;}
}




/* Phone numbers always LTR */
a[href^="tel:"]{
  direction:ltr !important;
  unicode-bidi:embed !important;
}


/* slider direction handled in HTML inline CSS */


/* =========================================================
   FINAL HEADER / LOGO CLEAN FIX
   Logo only, no side text, no floating duplicate
========================================================= */

.nav{
  height:auto !important;
  min-height:74px !important;
  padding:8px 18px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.brand{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  z-index:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:auto !important;
  width:auto !important;
  pointer-events:auto !important;
}

.logo-svg{
  display:block !important;
  width:auto !important;
  height:62px !important;
  max-width:118px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)) !important;
}

/* Hide any accidental text beside logo */
.brand-text,
.brand strong,
.brand small{
  display:none !important;
}

/* Arabic: logo on the right, actions on the left */
html[dir="rtl"] .nav{
  flex-direction:row-reverse !important;
}

/* English: logo on the left, actions on the right */
html[dir="ltr"] .nav,
body.en-mode .nav{
  flex-direction:row !important;
}

.nav-links{
  flex:1 1 auto !important;
  justify-content:center !important;
}

.nav-actions{
  flex:0 0 auto !important;
}

/* Prevent broken icon from reserving weird space */
.logo-svg:not([src]),
.logo-svg[src=""]{
  display:none !important;
}

@media(max-width:1050px){
  .logo-svg{
    height:54px !important;
    max-width:96px !important;
  }
}

@media(max-width:650px){
  .logo-svg{
    height:48px !important;
    max-width:86px !important;
  }
  .nav{
    min-height:68px !important;
    padding:8px 12px !important;
  }
}