/* partners.css — صفحة الشركاء
   - Hero نظيف (Eyebrow/Title/Desc) + زخارف شبكة وموجة
   - Marquee سلس مع دعم RTL/LTR
   - تحسينات خفيفة على الإحصاءات
   كل الأصناف Scoped على .par-* لتجنّب التعارض.
*/

/* ====== HERO ====== */
.par-hero-full{
  position: relative;
  overflow: clip;
  background:
    radial-gradient(1100px 420px at 12% -10%, hsl(var(--brand-copper) / .10), transparent 60%),
    radial-gradient(900px 360px at 110% 120%, hsl(var(--brand-stone) / .10), transparent 60%),
    linear-gradient(180deg, hsl(var(--surface)), hsl(var(--surface-2)));
}
.par-hero__bg{ position: absolute; inset: 0; z-index: 0; }
.par-hero-grid{
  position: absolute; inset: 0; opacity: .18; pointer-events: none;
  background:
    repeating-linear-gradient(to right, hsl(var(--border) / .35) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(to bottom, hsl(var(--border) / .35) 0 1px, transparent 1px 80px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}
.par-wave{
  position: absolute; inset-inline: 0; bottom: -1px;
  width: 100%; height: 80px; pointer-events: none;
}
.par-wave path{
  fill: hsl(var(--surface));
  stroke: hsl(var(--border));
  opacity: .55;
}

.par-hero__inner{
  position: relative; z-index: 1;
  display: grid; gap: .8rem; text-align: center;
  padding-top: clamp(24px, 4.2vw, 48px);
  padding-bottom: clamp(24px, 4.2vw, 48px);
}
.par-hero__eyebrow{
  display: inline-flex; align-items: center; gap: 8px;
  margin-inline: auto;
  padding: 6px 10px; border-radius: 999px;
  background: hsl(var(--muted-bg));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--fg)); font-weight: 800; font-size: .9rem;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 16px rgba(0,0,0,.10);
}
.par-hero__title{
  font-weight: 900; letter-spacing: -.01em; text-wrap: balance;
  background: linear-gradient(90deg, hsl(var(--fg)), hsl(var(--brand-sand)));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  font-size: clamp(1.9rem, 1.1rem + 2.2vw, 2.6rem);
}
.par-hero__desc{
  color: hsl(var(--muted-fg));
  font-size: clamp(1rem, .9rem + .5vw, 1.125rem);
  margin-inline: auto; max-width: 70ch;
}
.par-hero__actions{ justify-content: center; gap: .6rem; flex-wrap: wrap; }
.par-hero__actions .btn{
  transition: transform .08s ease, filter .15s ease;
  will-change: transform, filter;
}
.par-hero__actions .btn:hover{
  transform: translateY(-1px); filter: saturate(1.02);
}
@media (max-width: 420px){
  .par-hero__actions .btn{ inline-size: 100%; }
}

/* ====== STATS تحسين خفيف ====== */
.par-stats .stats-strip{
  gap: .75rem; justify-content: center; flex-wrap: wrap;
}
.par-stats .stat{
  min-width: 160px; text-align: center;
  padding: 12px 14px;
  background: hsl(var(--surface-2));
  border: 1px solid hsl(var(--border));
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 20px rgba(0,0,0,.06);
}
.par-stats .stat-value{ font-weight: 900; font-variant-numeric: tabular-nums; }
.par-stats .stat-label{ color: hsl(var(--muted-fg)); }

/* ====== LOGO MARQUEE ====== */
.par-marquee{
  position: relative; overflow: hidden;
  border-radius: 16px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--surface-2));
  padding: 10px;
}
.par-marquee__track{
  display: flex; align-items: center; gap: 22px;
  white-space: nowrap; /* لضمان التمرير */
  will-change: transform;
  animation-duration: 32s; animation-timing-function: linear; animation-iteration-count: infinite;
}
.par-marquee--ltr{ animation-name: par-scroll-ltr; }
.par-marquee--rtl{ animation-name: par-scroll-rtl; }

@keyframes par-scroll-ltr{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
@keyframes par-scroll-rtl{
  from{ transform: translateX(-50%); }
  to{ transform: translateX(0); }
}

.par-marquee__item{
  display: grid; place-items: center;
  min-width: 120px; height: 60px;
  padding-inline: 10px;
  background: hsl(var(--surface)); border: 1px solid hsl(var(--border));
  border-radius: 12px;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 14px rgba(0,0,0,.05);
}
.par-marquee__item img{ max-height: 38px; max-width: 140px; -o-object-fit: contain; object-fit: contain; filter: saturate(1.05); }
.par-card__name{ font-weight: 700; font-size: .9rem; color: hsl(var(--fg)); }

/* شعار داخل الشبكة الرئيسية */
.par-logo{ max-height: 44px; max-width: 160px; -o-object-fit: contain; object-fit: contain; }

/* تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  .par-hero__actions .btn{ transition: none !important; }
  .par-marquee__track{ animation: none !important; }
}