/**
 * MedEncyclo Medical Review — front-end component.
 * Scoped entirely to the plugin's wrapper class.
 */

.medencyclo-medical-review {
	--mmr-accent: var(--me-primary, var(--primary-color, #0F4C81));
	--mmr-radius: 10px;
	--mmr-bg: var(--me-card, var(--background-color, #ffffff));
	--mmr-border: var(--me-border, var(--border-color, rgba(10, 16, 20, 0.10)));
	--mmr-muted: var(--me-muted, #52667A);
	--mmr-text: var(--me-text, #1E293B);

	box-sizing: border-box;
	position: relative;
	margin: 0 0 2rem;
	padding: clamp(1.1rem, 2.4vw, 1.5rem);
	background: var(--mmr-bg, #ffffff);
	border: 1px solid var(--mmr-border, rgba(10, 16, 20, 0.10));
	border-radius: var(--mmr-radius, 10px);
	box-shadow: 0 1px 2px rgba(15, 76, 129, 0.05);
	color: var(--mmr-text, #1E293B);
	font-size: 0.98rem;
	line-height: 1.55;
	text-rendering: optimizeLegibility;
	overflow: hidden;
}

.medencyclo-medical-review,
.medencyclo-medical-review *,
.medencyclo-medical-review *::before,
.medencyclo-medical-review *::after {
	box-sizing: border-box;
}

.medencyclo-medical-review::before {
	content: "";
	display: block;
	height: 3px;
	margin: calc(-1 * clamp(1.1rem, 2.4vw, 1.5rem)) calc(-1 * clamp(1.1rem, 2.4vw, 1.5rem)) 1rem;
	background: linear-gradient(90deg, var(--mmr-accent), var(--me-secondary, var(--secondary-color, #00A6A6)) 100%);
	border-radius: var(--mmr-radius, 10px) var(--mmr-radius, 10px) 0 0;
}

.medencyclo-medical-review .medencyclo-mr-badge {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.85rem;
	padding: 0;
	font-family: inherit;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	line-height: 1;
	color: var(--mmr-accent, #0F4C81);
}

.medencyclo-medical-review .medencyclo-mr-check {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	opacity: 0.9;
}

.medencyclo-medical-review .medencyclo-mr-badge-text {
	display: inline-block;
}

.medencyclo-medical-review .medencyclo-mr-body {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

.medencyclo-medical-review .medencyclo-mr-photo-wrap {
	flex: 0 0 auto;
}

.medencyclo-medical-review .medencyclo-mr-photo {
	display: block;
	width: 56px;
	height: 56px;
	max-width: none;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 0 0 2px var(--me-card, #ffffff), 0 0 0 3px var(--me-border, rgba(10, 16, 20, 0.12));
}

.medencyclo-medical-review .medencyclo-mr-person {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.medencyclo-medical-review .medencyclo-mr-name {
	display: block;
	font-size: 1.05rem;
	line-height: 1.35;
	color: var(--mmr-text, #1E293B);
}

.medencyclo-medical-review .medencyclo-mr-name strong {
	font-weight: 700;
}

.medencyclo-medical-review .medencyclo-mr-meta {
	display: block;
	font-size: 0.88rem;
	color: var(--mmr-muted, #52667A);
}

.medencyclo-medical-review .medencyclo-mr-bio {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.85rem;
	color: var(--mmr-muted, #52667A);
	line-height: 1.5;
}

.medencyclo-medical-review .medencyclo-mr-bio p {
	margin: 0 0 0.35rem;
}

.medencyclo-medical-review .medencyclo-mr-bio p:last-child {
	margin-bottom: 0;
}

.medencyclo-medical-review .medencyclo-mr-statement {
	margin: 0.9rem 0 0;
	padding-top: 0.9rem;
	border-top: 1px solid var(--mmr-border, rgba(10, 16, 20, 0.10));
	font-size: 0.92rem;
	color: var(--mmr-muted, #52667A);
}

.medencyclo-medical-review .medencyclo-mr-date-row {
	margin: 0.65rem 0 0;
}

.medencyclo-medical-review .medencyclo-mr-date {
	display: inline-block;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--mmr-accent, #0F4C81);
}

.medencyclo-medical-review.is-compact {
	padding: clamp(0.75rem, 1.8vw, 1rem);
}

.medencyclo-medical-review.is-compact .medencyclo-mr-photo {
	width: 48px;
	height: 48px;
}

.medencyclo-medical-review.is-compact .medencyclo-mr-name {
	font-size: 0.98rem;
}

.medencyclo-medical-review.is-compact .medencyclo-mr-statement {
	font-size: 0.88rem;
}

.medencyclo-medical-review.is-minimal {
	padding: 0.85rem 1rem;
	background: transparent;
	border-color: var(--mmr-border, rgba(10, 16, 20, 0.14));
	border-style: dashed;
	box-shadow: none;
}

.medencyclo-medical-review.is-minimal::before {
	display: none;
}

@media (max-width: 480px) {
	.medencyclo-medical-review .medencyclo-mr-body {
		gap: 0.8rem;
	}

	.medencyclo-medical-review .medencyclo-mr-photo {
		width: 48px;
		height: 48px;
	}

	.medencyclo-medical-review .medencyclo-mr-name {
		font-size: 0.98rem;
	}

	.medencyclo-medical-review .medencyclo-mr-meta,
	.medencyclo-medical-review .medencyclo-mr-bio,
	.medencyclo-medical-review .medencyclo-mr-statement,
	.medencyclo-medical-review .medencyclo-mr-date {
		overflow-wrap: break-word;
	}
}