/* ============================================================
   Nexbyte Mis — CSS الرئيسي الموحد
   ============================================================ */
:root{
  --blue:#1db8f8; --blue-dark:#0ea5e0; --blue-deep:#087ec1;
  --navy:#1C1C35; --navy-2:#2a2a4a; --dark:#07142f;
  --body-color:#666; --title-color:#1C1C35;
  --green:#229ED9; --border:#f0f0f0;
  --shadow:0 20px 50px -30px rgba(28,28,53,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
  direction:rtl;text-align:right;color:var(--body-color);
  background:#fff;line-height:1.7;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input,select,textarea{font-family:inherit;color:#222;}
.container,.wrap{max-width:1200px;margin:0 auto;padding:0 15px;}

/* ---------- الهيدر ---------- */
.header{position:sticky;top:0;z-index:9990;background:#fff;min-height:70px;box-shadow:0 4px 24px rgba(28,28,53,.08);}
.header .container{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:16px;}
.nx-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--title-color);white-space:nowrap;}
.nx-logo svg{width:34px;height:34px;flex-shrink:0;}
.nx-logo .dot{color:var(--blue);}
.menu{display:flex;gap:22px;flex:1;justify-content:center;}
.menu a{font-size:14.5px;font-weight:600;color:#333;display:flex;align-items:center;gap:7px;padding:28px 2px;border-bottom:2px solid transparent;transition:.2s;}
.menu a:hover,.menu a.active{color:var(--blue);border-color:var(--blue);}
.menu a svg{width:17px;height:17px;}
.header-actions{display:flex;align-items:center;gap:8px;}
.hbtn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:.2s;}
.hbtn:hover{transform:translateY(-2px);}
.hbtn-wa{background:var(--green);}
.hbtn-call{background:var(--navy);}
.hbtn-mail{background:var(--blue);}
.hamburger{width:40px;height:40px;border-radius:10px;display:none;align-items:center;justify-content:center;font-size:20px;background:#f2f4f8;color:var(--title-color);}

/* المنيو الجانبي للموبايل */
.mobile-menu{position:fixed;inset:0;background:#fff;z-index:10000;padding:20px;transform:translateX(-110%);transition:transform .3s;overflow-y:auto;}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu .mm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.mobile-menu a.mm-link{display:block;padding:13px 4px;border-bottom:1px solid var(--border);font-weight:700;color:#222;}

/* ---------- أزرار ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;border-radius:14px;min-height:54px;padding:12px 28px;font-size:15px;transition:.2s;}
.btn i{font-size:14px;}
.btn-primary{background:linear-gradient(135deg,#1db8f8,#087ec1);color:#fff;box-shadow:0 12px 28px -10px rgba(29,184,248,.6);}
.btn-primary:hover{transform:translateY(-3px);}
.btn-ghost{border:1px solid rgba(125,211,252,.4);color:#fff;background:rgba(255,255,255,.05);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-wa-green{background:var(--green);color:#fff;}
.btn-wa-green:hover{box-shadow:0 12px 28px -10px rgba(34,158,217,.6);}

/* ---------- عناوين الأقسام ---------- */
.section{padding:80px 0;}
.section-title{font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--title-color);margin-bottom:12px;line-height:1.4;}
.section-sub{color:var(--body-color);font-size:15.5px;max-width:680px;margin:0 auto 40px;}
.center-title{text-align:center;}

/* ---------- الفوتر المشترك ---------- */
.footer{background:var(--dark);color:#aeb7cf;padding:64px 0 0;margin-top:0;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;}
.foot-col h4{color:#fff;font-size:17px;font-weight:800;margin-bottom:16px;}
.foot-col p{font-size:13.5px;line-height:1.8;}
.foot-col ul li{margin-bottom:9px;}
.foot-col ul a{font-size:13.5px;transition:.2s;}
.foot-col ul a:hover{color:#fff;}
.foot-contact li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:13.5px;}
.foot-contact i{color:var(--blue);margin-top:4px;}
.social-row{display:flex;gap:10px;margin-top:14px;}
.social-row a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s;}
.social-row a:hover{background:var(--blue);}
.copyright{background:rgba(0,0,0,.25);padding:18px 0;font-size:13px;text-align:center;color:#7b86a2;}
.copyright b{color:#fff;}

/* ---------- الفلاتينج ---------- */
.wa-fab{position:fixed;bottom:24px;left:24px;z-index:9000;display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;font-weight:800;font-size:14px;padding:13px 20px;border-radius:100px;box-shadow:0 14px 30px -8px rgba(34,158,217,.6);transition:.2s;}
.wa-fab:hover{transform:translateY(-3px);}
.wa-fab i{font-size:20px;}

/* ---------- أنيميشن ظهور ---------- */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}