/* QUANTA NEXUS GROUP – Full CSS (FINAL – Arabic dropdown FIXED forever) */
@import url('https://fonts.googleapis.com/css2?family=General+Sans:wght@300;400;500;600;700&display=swap');

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: 'General Sans', sans-serif;
  background:#0F1118;
  color:#F5F5F5;
  line-height:1.6;
  overflow-x:hidden;
}

h1, h2, h3, h4 { font-weight:700; letter-spacing:-0.5px; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }

header {
  position:fixed; top:0; left:0; width:100%; z-index:999;
  padding:20px 5%; display:flex; justify-content:space-between; align-items:center;
  transition:0.4s; background:rgba(15,17,24,0.8); backdrop-filter:blur(10px);
}
header.scrolled { background:#0F1118; box-shadow:0 10px 30px rgba(0,0,0,0.5); }

.logo { font-size:24px; font-weight:700; color:#D4AF78; }
nav a { margin:0 20px; color:#ccc; transition:0.3s; }
nav a:hover { color:#00D4FF; }

.menu-btn { display:none; font-size:28px; cursor:pointer; color:#D4AF78; }

.hero {
  height:100vh;
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?q=80&w=2070&auto=format') center/cover;
  display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 20px;
}
.hero h1 { font-size:4.5rem; margin-bottom:20px; }
.hero p { font-size:1.4rem; max-width:900px; margin-bottom:40px; color:#aaa; }

.btn {
  padding:14px 32px; margin:10px; border:2px solid #D4AF78; color:#D4AF78; border-radius:4px; transition:0.4s; display:inline-block;
}
.btn:hover { background:#D4AF78; color:#0F1118; }
.btn-primary { background:#D4AF78; color:#0F1118; }
.btn-primary:hover { background:#00D4FF; border-color:#00D4FF; color:#fff; }

.section { padding:120px 5%; }
.container { max-width:1300px; margin:0 auto; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:40px; }

.card {
  background:#171B24; padding:40px; border-radius:12px; transition:0.4s; border:1px solid #222;
}
.card:hover { transform:translateY(-10px); border-color:#00D4FF; box-shadow:0 20px 40px rgba(0,212,255,0.1); }
.card h3 { color:#D4AF78; margin-bottom:15px; font-size:1.8rem; }

footer {
  background:#0a0c12; padding:80px 5% 40px; text-align:center;
}
footer a { color:#666; margin:0 15px; }

.dropdown { position:relative; display:inline-block; }

.dropdown-content {
  display:none; position:absolute; background:#171B24; min-width:280px; box-shadow:0 10px 30px rgba(0,0,0,0.6);
  top:100%; left:50%; transform:translateX(-50%); border-radius:8px; overflow:hidden; opacity:0; transition:0.4s; z-index:1000;
}
.dropdown:hover .dropdown-content { display:block; opacity:1; }

.form-group { margin-bottom:20px; }
input, textarea, select {
  width:100%; padding:16px; background:#171B24; border:1px solid #333; border-radius:8px; color:#fff; font-size:1rem;
}
input:focus, textarea:focus { outline:none; border-color:#00D4FF; }

/* ———————————————————— MOBILE GENERAL ———————————————————— */
@media (max-width: 992px) {
  .hero h1 { font-size:3.5rem; }
  nav { display:none; }
  .menu-btn { display:block; }
  .mobile-menu {
    position:fixed; top:0; left:-100%; width:100%; height:100%; background:#0F1118; transition:0.4s;
    display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:998;
  }
  .mobile-menu.active { left:0; }
  .mobile-menu a { font-size:2rem; margin:20px 0; color:#D4AF78; }
}

/* ———————————————————— LANGUAGE SWITCHER ———————————————————— */
.lang-switch {
  position: absolute; top: 20px; right: 20px; font-size: 0.9rem; z-index: 1000;
}
.lang-switch a { color: #D4AF78; text-decoration: none; font-weight: bold; margin:0 6px; }
.lang-switch a:hover { color: #fff; }
@media (max-width: 768px) { .lang-switch { top: 15px; right: 70px; } }

/* ———————————————————— MOBILE HEADER (EN + AR) ———————————————————— */
@media (max-width: 992px) {
  header { padding:12px 15px !important; display:flex; justify-content:space-between; align-items:center; }
  .logo img { height:36px !important; max-width:150px !important; object-fit:contain !important; }
  .lang-switch {
    top:50% !important; right:70px !important; transform:translateY(-50%) !important;
    background:rgba(15,17,24,0.95) !important; padding:4px 8px !important;
    border:1px solid #D4AF78 !important; border-radius:4px !important;
  }
  .menu-btn {
    top:50% !important; right:15px !important; transform:translateY(-50%) !important;
    font-size:1.2rem !important; color:#D4AF78 !important;
  }
  .mobile-menu { padding-top:70px !important; }
}

/* ———————————————————— ARABIC SPECIFIC FIXES ———————————————————— */
html[dir="rtl"] .menu-btn,
html[lang="ar"] .menu-btn { right:auto !important; left:15px !important; }
html[dir="rtl"] .lang-switch,
html[lang="ar"] .lang-switch { right:70px !important; left:auto !important; }

@media (min-width: 993px) {
  html[dir="rtl"] .logo { margin-right:120px !important; }
}

/* ARABIC DROPDOWN – FINAL & BULLETPROOF (works on every Arabic page) */
html[dir="rtl"] .dropdown .dropdown-content,
html[lang="ar"] .dropdown .dropdown-content {
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  top: 100% !important;
  min-width: 260px !important;
}

/* Logo glow */
.logo img { transition:0.3s; filter:drop-shadow(0 0 5px rgba(212,175,120,0.5)); }
.logo:hover img { filter:drop-shadow(0 0 15px rgba(212,175,120,1)); }

/* Scroll animations */
@keyframes fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
.section, .card { opacity:0; animation:fadeUp 0.8s ease forwards; }

/* ENGLISH INDEX.HTML – MOBILE TITLE FULLY VISIBLE */
@media (max-width: 992px) {
  .hero h1 {
    font-size: 2.4rem !important;
    line-height: 1.1 !important;
    padding: 0 30px !important;
  }
}