/* ============ خلفيات الأقسام القابلة للتخصيص من لوحة التحكم ============ */
.kf-has-section-bg{
    position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;
}
.kf-has-section-bg::after{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:rgba(255,255,255,.86);
}
.kf-has-section-bg .kf-video-wrap,
.kf-has-section-bg .kf-board-wrap,
.kf-has-section-bg .kf-testimonials-wrap,
.kf-has-section-bg .kf-reports-teaser-wrap,
.kf-has-section-bg .kf-reports-teaser-watermark,
.kf-has-section-bg .kf-about-logo-wrap,
.kf-has-section-bg .kf-programs-wrap,
.kf-has-section-bg .kf-section-head{
    position:relative; z-index:1;
}
@media (max-width:760px){
    /* على الهاتف: تُضغط الخلفية بعرض الشاشة كاملاً بدل تكبيرها لتغطية الطول */
    .kf-has-section-bg{ background-size:100% auto; background-position:top center; }
}

/* نسخة داكنة من نفس الآلية — للأقسام ذات الخلفية الداكنة الأصلية (نص أبيض) */
.kf-has-section-bg-dark{
    position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;
}
.kf-has-section-bg-dark::after{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:linear-gradient(135deg, rgba(6,54,59,.88), rgba(11,94,101,.82));
}
.kf-has-section-bg-dark .kf-impact-wrap,
.kf-has-section-bg-dark .kf-cta-wrap{
    position:relative; z-index:1;
}
@media (max-width:760px){
    .kf-has-section-bg-dark{ background-size:100% auto; background-position:top center; }
}

/* ============ فيديوهات تعريفية ============ */
.kf-video-section{ padding:90px 5%; }
.kf-video-wrap{ max-width:1180px; margin:0 auto; width:100%; }
.kf-video-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; }
.kf-video-frame{ background:#fff; border-radius:22px; overflow:hidden; border:1px solid rgba(11,94,101,.08); box-shadow:0 10px 26px rgba(11,94,101,.06); }
.kf-video-frame video{ width:100%; display:block; aspect-ratio:16/9; background:#000; }
.kf-video-info{ padding:18px 20px; }
.kf-video-info h4{ font-size:15.5px; font-weight:800; color:var(--primary); margin:0 0 6px; }
.kf-video-info p{ font-size:13px; color:var(--text-muted); font-weight:600; margin:0; line-height:1.7; }
@media (max-width:760px){ .kf-video-grid{ grid-template-columns:1fr; } }

/* ============ مجلس الإدارة (الرئيسية) ============ */
.kf-board-section{ padding:90px 5%; }
.kf-board-wrap{ max-width:1180px; margin:0 auto; width:100%; }
.kf-board-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:26px; }
.kf-board-card{
    background:#fff; border-radius:24px; padding:34px 22px 28px; text-align:center;
    border:1px solid rgba(11,94,101,.08); box-shadow:0 10px 28px rgba(11,94,101,.05);
    transition:.35s cubic-bezier(.2,.8,.2,1); position:relative;
    display:flex; flex-direction:column; align-items:center;
    width:100%; font-family:inherit; cursor:pointer;
}
.kf-board-card:hover{ transform:translateY(-8px); box-shadow:0 24px 46px rgba(11,94,101,.14); border-color:rgba(212,175,55,.32); }
.kf-board-card:focus-visible{ outline:3px solid var(--secondary); outline-offset:3px; }
.kf-board-avatar, .kf-board-avatar-img{
    width:92px; height:92px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center;
    font-weight:900; font-size:22px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-light));
    box-shadow:0 8px 20px rgba(11,94,101,.18); border:4px solid #fff; outline:2px solid rgba(212,175,55,.28);
}
.kf-board-avatar-img{ object-fit:cover; }
.kf-board-card h5{ font-size:15.5px; font-weight:900; color:var(--text-dark); margin:0 0 4px; }
.kf-board-card .kf-board-role{ display:inline-block; font-size:12px; color:var(--secondary); font-weight:800; margin-bottom:6px; }
.kf-board-hint{
    display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding-top:12px;
    border-top:1px dashed rgba(11,94,101,.15); font-size:11.5px; color:var(--primary); font-weight:700;
    width:100%; justify-content:center; opacity:.7; transition:opacity .25s ease;
}
.kf-board-hint .kf-icon{ width:11px; height:11px; color:var(--secondary); }
.kf-board-card:hover .kf-board-hint{ opacity:1; }

