/* =====================================================================
   family.css — صفحة "أسرة قُرّة أعيُن" (الفريق) فقط  •  بعد site.css
   البطل/الفتات من site.css (q-herowrap / q-pagehero / q-blockhead).
   ===================================================================== */

/* بطاقة عضو الفريق */
.team-card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 30px rgba(20,90,84,.08); display: flex; flex-direction: column; height: 100%; transition: transform .2s, box-shadow .2s; }
.team-card:hover { transform: translateY(-6px); box-shadow: 0 22px 46px rgba(20,90,84,.16); }

/* الصورة (بخلفية ذهبية متدرّجة عند غياب الصورة) */
.team-card__photo {
  position: relative; height: 212px; overflow: hidden;
  background:
    radial-gradient(circle at 28% 26%, rgba(255,226,160,.55), transparent 42%),
    radial-gradient(circle at 74% 64%, rgba(255,198,120,.45), transparent 38%),
    linear-gradient(158deg,#C9A45C 0%,#9A6E33 100%);
}
.team-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.team-card__placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.team-card__avatar { width: 92px; height: 92px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-weight: 800; font-size: 38px; color: var(--track); box-shadow: 0 10px 26px rgba(120,80,20,.32); }
.team-card__note { font-family: monospace; font-size: 11px; letter-spacing: .5px; color: rgba(255,248,235,.92); background: rgba(80,52,16,.32); padding: 5px 11px; border-radius: 20px; }

/* المعلومات */
.team-card__body { padding: 18px 16px 20px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.team-card__name { font-family: var(--font-body); font-weight: 800; font-size: 16px; color: var(--c-ink); margin-bottom: 4px; }
.team-card__role { font-family: var(--font-head); font-weight: 700; font-size: 15px; color: var(--track); margin-bottom: 13px; }
.team-card__link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--c-muted-2); border-top: 1px solid var(--line-2); padding-top: 13px; width: 100%; justify-content: center; }
.team-card__link:hover { color: var(--track); }