/*
 * smh/partner-card, root .smh-partner-card (docs/ARCHITECTURE.md 5.3.4, 5.7). Owner: WP7.
 * The business-card front (Drive brand/business-card-BC.pdf p1) as a web card: white paper inside the petrol top +
 * bottom brackets (.smh-frame), the Arabic name large in petrol-light, the Latin name in grey caps, the role in both
 * languages, the licence line in ink. Variant --profile (Team page, person single): the card larger (5 of 12 columns)
 * beside the bio column (the experience line, the bio, a small register of facts), one column below 820.
 * Logical properties; the card never mirrors anything but text direction. Chromium 114; tokens only.
 */

.smh-partner-card { margin-block: 0; }
.smh-partner-card__card {
	background-color: var(--smh-white);
	padding-block: calc(var(--smh-bracket-arm) + 1.5rem);
	padding-inline: clamp(1.25rem, 3vw, 2.25rem);
}
.smh-partner-card__body > * { margin-block: 0; }
/* No portrait yet (fixer 2026-09-29, design review: five short lines in a large white box read empty): a tighter,
   narrower card. The commissioned portrait restores the full card. */
.smh-partner-card__card:not(:has(.smh-partner-card__portrait)) {
	max-inline-size: 28rem;
	padding-block: calc(var(--smh-bracket-arm) + 1rem);
}

/* Portrait: 4:5, only when the person has a featured image. */
.smh-partner-card__portrait {
	margin: 0 0 var(--wp--preset--spacing--50);
	max-inline-size: 16rem;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background-color: var(--smh-ground);
}
.smh-partner-card__img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }

.smh-partner-card__name {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 700;
	line-height: var(--smh-lh-snug); /* the Arabic floor (1.5; arabic.md, contract 3.3) */
	color: var(--smh-petrol-light);
}
html[lang|="en"] .smh-partner-card__name { line-height: 1.2; }
.smh-partner-card__alt {
	margin-block-start: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: var(--smh-lh-normal);
	color: var(--smh-grey-80);
}
.smh-partner-card__alt--ar { font-size: var(--wp--preset--font-size--medium); line-height: var(--smh-lh-relaxed); }
.smh-partner-card__role {
	margin-block-start: var(--wp--preset--spacing--40);
	font-weight: 500;
	line-height: var(--smh-lh-normal);
	color: var(--smh-petrol-light);
}
.smh-partner-card__title {
	margin-block-start: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--smh-lh-relaxed);
	color: var(--smh-ink);
}
.smh-partner-card__creds {
	margin-block-start: var(--wp--preset--spacing--40);
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--smh-lh-relaxed);
	color: var(--smh-ink);
}
.smh-partner-card__cred-name { font-weight: 500; }
.smh-partner-card__cred-detail { color: var(--smh-muted); }
.smh-partner-card__cred-detail::before { content: " · "; }

.smh-partner-card__links { margin-block-start: var(--wp--preset--spacing--50); }
.smh-partner-card__link,
.smh-partner-card__verify {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	min-block-size: var(--smh-target);
	font-weight: 500;
	color: var(--smh-petrol);
}
.smh-partner-card__tab { inline-size: 1.75rem; block-size: 1.75rem; }
.smh-partner-card__tab svg { inline-size: 1rem; block-size: 1rem; }
.smh-partner-card__ext { flex: none; inline-size: 1rem; block-size: 1rem; }

/* ---------- Profile ---------- */
.smh-partner-card--profile .smh-partner-card__grid { display: grid; gap: var(--wp--preset--spacing--60); align-items: start; }
.smh-partner-card--profile .smh-partner-card__name { font-size: var(--wp--preset--font-size--xxx-large); }
.smh-partner-card--profile .smh-partner-card__role { font-size: var(--wp--preset--font-size--large); }
.smh-partner-card--profile .smh-partner-card__portrait { max-inline-size: 20rem; }

.smh-partner-card__bio > * { margin-block: 0; max-inline-size: var(--smh-measure); }
.smh-partner-card__bio > * + * { margin-block-start: var(--wp--preset--spacing--60); }
.smh-partner-card__lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--smh-lh-loose);
	color: var(--smh-ink);
}
html[lang|="en"] .smh-partner-card__lead { line-height: var(--smh-lh-normal); }
.smh-partner-card__content > * { margin-block: 0; }
.smh-partner-card__content > * + * { margin-block-start: var(--wp--preset--spacing--40); }

/* The facts register: label | value rows on hairlines. */
.smh-partner-card__facts { border-block-start: 1px solid var(--smh-line); }
.smh-partner-card__fact {
	display: grid;
	gap: var(--wp--preset--spacing--10) 1.5rem;
	padding-block: var(--wp--preset--spacing--40);
	border-block-end: 1px solid var(--smh-line);
}
.smh-partner-card__fact dt {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: var(--smh-lh-relaxed);
	color: var(--smh-muted);
}
.smh-partner-card__fact dd { margin: 0; line-height: var(--smh-lh-relaxed); color: var(--smh-ink); }
.smh-partner-card__fact dd .smh-partner-card__link,
.smh-partner-card__fact dd .smh-partner-card__verify { min-block-size: var(--smh-target); }
@media (min-width: 600px) {
	.smh-partner-card__fact { grid-template-columns: minmax(6rem, 1fr) 3fr; align-items: baseline; }
}

/* More people later: plain rows, never cards. */
.smh-partner-card__others { margin-block-start: var(--wp--preset--spacing--80); }
.smh-partner-card__others-title { margin: 0; font-size: var(--wp--preset--font-size--x-large); font-weight: 700; }
.smh-partner-card__rows { margin: var(--wp--preset--spacing--50) 0 0; padding: 0; list-style: none; border-block-end: 1px solid var(--smh-line); }
.smh-partner-card__row { padding-block: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--smh-line); }
.smh-partner-card__row-name { margin: 0; font-size: var(--wp--preset--font-size--large); font-weight: 500; }
.smh-partner-card__row-meta { margin: 0; font-size: var(--wp--preset--font-size--small); color: var(--smh-muted); }

@media (min-width: 820px) {
	.smh-partner-card--profile .smh-partner-card__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--70); }
}
@media (min-width: 1024px) {
	.smh-partner-card--profile .smh-partner-card__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; }
	.smh-partner-card--profile .smh-partner-card__card { grid-column: 1 / span 5; }
	.smh-partner-card--profile .smh-partner-card__bio { grid-column: 7 / span 6; }
}