/* ==========================================================================
   Mot du Recteur — IUEC2.0 (version 2026-2027)
   1. Compléments pour la section de l'accueil (classes existantes .rector-*)
   2. Page dédiée « mot-du-recteur » (préfixe .iuec-mr)
   ========================================================================== */

/* 1. Accueil ------------------------------------------------------------- */
.iuec-rector-section .rector-image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	height: auto;
}
.iuec-rector-section .rector-welcome {
	font-family: var(--iuec-font-headings, 'Poppins', sans-serif);
	font-size: 1.25rem;
	color: var(--iuec-blue-primary, #002d56);
	margin-bottom: .75rem;
}
.iuec-rector-section .rector-motto {
	font-family: var(--iuec-font-headings, 'Poppins', sans-serif);
	font-weight: 600;
	letter-spacing: .08em;
	color: #9a7a24;
	margin-top: .5rem;
}
.iuec-rector-section .rector-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	margin-top: 1.25rem;
}
.iuec-rector-section .rector-link-en {
	font-weight: 600;
	color: var(--iuec-blue-primary, #002d56);
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 991.98px) {
	.iuec-rector-section .rector-image,
	.iuec-rector-section .rector-info {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* 2. Page dédiée --------------------------------------------------------- */
.iuec-mr {
	--mr-primary: var(--iuec-blue-primary, #002d56);
	--mr-gold: var(--iuec-appel-gold, #c9a646);
	--mr-ink: #1f2d3a;
	--mr-muted: #5b6878;
	--mr-pale: #f4f6f9;
	font-family: var(--iuec-font-body, 'Open Sans', sans-serif);
	color: var(--mr-ink);
	line-height: 1.75;
	overflow-x: clip;
}
.iuec-mr__container { width: min(1140px, calc(100% - 32px)); margin: 0 auto; }

.iuec-mr__hero {
	background: linear-gradient(115deg, rgba(0, 45, 86, .98), rgba(17, 94, 155, .9));
	padding: 64px 0 48px;
	text-align: center;
}
.iuec-mr .iuec-mr__hero .iuec-mr__eyebrow {
	color: var(--mr-gold) !important;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin: 0;
}
.iuec-mr .iuec-mr__hero .iuec-mr__title {
	color: #fff !important;
	font-family: var(--iuec-font-headings, 'Poppins', sans-serif);
	font-size: clamp(2rem, 4.5vw, 3rem);
	margin: 12px 0 18px;
}
.iuec-mr .iuec-mr__hero .iuec-mr__lang {
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 8px;
	padding: 8px 16px;
	text-decoration: none;
	font-weight: 600;
	font-size: .9rem;
}
.iuec-mr .iuec-mr__hero .iuec-mr__lang:hover { background: rgba(255, 255, 255, .12); }

.iuec-mr__layout {
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 48px;
	padding: 56px 0 72px;
	align-items: start;
}
.iuec-mr__aside { position: sticky; top: 110px; }
.iuec-mr__photo { margin: 0; }
.iuec-mr__photo img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--iuec-border-radius-large, 1rem);
	box-shadow: var(--iuec-shadow-large, 0 6px 16px rgba(0, 0, 0, .12));
}
.iuec-mr__photo figcaption { margin-top: 14px; text-align: center; }
.iuec-mr__photo figcaption strong { display: block; color: var(--mr-primary); font-family: var(--iuec-font-headings, 'Poppins', sans-serif); }
.iuec-mr__photo figcaption span { color: var(--mr-muted); font-size: .9rem; }
.iuec-mr__motto {
	text-align: center;
	color: #9a7a24;
	font-family: var(--iuec-font-headings, 'Poppins', sans-serif);
	font-weight: 600;
	letter-spacing: .08em;
	margin-top: 10px;
}

.iuec-mr__content { max-width: 760px; font-size: 1.05rem; }
.iuec-mr__content h2,
.iuec-mr__content h3 {
	font-family: var(--iuec-font-headings, 'Poppins', sans-serif);
	color: var(--mr-primary) !important;
	line-height: 1.3;
	margin: 1.6em 0 .6em;
}
.iuec-mr__content h2:first-child { margin-top: 0; }
.iuec-mr__content ul { padding-left: 1.2rem; }
.iuec-mr__content li { margin: .4em 0; }
.iuec-mr__content .mr-closing {
	border-left: 4px solid var(--mr-gold);
	background: var(--mr-pale);
	padding: 16px 20px;
	border-radius: 0 8px 8px 0;
	font-style: italic;
}
.iuec-mr__content .mr-signature { margin-top: 1.5em; }
.iuec-mr__content .mr-english {
	margin-top: 64px;
	padding-top: 48px;
	border-top: 2px solid var(--mr-pale);
}
.iuec-mr__content [id] { scroll-margin-top: 7rem; }

@media (max-width: 860px) {
	.iuec-mr__layout { grid-template-columns: 1fr; gap: 32px; padding: 40px 0 56px; }
	.iuec-mr__aside { position: static; max-width: 300px; margin: 0 auto; }
}