/*
 * DGA tokens applied to the member profile page (single-member.blade.php /
 * partials/content-single-member.blade.php)
 *
 * Covers timeline task 11 "About: Ministers Resume (avatar + bio + sections)".
 * There is no dedicated DGA guideline template for this page (it isn't in
 * DGA's own template list -- Home/Contact Us/Service/FAQs/Search/
 * e-Participation/About the Entity/Content Page etc. -- and it isn't a
 * criterion in the 56-item checklist either). So this is a token/typography
 * restyle of the theme's existing, already-solid member-profile anatomy
 * (avatar, name, role, contact icons, repeatable bio sections, a highlighted
 * info card, a departments grid), using the same DGA color/spacing/radius/
 * shadow/type-scale tokens applied everywhere else in the theme -- same
 * approach as dga-buttons.css / dga-cards.css: plain class names added
 * alongside the existing Tailwind classes, not a Tailwind rewrite.
 */

/* ---- Name / role (both header layout variants) ---- */
.dga-member-name {
  font-family: var(--font-family-arabic);
  color: var(--text-display);
  font-weight: var(--font-weight-bold);
}
.dga-member-role {
  font-family: var(--font-family-arabic);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}

/* ---- Avatar ---- */
.dga-member-avatar--circle {
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-md);
}
.dga-member-avatar--full {
  border-radius: var(--radius-lg);
}

/* ---- Contact / social icon links ---- */
.dga-member-contact-link {
  color: var(--icon-primary);
  border: 1px solid var(--border-primary-light);
  border-radius: var(--radius-md);
  transition: background-color .15s ease, color .15s ease;
}
.dga-member-contact-link:hover {
  background-color: var(--background-primary-50);
  color: var(--colors-primary-sa-flag-700);
}

/* ---- Bio / info blocks ---- */
.dga-member-info-block__heading {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-lg);
  line-height: var(--line-height-text-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-display);
}
.dga-member-info-block__content {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-md);
  line-height: var(--line-height-text-md);
  color: var(--text-primary-paragraph);
}
.dga-member-info-block__content p {
  margin-block-end: var(--spacing-4) !important;
}
.dga-member-info-block__content p:last-child {
  margin-block-end: 0 !important;
}

/* ---- Highlighted extra-info card ---- */
.dga-member-highlight {
  background-color: var(--background-primary-25);
  border-radius: var(--radius-lg);
}
.dga-member-highlight__heading {
  font-family: var(--font-family-arabic);
  color: var(--text-primary);
  font-weight: var(--font-weight-bold);
}
.dga-member-highlight__content {
  font-family: var(--font-family-arabic);
  color: var(--text-primary-paragraph);
}

/* ---- Sub-departments grid ---- */
.dga-member-departments {
  background-color: var(--background-neutral-50);
  border-radius: var(--radius-lg);
}
.dga-member-departments__title {
  font-family: var(--font-family-arabic);
  color: var(--text-display);
  font-weight: var(--font-weight-bold);
}
.dga-member-department svg,
.dga-member-department img {
  color: var(--icon-primary);
}
.dga-member-department h5 {
  font-family: var(--font-family-arabic);
  color: var(--text-default);
  font-weight: var(--font-weight-medium);
}