/* ===== NUX-T Sectors Section ===== */
:root{
  --brand-main: #5b2dbf;
  --brand-accent: #a45bff;
  --brand-light: #d1c6ff;
  --chip-bg-light: rgba(255,255,255,.9);
  --chip-bg-dark: #1b1529;
  --border-light: rgba(0,0,0,.08);
  --border-dark: rgba(255,255,255,.08);
  --text-dark: #0b0f14;
  --text-light: #f4f4f9;
}

.section-pad{ padding-block: clamp(2rem, 6vw, 4.8rem); }
.nx-sectors2{ position:relative; isolation:isolate; overflow:hidden; }

/* الشارة */
.nx-sec2-eyebrow{
  display:inline-block;
  padding:.4rem .9rem;
  border-radius:999px;
  font-weight:700;
  font-size:.9rem;
  background: color-mix(in srgb, var(--brand-accent) 10%, transparent);
  color: var(--brand-main);
  border:1px solid color-mix(in srgb, var(--brand-accent) 25%, transparent);
  backdrop-filter: blur(6px) saturate(120%);
}

/* العنوان */
.nx-sec2-title{
  margin:.9rem 0 1.2rem;
  font-weight:900;
  line-height:1.15;
  font-size:clamp(1.6rem,3.6vw,2.5rem);
  background: linear-gradient(90deg, var(--brand-accent), var(--brand-light), var(--brand-accent));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation: shimmer 6s linear infinite;
}
@keyframes shimmer{
  0%{background-position:-200% center;}
  100%{background-position:200% center;}
}

/* الشرائح (Chips) */
.nx-sec2-chips{
  display:flex; flex-wrap:wrap; gap:14px;
  justify-content:center; margin:16px auto 12px;
  padding:0; list-style:none; position:relative;
}
.nx-sec2-chips .chip{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:.75rem 1.2rem; border-radius:18px;
  font-weight:800; color:var(--text-dark);
  background:var(--chip-bg-light);
  border:1px solid var(--border-light);
  box-shadow:0 10px 28px rgba(0,0,0,.1);
  transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s, background .25s;
  animation: floatY 7s ease-in-out infinite;
}
.nx-sec2-chips .chip:nth-child(2){animation-delay:.4s;}
.nx-sec2-chips .chip:nth-child(3){animation-delay:.8s;}
.nx-sec2-chips .chip:nth-child(4){animation-delay:1.2s;}

.nx-sec2-chips .chip i{
  font-size:1.2rem;
  color:var(--brand-accent);
}
.nx-sec2-chips .chip:hover{
  transform:translateY(-8px);
  background:color-mix(in srgb, var(--brand-accent) 8%, white);
  box-shadow:0 20px 48px color-mix(in srgb, var(--brand-main) 25%, transparent);
}
@keyframes floatY{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}

/* النص والزر */
.nx-sec2-note{
  color:var(--text-dark);
  opacity:.8;
  margin-top:.4rem;
  margin-bottom:1rem;
}
.nx-sec2-cta .btn{
  background:linear-gradient(90deg,var(--brand-main),var(--brand-accent));
  border:none;
  color:#fff;
  font-weight:700;
  box-shadow:0 12px 32px color-mix(in srgb,var(--brand-accent) 40%,transparent);
  transition:transform .3s ease, box-shadow .3s ease;
}
.nx-sec2-cta .btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px color-mix(in srgb,var(--brand-accent) 50%,transparent);
}

/* هالة خلفية متفاعلة */
.nx-sec2-aurora{
  position:absolute; inset:-10% -10% auto -10%; height:60%;
  --ax:50%; --ay:30%;
  background:
    radial-gradient(40% 60% at var(--ax) var(--ay),
      color-mix(in srgb,var(--brand-accent) 15%,transparent), transparent 60%),
    radial-gradient(45% 65% at calc(100% - var(--ax)) calc(var(--ay) + 10%),
      color-mix(in srgb,var(--brand-main) 10%,transparent), transparent 65%);
  filter:blur(24px) saturate(120%);
  pointer-events:none;
  z-index:-1;
}

/* reveal */
.reveal{opacity:0; transform:translateY(18px); transition:opacity .8s ease, transform .8s ease;}
.reveal.in-view{opacity:1; transform:none;}

/* الوضع الليلي */
html[data-bs-theme="dark"] .nx-sec2-eyebrow{
  background:color-mix(in srgb, var(--brand-main) 35%, transparent);
  color:var(--text-light);
}
html[data-bs-theme="dark"] .nx-sec2-chips .chip{
  background:var(--chip-bg-dark);
  color:var(--text-light);
  border-color:var(--border-dark);
}
html[data-bs-theme="dark"] .nx-sec2-note{
  color:var(--text-light);
  opacity:.7;
}

/* الاتجاه */
:root[dir="rtl"] .nx-sectors2{ direction: rtl; }
:root[dir="ltr"] .nx-sectors2{ direction: ltr; }