*/ .su-btns { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.25rem 0; } a.su-btn, a.su-btn:visited { display: inline-flex; align-items: center; gap: .5em; padding: .6rem 1.3rem; background: var(--c-navy); border: 1px solid var(--c-navy); border-radius: 8px; color: var(--c-white); font-weight: 600; line-height: 1.6; text-decoration: none; transition: background-color .15s ease; } a.su-btn:hover, a.su-btn:focus { background: var(--c-navy-deep); border-color: var(--c-navy-deep); color: var(--c-white); } a.su-btn--gold, a.su-btn--accent, a.su-btn--gold:visited { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-navy-deep); } a.su-btn--gold:hover, a.su-btn--accent:hover, a.su-btn--gold:focus, a.su-btn--accent:focus { background: var(--c-navy-deep); border-color: var(--c-navy-deep); color: var(--c-white); } a.su-btn--outline, a.su-btn--outline:visited { background: var(--c-white); color: var(--c-navy); } a.su-btn--outline:hover, a.su-btn--outline:focus { background: var(--c-navy); color: var(--c-white); } a.su-btn::before { font-family: FontAwesome; font-weight: normal; } a.su-btn[href$=".pdf"]::before { content: "\f1c1"; } a.su-btn:is([href$=".doc"], [href$=".docx"])::before { content: "\f1c2"; } a.su-btn[href*="drive.google"]::before { content: "\f019"; } /* خطوات مرقمة:
- العنوان الشرح
..
..
su-member--chief : بطاقة رئيس التحرير بعرض كامل */
.su-members {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.su-member {
display: flex;
flex-direction: column;
padding: 1.1rem 1.25rem;
background: var(--c-white);
border: 1px solid var(--c-line);
border-top: 3px solid var(--c-navy);
border-radius: var(--radius);
}
.su-member--chief {
grid-column: 1 / -1;
background: var(--c-accent-soft);
border-top-color: var(--c-accent-dark);
}
.su-member img {
width: 76px;
height: 76px;
margin-bottom: .6rem;
border-radius: 50%;
object-fit: cover;
}
.su-member h3, .su-member h4 {
margin: 0 0 .25rem;
padding: 0;
border: 0;
font-size: 1.05rem;
line-height: 1.6;
color: var(--c-navy-deep);
}
.su-member p { margin: .15rem 0; font-size: .95rem; line-height: 1.75; color: var(--c-muted); }
.su-member .su-role {
align-self: flex-start;
margin: 0 0 .45rem;
padding: .05rem .65rem;
border-radius: 999px;
background: #EEF2FA;
color: var(--c-navy);
font-size: .8rem;
font-weight: 600;
}
.su-member--chief .su-role { background: var(--c-white); }
.su-member .su-links {
display: flex;
flex-wrap: wrap;
gap: .35rem 1rem;
margin-top: auto;
padding-top: .6rem;
}
.su-member .su-links a { font-size: .9rem; font-weight: 600; text-decoration: none; }
.su-member .su-links a:hover { text-decoration: underline; }
.su-member .su-links a::before {
font-family: FontAwesome;
content: "\f0c1";
margin-inline-end: .35em;
color: var(--c-brand);
font-weight: normal;
}
.su-member .su-links a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
.su-member .su-links a[href^="mailto:"]::before { content: "\f0e0"; }
.su-member .su-links a[href*="scholar.google"]::before { content: "\f19d"; }
.su-member .su-links a:is([href$=".pdf"], [href*="drive.google"], [href*="dspace"])::before { content: "\f15c"; }
/* الاسم مرتبط بملف Google Scholar (معيار DOLJ 8) */
.su-member h3 a { color: inherit; text-decoration: none; }
.su-member h3 a:hover { color: var(--c-link); text-decoration: underline; }
.su-member h3 a[href*="scholar.google"]::after {
font-family: FontAwesome;
content: "\f19d";
margin-inline-start: .4em;
font-size: .8em;
font-weight: normal;
color: var(--c-brand);
}
.su-member .su-spec { color: var(--c-ink); }
.su-member .su-spec strong { color: var(--c-navy); font-weight: 600; }
/* بطاقات مختصرة لقائمة طويلة قليلة البيانات (الهيئة الاستشارية) */
.su-members--compact { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .75rem; }
.su-members--compact .su-member { padding: .85rem 1rem; border-top-width: 2px; }
.su-members--compact .su-member h3 { font-size: 1rem; }
/* سطر «آخر تحديث» */
.su-updated { margin-top: 1.75rem; font-size: .85rem; color: var(--c-muted); }
.su-updated::before { font-family: FontAwesome; content: "\f017"; margin-inline-end: .4em; }
.su-member .su-links a[href*="orcid.org"]::before {
content: "iD";
display: inline-block;
padding: 0 .3em;
border-radius: 4px;
background: #A6CE39;
color: var(--c-ink);
font-family: var(--f-ui);
font-size: .75em;
font-weight: 700;
}
/* شبكة شعارات (الفهرسة، الشركاء):