/* ============================================================
   خوارزميات — قسم «شركاء النجاح» شريط شعارات حي
   marquee مستمر يتوقف عند المرور + شعارات تتلون وتبرز
   ============================================================ */

.khw-partners {
    position: relative;
    padding: 40px 0 90px;
    direction: rtl;
}

.khw-partners__head {
    text-align: center;
    margin-bottom: 28px;
}

.khw-partners__kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: "Tajawal", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #157f52;
    margin: 0;
}

.khw-partners__kicker::before,
.khw-partners__kicker::after {
    content: "";
    width: 30px;
    height: 2px;
    border-radius: 2px;
}

.khw-partners__kicker::before { background: linear-gradient(270deg, #2eb97e, transparent); }
.khw-partners__kicker::after { background: linear-gradient(90deg, #2eb97e, transparent); }

.khw-partners__title {
    font-family: "Tajawal", sans-serif;
    font-size: clamp(22px, 2.2vw, 30px);
    font-weight: 800;
    color: #16324f;
    margin: 8px 0 0;
}

.khw-partners__title span { color: #157f52; }

/* ---------- اللوح الحامل للشريط ---------- */
.khw-partners__panel {
    position: relative;
    direction: ltr; /* يرسّي صندوق الشريط من اليسار — محتواه شعارات فقط */
    background: #fff;
    border: 1px solid rgba(22, 50, 79, 0.08);
    border-radius: 24px;
    box-shadow: 0 2px 6px rgba(22, 50, 79, 0.05), 0 22px 44px -20px rgba(22, 50, 79, 0.18);
    padding: 30px 0;
    overflow: hidden;
}

/* تلاشي الأطراف */
.khw-partners__panel::before,
.khw-partners__panel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    z-index: 2;
    pointer-events: none;
}

.khw-partners__panel::before {
    right: 0;
    background: linear-gradient(270deg, #fff 12%, transparent);
}

.khw-partners__panel::after {
    left: 0;
    background: linear-gradient(90deg, #fff 12%, transparent);
}

/* ---------- الشريط المتحرك ---------- */
.khw-partners__track {
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
    direction: ltr; /* حساب الحركة ثابت بمعزل عن RTL */
    animation: khwMarquee var(--khw-marquee-dur, 30s) linear infinite;
}

.khw-partners__panel:hover .khw-partners__track { animation-play-state: paused; }

@keyframes khwMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-25%); } /* أربع نسخ متطابقة */
}

/* ---------- شريحة الشعار ---------- */
.khw-partners__chip {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    height: 104px;
    padding: 16px 34px;
    margin: 6px 0;
    background: #eef6f1;
    border: 1px solid rgba(22, 50, 79, 0.12);
    border-radius: 18px;
    text-decoration: none;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease;
}

.khw-partners__chip img {
    max-height: 62px;
    max-width: 150px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(1) contrast(1.25);
    opacity: 0.85;
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.khw-partners__chip:hover {
    background: #fff;
    border-color: rgba(46, 185, 126, 0.45);
    transform: translateY(-5px);
    box-shadow: 0 18px 36px -12px rgba(6, 35, 26, 0.28);
}

.khw-partners__chip:hover img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.07);
}

.khw-partners__chip:focus-visible {
    outline: 2px solid #2eb97e;
    outline-offset: 3px;
}

/* ---------- التجاوب ---------- */
@media (max-width: 767px) {
    .khw-partners { padding: 24px 0 70px; }
    .khw-partners__chip { min-width: 156px; height: 88px; padding: 12px 22px; }
    .khw-partners__chip img { max-height: 50px; max-width: 118px; }
    .khw-partners__panel::before,
    .khw-partners__panel::after { width: 60px; }
}

/* ---------- تقليل الحركة: صف ثابت بلا تكرارات ---------- */
@media (prefers-reduced-motion: reduce) {
    .khw-partners__track {
        animation: none;
        width: auto;
        flex-wrap: wrap;
        justify-content: center;
        direction: rtl;
    }
    .khw-partners__dup { display: none; }
    .khw-partners__chip img { filter: grayscale(0); opacity: 1; }
}