/* ═══════════════════════════════════════════════════════════
   جسر جَدَارة → نظام evaluation

   صفحات جَدَارة مبنية على نظامين قديمين (.jd و .nee)، وقد صار جذر
   كل صفحة يحمل nh-eval أيضاً. هذا الملف يُلبس أصنافها القديمة ثوب
   نظام evaluation، فتبدو الصفحات كلها من عائلة واحدة دون إعادة
   كتابة ستّ عشرة صفحة.

   يُحمَّل بعد nahdha-editorial.css.
   ═══════════════════════════════════════════════════════════ */

/* ── الغلاف: أبيض افتتاحي في النظامين ── */
.nh-eval .jd-masthead,
.nh-eval .nee-hero {
    background: #fff !important;
    color: #0a0d12 !important;
    padding: clamp(3.5rem, 8vw, 6rem) 0 clamp(3rem, 6vw, 5rem) !important;
    border-bottom: 1px solid #e5e7eb !important;
    position: relative;
    overflow: hidden;
}
.dark .nh-eval .jd-masthead,
.dark .nh-eval .nee-hero {
    background: #0a0d12 !important; color: #fff !important; border-bottom-color: #1f2937 !important;
}

/* دائرة زخرفية كغلاف evaluation */
.nh-eval .jd-masthead::after,
.nh-eval .nee-hero::after {
    content: '';
    position: absolute;
    top: -5rem; inset-inline-start: -5rem;
    width: 26rem; height: 26rem;
    border-radius: 50%;
    border: 1px solid rgba(81, 186, 116, .22);
    pointer-events: none;
    z-index: 0;
}
.nh-eval .jd-masthead > *,
.nh-eval .nee-hero > * { position: relative; z-index: 1; }

/* ── العناوين ── */
.nh-eval .jd-masthead__title,
.nh-eval .nee-hero h1 {
    font-size: clamp(2rem, 6vw, 5rem) !important;
    font-weight: 900 !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    color: inherit !important;
    margin: 1.5rem 0 1.25rem !important;
}

.nh-eval .jd-masthead__lede,
.nh-eval .nee-lede {
    font-size: clamp(1rem, 2.4vw, 1.2rem) !important;
    line-height: 1.75 !important;
    color: #475569 !important;
    max-width: 38rem;
}
.dark .nh-eval .jd-masthead__lede,
.dark .nh-eval .nee-lede { color: #cbd5e1 !important; }

.nh-eval .jd-h2,
.nh-eval .nee-h {
    font-size: clamp(1.75rem, 4.6vw, 3.5rem) !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}

.nh-eval .jd-h3,
.nh-eval .jd-card__title,
.nh-eval .jd-entry__title,
.nh-eval .jd-register__title,
.nh-eval .nee-card__title {
    font-weight: 800 !important;
    letter-spacing: -.015em !important;
}

/* ── الkicker → eyebrow بخط فاصل ── */
.nh-eval .jd-masthead__kicker,
.nh-eval .jd-kicker,
.nh-eval .nee-kicker {
    display: inline-flex !important;
    align-items: center;
    gap: .9rem;
    font-size: .78rem !important;
    font-weight: 800 !important;
    letter-spacing: .22em !important;
    color: #51ba74 !important;
    margin-bottom: 0 !important;
    flex-wrap: wrap;
}
[dir="rtl"] .nh-eval .jd-masthead__kicker,
[dir="rtl"] .nh-eval .jd-kicker,
[dir="rtl"] .nh-eval .nee-kicker { flex-direction: row-reverse; }

.nh-eval .jd-masthead__kicker::before,
.nh-eval .jd-kicker::before,
.nh-eval .nee-kicker::before {
    content: '';
    width: 1.75rem; height: 1px;
    background: currentColor; opacity: .5;
    flex: none;
}

/* ── الأرقام ── */
.nh-eval .jd-figures__value,
.nh-eval .nee-stat__value {
    font-size: clamp(1.75rem, 5vw, 2.5rem) !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
}
.nh-eval .jd-figures__label,
.nh-eval .nee-stat__label { font-size: .78rem !important; }

.nh-eval .jd-num, .nh-eval .nee-num { font-weight: 900 !important; letter-spacing: -.03em !important; }

.nh-eval .jd-head__no {
    font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
    font-weight: 900 !important;
    letter-spacing: -.05em !important;
    line-height: 1 !important;
    opacity: .18;
    padding-top: 0 !important;
}

/* ── الأقسام ── */
.nh-eval .jd-band,
.nh-eval .nee-section {
    padding-block: clamp(3rem, 8vw, 6rem) !important;
    border-top: 1px solid #e5e7eb;
}
.dark .nh-eval .jd-band,
.dark .nh-eval .nee-section { border-top-color: #1f2937; }
.nh-eval .jd-band--dark { background: #0a0d12 !important; }

/* ── الأزرار: حواف حادة كـevaluation ── */
.nh-eval .jd-btn,
.nh-eval .nee-btn {
    border-radius: 0 !important;
    padding: .9rem 1.6rem !important;
    font-weight: 800 !important;
    min-height: 46px;
    max-width: 100%;
}
.nh-eval .jd-btn--solid,
.nh-eval .nee-btn--solid { background: #0a0d12 !important; color: #fff !important; }
.nh-eval .jd-btn--solid:hover,
.nh-eval .nee-btn--solid:hover { background: #51ba74 !important; }
.dark .nh-eval .jd-btn--solid,
.dark .nh-eval .nee-btn--solid { background: #51ba74 !important; }
.nh-eval .jd-btn--line:hover,
.nh-eval .nee-btn--line:hover { border-color: #51ba74 !important; color: #51ba74 !important; }
.nh-eval .jd-actions, .nh-eval .nee-actions { flex-wrap: wrap; }

/* ── البطاقات ── */
.nh-eval .jd-card,
.nh-eval .nee-card { border-radius: 0 !important; transition: border-color .2s ease; }
.nh-eval .jd-card:hover,
.nh-eval .nee-card:hover { border-color: #51ba74 !important; }

/* ── الجوال ── */
@media (max-width: 640px) {
    .nh-eval .jd-entry { grid-template-columns: 1fr !important; }
    .nh-eval .jd-figures { grid-template-columns: repeat(2, 1fr) !important; }
}