/* EXCOINCASH NEXA 7.5 — شريط الأقسام في الهيدر */
.nexa-qn{
  --qn-gold:#f5c518;
  position:relative;z-index:60;
  background:linear-gradient(180deg,rgba(18,20,26,.96),rgba(13,15,20,.96));
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  font-family:'Cairo',sans-serif;
}
.nexa-qn__inner{max-width:1220px;margin:0 auto;padding:10px 16px}
.nexa-qn__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(var(--nexa-qn-count,5),minmax(0,1fr));gap:10px;
}
/* عند وجود خدمات كثيرة: توزيع تلقائي مع الالتفاف بدل الضغط */
.nexa-qn__list:has(> .nexa-qn__item:nth-child(7)){
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}

/* الشكل المتحرك: انزلاق تلقائي يتوقف عند المرور بالماوس */
.nexa-qn--marquee .nexa-qn__inner{overflow:hidden;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.nexa-qn--marquee .nexa-qn__list{
  display:flex;flex-wrap:nowrap;width:max-content;gap:10px;
  animation:nexa-qn-slide var(--nexa-qn-speed,34s) linear infinite;
}
.nexa-qn--marquee .nexa-qn__item{flex:0 0 auto}
.nexa-qn--marquee .nexa-qn__link{min-width:150px}
.nexa-qn--marquee:hover .nexa-qn__list,
.nexa-qn--marquee .nexa-qn__list:focus-within{animation-play-state:paused}
@keyframes nexa-qn-slide{
  from{transform:translateX(0)}
  to{transform:translateX(50%)}
}

.nexa-qn__item{min-width:0}
.nexa-qn__link{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:52px;padding:10px 12px;border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:#eef1f5!important;text-decoration:none;
  font-size:15px;font-weight:700;line-height:1.2;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nexa-qn__link:hover{
  transform:translateY(-2px);
  background:rgba(245,197,24,.12);
  border-color:rgba(245,197,24,.42);
  box-shadow:0 12px 26px -18px rgba(245,197,24,.9);
  color:#fff!important;
}
.nexa-qn__link.is-active{
  background:linear-gradient(135deg,rgba(245,197,24,.22),rgba(245,197,24,.08));
  border-color:rgba(245,197,24,.6);
  color:#ffe9a3!important;
}
.nexa-qn__icon{display:inline-flex;flex:0 0 auto}
.nexa-qn__icon svg{width:21px;height:21px;color:var(--qn-gold)}
.nexa-qn__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nexa-qn__link.is-soon{opacity:.55;cursor:default}
.nexa-qn__soon{
  font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;
  background:rgba(255,255,255,.08);color:#cfd6e2;flex:0 0 auto;
}

/* أجهزة متوسطة */
@media (max-width:1024px){
  .nexa-qn__list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nexa-qn__link{font-size:14px;min-height:48px;gap:7px}
  .nexa-qn__icon svg{width:19px;height:19px}
}

/* الهاتف: شريط أفقي انسيابي بشكل تطبيق */
@media (max-width:760px){
  .nexa-qn__inner{
    padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
  }
  .nexa-qn__list{
    display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    padding-bottom:2px;
  }
  .nexa-qn__list::-webkit-scrollbar{display:none}
  .nexa-qn__list{scrollbar-width:none}
  .nexa-qn__item{flex:0 0 auto;scroll-snap-align:start}
  .nexa-qn__link{
    flex-direction:column;gap:6px;justify-content:center;
    width:88px;min-height:76px;padding:10px 8px;border-radius:18px;
    font-size:12.5px;text-align:center;
  }
  .nexa-qn__icon svg{width:22px;height:22px}
  .nexa-qn__label{white-space:normal;line-height:1.35;max-height:2.7em}
  .nexa-qn__soon{display:none}
  .nexa-qn__link:hover{transform:none}
  .nexa-qn__link:active{transform:scale(.97)}
}
@media (prefers-reduced-motion:reduce){
  .nexa-qn__link{transition:none}
}

/* الشكل المتحرك على الهاتف */
@media (max-width:760px){
  .nexa-qn--marquee .nexa-qn__list{overflow:visible;width:max-content;animation:nexa-qn-slide var(--nexa-qn-speed,34s) linear infinite}
  .nexa-qn--marquee .nexa-qn__link{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  .nexa-qn--marquee .nexa-qn__list{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  .nexa-qn--marquee .nexa-qn__item[aria-hidden="true"]{display:none}
}