/* Shared site chrome — matches index.html nav */
:root{
  --bg:#0b2d35;--bg2:#0d3540;--bg3:#0a2830;--card:#0f3d48;
  --orange:#f5802a;--green:#3aaa5a;--blue:#3a8fd4;--gold:#f5c842;
  --white:#fff;--gray:rgba(255,255,255,.54);--border:rgba(255,255,255,.09);
  --tr:.3s cubic-bezier(.4,0,.2,1);
}
#site-nav{
  position:sticky;top:0;z-index:500;height:64px;padding:0 52px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(11,45,53,.96);border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);
}
#site-nav .nlogo{
  display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;
  max-height:50px;flex-shrink:0;
}
#site-nav .nlogo img{height:44px;width:auto;object-fit:contain;display:block}
#site-nav .nl{
  list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0;flex-wrap:wrap;
}
#site-nav .nl li a,#site-nav .nl li button{
  font-size:13px;font-weight:700;color:rgba(255,255,255,.62);text-decoration:none;
  background:none;border:none;padding:7px 11px;border-radius:8px;font-family:Cairo,sans-serif;
  display:flex;align-items:center;gap:4px;position:relative;overflow:hidden;cursor:pointer;
  transition:color var(--tr);
}
#site-nav .nl li a::after,#site-nav .nl li button::after{
  content:"";position:absolute;inset:0;background:var(--gold);
  transform:scaleX(0);transform-origin:right;transition:transform .32s cubic-bezier(.4,0,.2,1);
  border-radius:8px;z-index:0;
}
#site-nav .nl li a:hover::after,#site-nav .nl li a.active::after{transform:scaleX(1)}
#site-nav .nl li a span{position:relative;z-index:1}
#site-nav .nl li a:hover,#site-nav .nl li a.active{color:var(--bg)!important}
#site-nav .nbtn{
  background:var(--orange);color:#fff;padding:9px 20px;border-radius:8px;
  font-family:Cairo,sans-serif;font-size:13px;font-weight:800;border:none;
  text-decoration:none;transition:transform var(--tr),box-shadow var(--tr);white-space:nowrap;
}
#site-nav .nbtn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 22px rgba(245,128,42,.4);color:#fff}
#site-nav .ham{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;cursor:pointer}
#site-nav .ham span{width:23px;height:2px;background:#fff;border-radius:2px;display:block;transition:var(--tr)}
#site-nav .ham.on span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
#site-nav .ham.on span:nth-child(2){opacity:0}
#site-nav .ham.on span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
#site-mob{
  display:none;position:fixed;top:64px;left:0;right:0;z-index:499;
  background:rgba(11,45,53,.98);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0;
}
#site-mob.on{display:flex}
#site-mob a{
  color:rgba(255,255,255,.75);text-decoration:none;font-size:15px;font-weight:700;
  padding:14px 22px;border-bottom:1px solid var(--border);font-family:Cairo,sans-serif;
  transition:color var(--tr),background var(--tr),padding-right var(--tr);
}
#site-mob a:hover{color:var(--gold);background:rgba(245,200,66,.07);padding-right:32px}
#site-mob a.book{color:var(--gold)}
@media(max-width:1024px){
  #site-nav{padding:0 24px}
  #site-nav .nl li a{padding:7px 8px;font-size:12px}
}
@media(max-width:768px){
  #site-nav{padding:0 18px}
  #site-nav .nl,#site-nav .nbtn{display:none}
  #site-nav .ham{display:flex}
}

/* واتساب عائم — مطابق للموقع */
a.wa-btn{
  position:fixed!important;bottom:24px!important;right:24px!important;left:auto!important;
  z-index:600!important;width:58px!important;height:58px!important;
  border-radius:50%!important;background:#25d366!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:28px!important;line-height:1!important;
  text-decoration:none!important;color:#fff!important;
  box-shadow:0 6px 22px rgba(37,211,102,.45)!important;
  animation:wap 2.5s ease-in-out infinite;
  transition:transform .3s;
  padding:0!important;margin:0!important;border:none!important;
  overflow:visible!important;
}
a.wa-btn:hover{transform:scale(1.12);color:#fff!important}
@keyframes wap{
  0%,100%{box-shadow:0 6px 22px rgba(37,211,102,.45)}
  50%{box-shadow:0 6px 32px rgba(37,211,102,.75),0 0 0 12px rgba(37,211,102,.08)}
}
a.wa-btn .wa-tip{
  display:none!important;position:absolute!important;right:66px!important;
  top:50%!important;transform:translateY(-50%)!important;
  background:rgba(0,0,0,.78)!important;color:#fff!important;
  font-size:12px!important;font-weight:700!important;padding:6px 12px!important;
  border-radius:8px!important;white-space:nowrap!important;
  pointer-events:none!important;font-family:Cairo,sans-serif!important;
}
a.wa-btn:hover .wa-tip{display:block!important}