/* ═══ وضع التكفّل في صفحة المشاريع (?mode=full) ═══
   نفس البطاقات، لكن لا يبقى فيها إلا زر «تبرع كامل».
   المتكفّل يختار مشروعاً بالاسم والسعر؛ فخانة المبلغ والسلة والتبرع السريع
   لا معنى لها عنده، وشريط التقدّم و«تم جمع» يخصّان بطاقةً لن يأخذها — بطاقته
   تُسكّ نظيفة عند نجاح الدفع، فعرضُها يوهمه أنه يُكمل تبرّع غيره. */

/* ── ترويسة الوضع ── */
.sp-intro {
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
    padding: 26px 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, #fdf6ec, #fbf1e2);
    border: 1px solid #f0dcc0;
}
.sp-intro-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: rgb(90, 25, 50);
    margin-bottom: 10px;
}
.sp-intro-title i { color: #D69832; margin-inline-end: 8px; }
.sp-intro-text { color: #6a5433; line-height: 1.9; font-size: .98rem; }

/* ── ما يُخفى من البطاقة ── */
.sponsor-mode .donateamount,          /* خانة المبلغ والزرّان +/− */
.sponsor-mode .amount-btns,           /* مبالغ 50/100/150… */
.sponsor-mode .zakat-opt,             /* خيار الزكاة — التكفّل ليس زكاة عادةً */
.sponsor-mode .donatebtns-row1,       /* التفاصيل + السلة */
.sponsor-mode .dbtn-quick,            /* التبرع السريع */
.sponsor-mode .progress,              /* شريط تقدّم بطاقة لن يأخذها */
.sponsor-mode .pdonate > .d-flex.justify-content-between {   /* سطر «تم جمع / الهدف» */
    display: none !important;
}

/* ── زر التكفّل وحده، بحجم يليق بكونه الإجراء الوحيد ── */
.sponsor-mode .donatebtns-row2 { display: block; }
.sponsor-mode .donatebtns-row2 .dbtn-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 13px;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 11px;
    background: rgb(90, 25, 50);
    border-color: rgb(90, 25, 50);
    color: #fff;
    transition: background .2s, transform .15s;
}
.sponsor-mode .donatebtns-row2 .dbtn-outline:hover {
    background: rgb(112, 33, 63);
    border-color: rgb(112, 33, 63);
    color: #fff;
    transform: translateY(-1px);
}

/* سعر المشروع يصير المعلومة الأبرز بعد إخفاء شريط التقدّم */
.sponsor-mode .pgoal {
    font-size: 1rem;
    font-weight: 800;
    background: rgba(90, 25, 50, .92);
}

@media (max-width: 520px) {
    .sp-intro { margin-bottom: 32px; padding: 20px 16px; }
    .sp-intro-title { font-size: 1.25rem; }
}