#board-modal{ position:fixed; inset:0; z-index:8500; display:none; align-items:center; justify-content:center; padding:20px; }
#board-modal.open{ display:flex; }
.board-modal-backdrop{ position:absolute; inset:0; background:rgba(7,61,66,.72); backdrop-filter:blur(4px); opacity:0; transition:opacity .3s; }
#board-modal.show .board-modal-backdrop{ opacity:1; }
.board-modal-box{
    position:relative; width:100%; max-width:440px; background:#fff; border-radius:28px; padding:40px 30px 34px;
    text-align:center; box-shadow:0 30px 80px rgba(0,0,0,.35);
    opacity:0; transform:translateY(24px) scale(.96); transition:opacity .35s ease, transform .35s cubic-bezier(.16,1,.3,1);
}
#board-modal.show .board-modal-box{ opacity:1; transform:translateY(0) scale(1); }
.board-modal-close{
    position:absolute; top:16px; inset-inline-start:16px; width:36px; height:36px; border-radius:50%;
    border:1px solid rgba(11,94,101,.15); background:var(--cream, #f4f8f7); color:var(--primary);
    display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s;
}
.board-modal-close .kf-icon{ width:14px; height:14px; }
.board-modal-close:hover{ background:var(--primary); color:#fff; transform:rotate(90deg); }
.board-modal-avatar, .board-modal-avatar img{
    width:110px; height:110px; border-radius:50%; margin:0 auto 18px; display:flex; align-items:center; justify-content:center;
    font-weight:900; font-size:28px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-light));
    box-shadow:0 10px 26px rgba(11,94,101,.22); border:4px solid #fff; outline:2px solid rgba(212,175,55,.3);
    object-fit:cover;
}
.board-modal-box h3{ font-size:19px; font-weight:900; color:var(--text-dark); margin:0 0 6px; }
.board-modal-role{ display:inline-block; font-size:12.5px; color:var(--secondary); font-weight:800; margin-bottom:20px; }
.board-modal-quote{
    position:relative; font-size:14.5px; line-height:2; color:var(--text-dark); font-weight:600;
    font-style:italic; padding:22px 26px; background:var(--cream, #f4f8f7); border-radius:18px;
}
.board-modal-quote::before{
    content:'\201C'; position:absolute; top:-6px; inset-inline-start:14px; font-size:52px; font-family:Georgia,serif;
    color:var(--secondary-light); opacity:.7; line-height:1;
}
.board-modal-quote:empty{ display:none; }

/* ============ تقارير مؤسسية (الرئيسية) ============ */
.kf-reports-teaser{ padding:60px 5% 90px; position:relative; overflow:hidden; }
.kf-reports-teaser-watermark{
    position:absolute; top:-10px; left:50%; transform:translateX(-50%);
    width:90px; height:90px; opacity:.08; pointer-events:none;
}
.kf-reports-teaser-wrap{ max-width:1180px; margin:0 auto; width:100%; position:relative; z-index:1; }
.kf-reports-teaser-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:26px; }
.kf-report-teaser-card{ background:#fff; border-radius:20px; overflow:hidden; border:none; padding:0; cursor:pointer; text-align:right; font-family:inherit; border:1px solid rgba(11,94,101,.08); box-shadow:0 10px 26px rgba(11,94,101,.06); transition:.3s; }
.kf-report-teaser-card:hover{ transform:translateY(-8px); box-shadow:0 24px 46px rgba(11,94,101,.18); }
.kf-report-teaser-cover{ width:100%; height:170px; overflow:hidden; position:relative; }
.kf-report-teaser-cover img{ width:100%; height:100%; object-fit:cover; }
.kf-report-teaser-badge{
    position:absolute; top:12px; left:12px; display:flex; align-items:center; gap:6px;
    background:rgba(11,94,101,.85); color:#fff; font-size:11px; font-weight:800;
    padding:5px 11px; border-radius:20px; backdrop-filter:blur(4px);
}
.kf-report-teaser-badge svg{ width:12px; height:12px; }
.kf-report-teaser-info{ padding:18px 20px; }
.kf-report-teaser-info h4{ font-size:15px; font-weight:800; color:var(--primary); margin:0 0 6px; }
.kf-report-teaser-info p{ font-size:12.5px; color:var(--text-muted); font-weight:600; line-height:1.7; margin:0 0 12px; }
.kf-report-teaser-link{ font-size:12.5px; font-weight:800; color:var(--secondary); display:inline-flex; align-items:center; gap:6px; }

/* ============ أثرنا بالأرقام ============ */
.kf-impact-section{ padding:60px 5%; min-height:50vh; display:flex; align-items:center; }
.kf-impact-wrap{ max-width:1180px; margin:0 auto; width:100%; }
.kf-impact-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:22px; position:relative; z-index:1; width:100%; }
.kf-impact-stat{ text-align:center; background:#fff; border:1px solid rgba(11,94,101,.12); box-shadow:0 8px 22px rgba(11,94,101,.06); border-radius:18px; padding:28px 16px; position:relative; z-index:1; }
.kf-impact-stat b{ display:block; font-size:clamp(30px,4vw,44px); font-weight:900; color:var(--primary); font-variant-numeric:tabular-nums; direction:ltr; }
.kf-impact-stat span{ display:block; font-size:13.5px; font-weight:700; color:var(--text-muted); margin-top:6px; }
.kf-impact-stat-img{ width:56px; height:56px; object-fit:cover; border-radius:14px; margin:0 auto 12px; display:block; }
.kf-impact-plus-icon{ display:inline-flex; width:.75em; height:.75em; vertical-align:middle; }
.kf-impact-plus-icon .kf-icon{ width:100%; height:100%; }

/* ============ نداء ختامي (CTA) ============ */
.kf-cta-section{ padding:90px 5%; background:linear-gradient(135deg,var(--primary-dark),var(--primary)); }
.kf-cta-wrap{ max-width:760px; margin:0 auto; width:100%; }
.kf-cta-card{ text-align:center; }
.kf-cta-card h2{ font-size:clamp(24px,3.2vw,34px); font-weight:900; color:#fff; margin:14px 0; }
.kf-cta-card p{ font-size:15px; color:rgba(255,255,255,.85); font-weight:600; line-height:1.9; margin-bottom:26px; }
.kf-cta-social{ display:flex; justify-content:center; gap:12px; margin-top:26px; flex-wrap:wrap; }
.kf-cta-social a{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#fff; transition:.3s; }
.kf-cta-social a:hover{ background:var(--secondary); border-color:var(--secondary); color:var(--primary-dark); transform:translateY(-3px); }

/* ============ مؤشر الانتقال بين شرائح الرئيسية (جانب الشاشة) ============ */
.kf-slide-nav{
    position:fixed; top:50%; inset-inline-end:22px; transform:translateY(-50%);
    z-index:850; display:flex; flex-direction:column; align-items:center; gap:10px;
}
.kf-slide-nav-dot{
    width:10px; height:10px; border-radius:50%; padding:0; border:1.5px solid rgba(255,255,255,.85);
    background:rgba(11,94,101,.35); box-shadow:0 0 0 1px rgba(11,94,101,.35);
    cursor:pointer; transition:transform .25s ease, background .25s ease, height .25s ease, border-radius .25s ease;
    flex-shrink:0;
}
.kf-slide-nav-dot:hover{ transform:scale(1.25); }
.kf-slide-nav-dot.is-active{
    background:var(--secondary);
    height:28px; border-radius:6px;
}
@media (max-width:900px){
    .kf-slide-nav{ display:none; }
}

/* نسخة صورة واقعية للخلفية (تُبقي الصورة ظاهرة بوضوح، تدرّج خفيف فقط أسفل النص) */
.kf-has-section-bg-photo{
    position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;
}
.kf-has-section-bg-photo::after{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:linear-gradient(180deg, rgba(6,54,59,.35) 0%, rgba(6,54,59,.62) 100%);
}
.kf-has-section-bg-photo .kf-cta-wrap{ position:relative; z-index:1; }

/* غلاف شعار كبير خلف الأقسام (تقارير/مجلس الإدارة/آراء الداعمين) */
.kf-big-logo-wrap{ position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none; display:flex; align-items:center; justify-content:center; }
.kf-big-logo-wrap img{ width:min(64%,620px); height:auto; opacity:.05; filter:grayscale(1); }
.kf-board-section, .kf-testimonials{ position:relative; }
.kf-board-wrap, .kf-testimonials-wrap{ position:relative; z-index:1; }

.kf-video-logo-mark{ display:flex; justify-content:center; margin-top:44px; }
.kf-video-logo-mark img{ height:56px; width:auto; opacity:.55; }

.kf-section-head{ position:relative; z-index:1; }
@media (max-width:760px){ .kf-impact-section{ min-height:unset; } }

/* شريط "نطاق عمل الجمعية" — يُعرض في المساحة الفارغة أسفل قسم شركاء النجاح */
.kf-scope-band{ width:100%; line-height:0; background:#fff; }
.kf-scope-band img{ width:100%; height:auto; display:block; }