/* ═══════════════════════════════════════════════
   MonAlternance Theme – Design System
   ═══════════════════════════════════════════════ */

:root {
	--monalt-teal: #0bb5b5;
	--monalt-teal-dark: #099e9e;
	--monalt-teal-light: #e6fafa;
	--monalt-teal-bg: #eef9fa;
	--monalt-navy: #1b2431;
	--monalt-navy-light: #1e2a3a;
	--monalt-text: #1b2431;
	--monalt-text-secondary: #6b7280;
	--monalt-text-tertiary: #9ca3af;
	--monalt-text-inverse: #ffffff;
	--monalt-bg: #f5f6fa;
	--monalt-surface: #ffffff;
	--monalt-border: #e9ecf1;
	--monalt-orange: #f59e0b;
	--monalt-green: #10b981;
	--monalt-coral: #ef5350;
	--monalt-radius: 14px;
	--monalt-radius-sm: 8px;
	--monalt-radius-xl: 20px;
	--monalt-radius-full: 9999px;
	--monalt-shadow: 0 1px 3px rgba(0,0,0,.06);
	--monalt-shadow-md: 0 4px 16px rgba(0,0,0,.08);
	--monalt-shadow-lg: 0 8px 32px rgba(0,0,0,.1);
	--monalt-transition: 200ms cubic-bezier(.4,0,.2,1);
	--monalt-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--monalt-font-script: 'Caveat', cursive;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
	font-family: var(--monalt-font);
	font-size: 16px;
	color: var(--monalt-text);
	background: var(--monalt-bg);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--monalt-teal); text-decoration: none; transition: color var(--monalt-transition); }
a:hover { color: var(--monalt-teal-dark); }

/* ── Container ── */
.monalt-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.monalt-container--narrow { max-width: 800px; }

/* ══════════════════════════════════════
   Top Banner
   ══════════════════════════════════════ */

.monalt-topbar {
	background: linear-gradient(135deg, var(--monalt-navy) 0%, var(--monalt-navy-light) 100%);
	color: var(--monalt-text-inverse);
	text-align: center;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .3px;
}

/* ══════════════════════════════════════
   Header
   ══════════════════════════════════════ */

.monalt-header {
	background: var(--monalt-surface);
	border-bottom: 1px solid var(--monalt-border);
	position: sticky;
	top: 0;
	z-index: 1000;
	height: 64px;
}

.monalt-header__inner {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 24px;
}

/* Logo */
.monalt-logo {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: var(--monalt-text);
	flex-shrink: 0;
}

.monalt-logo__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--monalt-teal);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: -0.5px;
}

.monalt-logo__text {
	font-size: 13px;
	line-height: 1.2;
	color: var(--monalt-text);
}

.monalt-logo__text strong { font-weight: 800; }

.monalt-logo--light .monalt-logo__text { color: var(--monalt-text-inverse); }

/* Navigation */
.monalt-nav { flex: 1; }

.monalt-nav__list {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: center;
}

.monalt-nav__list li a {
	display: block;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: 500;
	color: var(--monalt-text-secondary);
	border-radius: var(--monalt-radius-full);
	transition: all var(--monalt-transition);
	white-space: nowrap;
}

.monalt-nav__list li a:hover,
.monalt-nav__list li.current-menu-item a,
.monalt-nav__list li.current_page_item a {
	color: var(--monalt-teal);
	background: var(--monalt-teal-light);
}

/* Header actions */
.monalt-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.monalt-header__user {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--monalt-text-secondary);
	transition: all var(--monalt-transition);
}

.monalt-header__user:hover {
	background: var(--monalt-teal-light);
	color: var(--monalt-teal);
}

/* Hamburger */
.monalt-hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
}

.monalt-hamburger span {
	display: block;
	width: 100%;
	height: 2px;
	background: var(--monalt-text);
	border-radius: 2px;
	transition: all var(--monalt-transition);
}

.monalt-hamburger.is-active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.monalt-hamburger.is-active span:nth-child(2) { opacity: 0; }
.monalt-hamburger.is-active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ══════════════════════════════════════
   Buttons
   ══════════════════════════════════════ */

.monalt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: var(--monalt-radius-full);
	font-family: var(--monalt-font);
	font-size: 15px;
	font-weight: 600;
	border: 2px solid transparent;
	cursor: pointer;
	transition: all var(--monalt-transition);
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.2;
}

.monalt-btn--primary {
	background: var(--monalt-teal);
	color: #fff;
	border-color: var(--monalt-teal);
}

.monalt-btn--primary:hover {
	background: var(--monalt-teal-dark);
	border-color: var(--monalt-teal-dark);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: var(--monalt-shadow-md);
}

.monalt-btn--outline {
	background: transparent;
	color: var(--monalt-text);
	border-color: var(--monalt-border);
}

.monalt-btn--outline:hover {
	border-color: var(--monalt-teal);
	color: var(--monalt-teal);
}

.monalt-btn--sm {
	padding: 8px 18px;
	font-size: 13px;
}

.monalt-btn--lg {
	padding: 16px 32px;
	font-size: 17px;
}

/* ══════════════════════════════════════
   Hero Section
   ══════════════════════════════════════ */

.monalt-hero {
	background: linear-gradient(180deg, var(--monalt-teal-bg) 0%, var(--monalt-bg) 100%);
	padding: 80px 0 60px;
	text-align: center;
}

.monalt-hero__title {
	font-size: 48px;
	font-weight: 800;
	color: var(--monalt-text);
	line-height: 1.15;
	margin-bottom: 16px;
}

.monalt-hero__title em {
	font-family: var(--monalt-font-script);
	font-style: normal;
	color: var(--monalt-teal);
	font-weight: 700;
}

.monalt-hero__subtitle {
	font-size: 17px;
	color: var(--monalt-text-secondary);
	max-width: 520px;
	margin: 0 auto 32px;
	line-height: 1.6;
}

.monalt-hero__cta {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

/* Search bar in hero */
.monalt-searchbox {
	max-width: 680px;
	margin: 0 auto;
	background: var(--monalt-surface);
	border-radius: var(--monalt-radius-xl);
	padding: 24px;
	box-shadow: var(--monalt-shadow-lg);
}

.monalt-searchbox__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	font-size: 14px;
	color: var(--monalt-text-secondary);
}

.monalt-searchbox__label a {
	font-size: 13px;
	font-weight: 600;
}

.monalt-searchbox__fields {
	display: flex;
	gap: 12px;
	align-items: stretch;
}

.monalt-searchbox__field {
	flex: 1;
	position: relative;
}

.monalt-searchbox__field label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: var(--monalt-text);
	margin-bottom: 4px;
	padding-left: 36px;
}

.monalt-searchbox__field svg {
	position: absolute;
	left: 10px;
	bottom: 12px;
	width: 18px;
	height: 18px;
	color: var(--monalt-text-tertiary);
}

.monalt-searchbox__field input {
	width: 100%;
	height: 44px;
	padding: 0 12px 0 36px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-sm);
	font-size: 14px;
	font-family: var(--monalt-font);
	color: var(--monalt-text);
	background: var(--monalt-bg);
	outline: none;
	transition: border-color var(--monalt-transition);
}

.monalt-searchbox__field input:focus {
	border-color: var(--monalt-teal);
	box-shadow: 0 0 0 3px var(--monalt-teal-light);
}

.monalt-searchbox__submit {
	flex-shrink: 0;
	align-self: flex-end;
}

/* ══════════════════════════════════════
   Section Base
   ══════════════════════════════════════ */

.monalt-section {
	padding: 80px 0;
}

.monalt-section--alt { background: var(--monalt-surface); }
.monalt-section--teal { background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%); color: #fff; }

.monalt-section__title {
	font-size: 32px;
	font-weight: 800;
	color: var(--monalt-teal);
	text-align: center;
	margin-bottom: 8px;
	line-height: 1.2;
}

.monalt-section--teal .monalt-section__title { color: #fff; }

.monalt-section__subtitle {
	font-size: 16px;
	color: var(--monalt-text-secondary);
	text-align: center;
	margin-bottom: 48px;
}

.monalt-section--teal .monalt-section__subtitle { color: rgba(255,255,255,.8); }

/* ══════════════════════════════════════
   Badge "Vérifiée"
   ══════════════════════════════════════ */

.monalt-verified {
	display: flex;
	align-items: center;
	gap: 48px;
	max-width: 800px;
	margin: 0 auto;
}

.monalt-verified__badge {
	flex-shrink: 0;
	width: 200px;
	height: 200px;
	border-radius: 24px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal-bg) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.monalt-verified__circle {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--monalt-green) 0%, var(--monalt-teal) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 8px 24px rgba(16, 185, 129, .3);
}

.monalt-verified__content h3 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.monalt-verified__content p {
	font-size: 15px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
}

.monalt-verified__banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 20px 28px;
	margin-top: 40px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	gap: 20px;
	flex-wrap: wrap;
}

.monalt-verified__banner p {
	font-size: 15px;
	font-weight: 600;
	color: var(--monalt-text);
	flex: 1;
}

.monalt-verified__banner p span {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: var(--monalt-text-secondary);
	margin-top: 2px;
}

/* ══════════════════════════════════════
   3 Espaces Cards
   ══════════════════════════════════════ */

.monalt-spaces {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.monalt-space-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 28px;
	transition: all var(--monalt-transition);
}

.monalt-space-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-space-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.monalt-space-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--monalt-teal-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.monalt-space-card__icon svg {
	width: 22px;
	height: 22px;
	color: var(--monalt-teal);
}

.monalt-space-card__badge {
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: var(--monalt-radius-full);
}

.monalt-space-card__badge--candidat { background: var(--monalt-teal-light); color: var(--monalt-teal); }
.monalt-space-card__badge--entreprise { background: #fef3c7; color: var(--monalt-orange); }
.monalt-space-card__badge--etablissement { background: #fce7f3; color: #ec4899; }

.monalt-space-card h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.monalt-space-card ul {
	list-style: none;
	margin-bottom: 16px;
}

.monalt-space-card ul li {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	padding: 3px 0;
	padding-left: 16px;
	position: relative;
}

.monalt-space-card ul li::before {
	content: '•';
	position: absolute;
	left: 0;
	color: var(--monalt-teal);
	font-weight: 700;
}

.monalt-space-card__link {
	font-size: 14px;
	font-weight: 600;
}

/* ══════════════════════════════════════
   Job Cards (offers)
   ══════════════════════════════════════ */

.monalt-offers-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.monalt-offers-header a {
	font-size: 14px;
	font-weight: 600;
}

.monalt-offers-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.monalt-offer-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px;
	transition: all var(--monalt-transition);
	display: flex;
	flex-direction: column;
}

.monalt-offer-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-offer-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 12px;
}

.monalt-offer-card__logo {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--monalt-bg);
	border: 1px solid var(--monalt-border);
	object-fit: contain;
}

.monalt-badge-verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--monalt-teal-light);
	color: var(--monalt-teal);
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: var(--monalt-radius-full);
}

.monalt-offer-card h3 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1.3;
}

.monalt-offer-card__desc {
	font-size: 13px;
	color: var(--monalt-text-secondary);
	margin-bottom: 12px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.monalt-offer-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.monalt-tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: var(--monalt-text-secondary);
	background: var(--monalt-bg);
	padding: 4px 10px;
	border-radius: var(--monalt-radius-full);
}

.monalt-tag svg { width: 12px; height: 12px; }

.monalt-offer-card__salary {
	font-size: 15px;
	font-weight: 700;
	color: var(--monalt-green);
	margin-bottom: 16px;
	margin-top: auto;
}

.monalt-offer-card__salary span {
	font-weight: 400;
	font-size: 13px;
	color: var(--monalt-text-tertiary);
	margin-left: 8px;
}

.monalt-offer-card .monalt-btn { width: 100%; }

/* ══════════════════════════════════════
   Partners Carousel
   ══════════════════════════════════════ */

.monalt-partners {
	padding: 40px 0;
	border-top: 1px solid var(--monalt-border);
	border-bottom: 1px solid var(--monalt-border);
	overflow: hidden;
}

.monalt-partners__track {
	display: flex;
	gap: 48px;
	align-items: center;
	animation: monalt-scroll 30s linear infinite;
}

.monalt-partners__track img {
	height: 32px;
	opacity: .4;
	filter: grayscale(1);
	transition: all var(--monalt-transition);
	flex-shrink: 0;
}

.monalt-partners__track img:hover {
	opacity: 1;
	filter: grayscale(0);
}

@keyframes monalt-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* ══════════════════════════════════════
   "Pourquoi" Feature Grid
   ══════════════════════════════════════ */

.monalt-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	max-width: 800px;
	margin: 0 auto;
}

.monalt-feature {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.monalt-feature__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.monalt-feature__icon--teal { background: rgba(255,255,255,.15); }
.monalt-feature__icon--coral { background: rgba(239,83,80,.15); }

.monalt-feature__icon svg { width: 24px; height: 24px; color: #fff; }

.monalt-feature h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
	color: #fff;
}

.monalt-feature p {
	font-size: 14px;
	color: rgba(255,255,255,.7);
	line-height: 1.5;
}

/* ══════════════════════════════════════
   Testimonials
   ══════════════════════════════════════ */

.monalt-testimonials {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-testimonial {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px;
}

.monalt-testimonial__quote {
	color: var(--monalt-teal);
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 12px;
	font-family: serif;
}

.monalt-testimonial p {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.6;
	margin-bottom: 16px;
}

.monalt-testimonial__author {
	display: flex;
	align-items: center;
	gap: 10px;
}

.monalt-testimonial__avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--monalt-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	color: var(--monalt-text-secondary);
}

.monalt-testimonial__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--monalt-text);
}

.monalt-testimonial__location {
	font-size: 12px;
	color: var(--monalt-text-tertiary);
}

/* ══════════════════════════════════════
   Footer
   ══════════════════════════════════════ */

.monalt-footer {
	background: var(--monalt-navy);
	color: var(--monalt-text-inverse);
	padding: 60px 0 30px;
}

.monalt-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	margin-bottom: 40px;
}

.monalt-footer__desc {
	font-size: 14px;
	color: rgba(255,255,255,.6);
	line-height: 1.6;
	margin-top: 16px;
}

.monalt-footer__heading {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,.5);
	margin-bottom: 16px;
}

.monalt-footer__links {
	list-style: none;
}

.monalt-footer__links li { margin-bottom: 8px; }

.monalt-footer__links a {
	font-size: 14px;
	color: rgba(255,255,255,.7);
	transition: color var(--monalt-transition);
}

.monalt-footer__links a:hover { color: var(--monalt-teal); }

.monalt-footer__bottom {
	border-top: 1px solid rgba(255,255,255,.1);
	padding-top: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.monalt-footer__contact {
	display: flex;
	align-items: center;
	gap: 16px;
}

.monalt-footer__email {
	color: var(--monalt-orange) !important;
	font-size: 14px;
	font-weight: 500;
}

.monalt-footer__tagline {
	font-size: 13px;
	color: rgba(255,255,255,.4);
	font-style: italic;
}

/* ══════════════════════════════════════
   Blog Cards / Posts Grid
   ══════════════════════════════════════ */

.monalt-posts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}

.monalt-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	overflow: hidden;
	transition: all var(--monalt-transition);
}

.monalt-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-card__thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.monalt-card__body { padding: 20px; }

.monalt-card__title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1.3;
}

.monalt-card__title a { color: var(--monalt-text); }
.monalt-card__title a:hover { color: var(--monalt-teal); }

.monalt-card__meta {
	font-size: 13px;
	color: var(--monalt-text-tertiary);
	margin-bottom: 8px;
}

.monalt-card__excerpt {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.5;
}

/* ══════════════════════════════════════
   Page / Content
   ══════════════════════════════════════ */

.monalt-main { padding: 40px 0; min-height: 60vh; }

.monalt-page-header { margin-bottom: 32px; }

.monalt-page-title {
	font-size: 32px;
	font-weight: 800;
	color: var(--monalt-text);
}

.monalt-content {
	font-size: 16px;
	line-height: 1.8;
	color: var(--monalt-text-secondary);
}

.monalt-content h2 { font-size: 24px; font-weight: 700; color: var(--monalt-text); margin: 32px 0 12px; }
.monalt-content h3 { font-size: 20px; font-weight: 700; color: var(--monalt-text); margin: 24px 0 8px; }
.monalt-content p { margin-bottom: 16px; }
.monalt-content ul, .monalt-content ol { margin-bottom: 16px; padding-left: 24px; }
.monalt-content li { margin-bottom: 4px; }
.monalt-content img { border-radius: var(--monalt-radius); margin: 24px 0; }
.monalt-content blockquote { border-left: 3px solid var(--monalt-teal); padding-left: 20px; margin: 24px 0; font-style: italic; }

/* ══════════════════════════════════════
   Single Post
   ══════════════════════════════════════ */

.monalt-single__header { margin-bottom: 32px; }
.monalt-single__meta { font-size: 13px; color: var(--monalt-text-tertiary); margin-bottom: 8px; }
.monalt-single__title { font-size: 36px; font-weight: 800; line-height: 1.2; margin-bottom: 24px; }
.monalt-single__thumb { margin-bottom: 32px; border-radius: var(--monalt-radius); overflow: hidden; }
.monalt-single__thumb img { width: 100%; }

.monalt-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.monalt-tags a { font-size: 13px; background: var(--monalt-teal-light); color: var(--monalt-teal); padding: 4px 12px; border-radius: var(--monalt-radius-full); font-weight: 500; }

.monalt-post-nav { display: flex; justify-content: space-between; padding-top: 24px; border-top: 1px solid var(--monalt-border); }
.monalt-post-nav a { font-size: 14px; font-weight: 500; }

/* ══════════════════════════════════════
   404
   ══════════════════════════════════════ */

.monalt-404 { text-align: center; padding: 80px 0; }
.monalt-404__code { font-size: 120px; font-weight: 900; color: var(--monalt-teal); line-height: 1; opacity: .15; }
.monalt-404__title { font-size: 28px; font-weight: 800; margin-bottom: 12px; }
.monalt-404__text { font-size: 16px; color: var(--monalt-text-secondary); margin-bottom: 24px; }

/* ══════════════════════════════════════
   Pagination
   ══════════════════════════════════════ */

.monalt-pagination .nav-links { display: flex; gap: 8px; justify-content: center; }
.monalt-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--monalt-radius-sm); font-size: 14px; font-weight: 500; color: var(--monalt-text-secondary); background: var(--monalt-surface); border: 1px solid var(--monalt-border); transition: all var(--monalt-transition); }
.monalt-pagination .page-numbers.current, .monalt-pagination .page-numbers:hover { background: var(--monalt-teal); color: #fff; border-color: var(--monalt-teal); }

/* ══════════════════════════════════════
   Utility
   ══════════════════════════════════════ */

.monalt-text-teal { color: var(--monalt-teal); }

/* ══════════════════════════════════════
   Hero badges row
   ══════════════════════════════════════ */

.monalt-hero__badges {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

.monalt-hero__badge--filled {
	background: var(--monalt-teal-light);
	border-color: var(--monalt-teal-light);
	color: var(--monalt-teal);
	font-weight: 600;
}

/* ══════════════════════════════════════
   4 Steps
   ══════════════════════════════════════ */

.monalt-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 28px 16px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	transition: all var(--monalt-transition);
}

.monalt-step:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-step__icon {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: var(--monalt-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	color: var(--monalt-text-secondary);
}

.monalt-step__icon--teal {
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	color: #fff;
}

.monalt-step--active .monalt-step__label { font-weight: 700; color: var(--monalt-teal); }

.monalt-step__label {
	font-size: 14px;
	font-weight: 600;
	color: var(--monalt-text);
	line-height: 1.4;
}

/* ══════════════════════════════════════
   Feature Card (image + text)
   ══════════════════════════════════════ */

.monalt-feature-card {
	display: flex;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-xl);
	overflow: hidden;
}

.monalt-feature-card__visual {
	flex: 0 0 280px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.monalt-feature-card__content {
	padding: 36px 40px;
	flex: 1;
}

.monalt-feature-card__content h2 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 16px;
}

.monalt-feature-card__content p {
	font-size: 15px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
	margin-bottom: 24px;
}

/* ══════════════════════════════════════
   Établissements partenaires
   ══════════════════════════════════════ */

.monalt-etablissements {
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
}

.monalt-etablissements__header { margin-bottom: 28px; }

.monalt-etablissements__grid {
	display: grid;
	grid-template-columns: 1fr repeat(2, 1fr);
	grid-template-rows: auto auto;
	gap: 16px;
}

.monalt-etablissements__stat {
	grid-row: 1 / 3;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, #d0f4f4 100%);
	border-radius: var(--monalt-radius);
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.monalt-etablissements__number {
	font-size: 48px;
	font-weight: 900;
	color: var(--monalt-teal);
	line-height: 1;
	margin-bottom: 12px;
}

.monalt-etablissements__text {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.4;
}

.monalt-school-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 20px;
	transition: all var(--monalt-transition);
}

.monalt-school-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-school-card__icon {
	font-size: 28px;
	margin-bottom: 10px;
}

.monalt-school-card__name {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
}

.monalt-school-card__type {
	font-size: 13px;
	color: var(--monalt-text-secondary);
}

/* ══════════════════════════════════════
   CV Tips (tabs)
   ══════════════════════════════════════ */

.monalt-cv-section {
	display: flex;
	gap: 48px;
	align-items: flex-start;
}

.monalt-cv-section__left {
	flex: 1;
	min-width: 0;
}

.monalt-cv-section__right {
	flex: 1;
	min-width: 0;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-xl);
	padding: 28px;
}

.monalt-cv-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.monalt-cv-tab {
	padding: 8px 18px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-full);
	background: none;
	font-family: var(--monalt-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--monalt-text-secondary);
	cursor: pointer;
	transition: all var(--monalt-transition);
}

.monalt-cv-tab:hover { border-color: var(--monalt-teal); color: var(--monalt-teal); }

.monalt-cv-tab.is-active {
	background: var(--monalt-teal-light);
	border-color: var(--monalt-teal);
	color: var(--monalt-teal);
}

.monalt-cv-panel { display: none; }
.monalt-cv-panel.is-active { display: block; }

.monalt-cv-panel h4 {
	font-size: 15px;
	font-weight: 600;
	color: var(--monalt-text-secondary);
	margin-bottom: 16px;
}

.monalt-cv-list {
	list-style: none;
	counter-reset: cv-step;
}

.monalt-cv-list li {
	counter-increment: cv-step;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	font-size: 14px;
	color: var(--monalt-text);
	border-bottom: 1px solid var(--monalt-border);
}

.monalt-cv-list li:last-child { border-bottom: none; }

.monalt-cv-list li::before {
	content: counter(cv-step);
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--monalt-teal);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ══════════════════════════════════════
   CTA Box (rounded, light bg)
   ══════════════════════════════════════ */

.monalt-cta-box {
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 48px;
	text-align: center;
}

.monalt-cta-box h2 {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 12px;
}

.monalt-cta-box p {
	font-size: 15px;
	color: var(--monalt-text-secondary);
	max-width: 560px;
	margin: 0 auto 24px;
	line-height: 1.6;
}

/* ══════════════════════════════════════
   Advantages Bar
   ══════════════════════════════════════ */

.monalt-advantages-bar {
	margin-top: 32px;
}

.monalt-advantages-bar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap;
}

.monalt-advantages-bar__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--monalt-text);
	white-space: nowrap;
}

.monalt-advantages-bar__item svg { color: var(--monalt-teal); flex-shrink: 0; }

/* ══════════════════════════════════════
   Recruiter Block (text + mini dashboard)
   ══════════════════════════════════════ */

.monalt-recruiter-block {
	display: flex;
	gap: 48px;
	align-items: center;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-xl);
	padding: 48px;
}

.monalt-recruiter-block__left { flex: 1; }
.monalt-recruiter-block__right { flex: 0 0 320px; }

.monalt-mini-dashboard {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 20px;
	box-shadow: var(--monalt-shadow-md);
}

.monalt-mini-dashboard__field { margin-bottom: 10px; }

.monalt-mini-dashboard__field label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: var(--monalt-text-tertiary);
	margin-bottom: 4px;
}

.monalt-mini-dashboard__input {
	height: 36px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-sm);
	padding: 0 10px;
	font-size: 13px;
	color: var(--monalt-text-secondary);
	display: flex;
	align-items: center;
	background: var(--monalt-bg);
}

.monalt-mini-dashboard__row {
	display: flex;
	gap: 8px;
}

.monalt-mini-dashboard__field--half { flex: 1; }

.monalt-mini-dashboard__candidate {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0;
	font-size: 13px;
}

.monalt-mini-dashboard__avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	flex-shrink: 0;
}

.monalt-mini-dashboard__badge-active {
	font-size: 11px;
	font-weight: 600;
	color: var(--monalt-green);
	background: #d1fae5;
	padding: 2px 8px;
	border-radius: var(--monalt-radius-full);
	margin-left: auto;
}

.monalt-mini-dashboard__candidate a {
	font-size: 12px;
	font-weight: 600;
}

/* ══════════════════════════════════════
   Simulator
   ══════════════════════════════════════ */

.monalt-simulator {
	display: flex;
	gap: 32px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
}

.monalt-simulator__form { flex: 1; }
.monalt-simulator__results { flex: 0 0 340px; }

.monalt-simulator h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}

.monalt-simulator__results h3 { color: var(--monalt-teal); }

.monalt-simulator__field {
	margin-bottom: 16px;
}

.monalt-simulator__field label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--monalt-text);
	margin-bottom: 6px;
}

.monalt-simulator__field input,
.monalt-simulator__field select {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-sm);
	font-size: 14px;
	font-family: var(--monalt-font);
	color: var(--monalt-text);
	background: var(--monalt-bg);
	outline: none;
	transition: border-color var(--monalt-transition);
}

.monalt-simulator__field input:focus,
.monalt-simulator__field select:focus {
	border-color: var(--monalt-teal);
	box-shadow: 0 0 0 3px var(--monalt-teal-light);
}

.monalt-simulator__row {
	display: flex;
	gap: 16px;
}

.monalt-simulator__row .monalt-simulator__field { flex: 1; }

.monalt-simulator__toggle {
	display: flex;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-full);
	overflow: hidden;
}

.monalt-simulator__toggle-btn {
	flex: 1;
	padding: 10px 20px;
	border: none;
	background: none;
	font-family: var(--monalt-font);
	font-size: 14px;
	font-weight: 600;
	color: var(--monalt-text-secondary);
	cursor: pointer;
	transition: all var(--monalt-transition);
}

.monalt-simulator__toggle-btn.is-active {
	background: var(--monalt-teal);
	color: #fff;
}

.monalt-simulator__checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--monalt-text-secondary);
	cursor: pointer;
}

.monalt-simulator__checkbox input { width: auto; height: auto; }

.monalt-simulator__result-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid var(--monalt-border);
	font-size: 14px;
}

.monalt-simulator__result-row span { color: var(--monalt-text-secondary); }
.monalt-simulator__result-row strong { color: var(--monalt-teal); font-size: 15px; }

.monalt-simulator__summary {
	margin-top: 20px;
	background: var(--monalt-teal-bg);
	border: 1px solid var(--monalt-teal-light);
	border-radius: var(--monalt-radius);
	padding: 20px;
}

.monalt-simulator__summary p {
	font-size: 13px;
	color: var(--monalt-text-secondary);
	line-height: 1.6;
	margin-bottom: 8px;
}

.monalt-simulator__summary ul {
	list-style: none;
	margin-bottom: 12px;
}

.monalt-simulator__summary ul li {
	font-size: 13px;
	color: var(--monalt-text-secondary);
	padding: 2px 0;
}

.monalt-simulator__summary ul li strong { color: var(--monalt-text); }

.monalt-simulator__disclaimer {
	font-size: 12px;
	font-style: italic;
	color: var(--monalt-text-tertiary);
	margin-bottom: 0 !important;
}

/* ══════════════════════════════════════
   Candidatures Block
   ══════════════════════════════════════ */

.monalt-candidatures-block {
	display: flex;
	gap: 48px;
	align-items: center;
}

.monalt-candidatures-block__visual { flex: 0 0 260px; }
.monalt-candidatures-block__content { flex: 1; }

.monalt-candidatures-mockup {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px;
	box-shadow: var(--monalt-shadow-md);
}

.monalt-status-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0;
	font-size: 13px;
	color: var(--monalt-text-secondary);
}

.monalt-status-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	flex-shrink: 0;
}

.monalt-info-banner {
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	color: #fff;
	padding: 16px 24px;
	border-radius: var(--monalt-radius);
	font-size: 14px;
	font-weight: 500;
}

/* ══════════════════════════════════════
   Single Testimonial (centered)
   ══════════════════════════════════════ */

.monalt-testimonial-single {
	max-width: 600px;
	margin: 0 auto;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
	text-align: center;
}

.monalt-testimonial-single p {
	font-size: 15px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
	margin-bottom: 24px;
}

.monalt-testimonial-single__author {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
}

/* ══════════════════════════════════════
   Hero Banner (bottom strip)
   ══════════════════════════════════════ */

.monalt-hero-banner {
	margin-top: 32px;
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	color: #fff;
	padding: 14px 0;
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	white-space: nowrap;
}

.monalt-marquee-track {
	display: inline-flex;
	align-items: center;
	gap: 40px;
	animation: monalt-marquee 25s linear infinite;
}

.monalt-marquee-dot {
	font-size: 10px;
	opacity: .6;
}

@keyframes monalt-marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* ══════════════════════════════════════
   Control Block (text + preview card)
   ══════════════════════════════════════ */

.monalt-control-block {
	display: flex;
	gap: 48px;
	align-items: flex-start;
}

.monalt-control-block__left { flex: 1; }
.monalt-control-block__right { flex: 0 0 360px; }

.monalt-mini-steps {
	display: flex;
	gap: 12px;
}

.monalt-mini-step {
	flex: 1;
	text-align: center;
	padding: 20px 12px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	transition: all var(--monalt-transition);
}

.monalt-mini-step { cursor: pointer; }
.monalt-mini-step:hover { box-shadow: var(--monalt-shadow); }

.monalt-mini-step--active {
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal) 100%);
	border-color: transparent;
	color: #fff;
}

.monalt-mini-step--active span { color: #fff; }

.monalt-mini-step__icon {
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--monalt-text-secondary);
}

.monalt-mini-step--active .monalt-mini-step__icon { color: #fff; }

.monalt-mini-step span {
	font-size: 12px;
	font-weight: 600;
	color: var(--monalt-text-secondary);
	line-height: 1.4;
}

/* ══════════════════════════════════════
   Formation Preview Card
   ══════════════════════════════════════ */

.monalt-formation-preview {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 28px;
	box-shadow: var(--monalt-shadow-md);
}

.monalt-formation-preview__badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: var(--monalt-teal);
	background: var(--monalt-teal-light);
	padding: 4px 12px;
	border-radius: var(--monalt-radius-full);
	margin-bottom: 12px;
}

.monalt-formation-preview__school {
	font-size: 13px;
	color: var(--monalt-text-secondary);
	margin-bottom: 8px;
}

.monalt-formation-preview h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.monalt-formation-preview__location {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--monalt-text-secondary);
	margin-bottom: 16px;
}

.monalt-formation-preview__location svg { color: var(--monalt-teal); flex-shrink: 0; }

.monalt-formation-preview__link {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 500;
}

/* ══════════════════════════════════════
   Schools Row (5 columns)
   ══════════════════════════════════════ */

.monalt-schools-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.monalt-school-card-full {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 20px;
	text-align: center;
	transition: all var(--monalt-transition);
}

.monalt-school-card-full:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-school-card-full__icon { font-size: 32px; margin-bottom: 10px; }

.monalt-school-card-full h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; }

.monalt-school-card-full__stars {
	color: var(--monalt-orange);
	font-size: 14px;
	letter-spacing: 1px;
}

.monalt-school-card-full__rating {
	display: block;
	font-size: 12px;
	color: var(--monalt-text-tertiary);
	margin-bottom: 10px;
}

.monalt-school-card-full__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 12px;
	color: var(--monalt-text-secondary);
	margin-bottom: 4px;
}

/* ══════════════════════════════════════
   Relation Block (notif + text)
   ══════════════════════════════════════ */

.monalt-relation-block {
	display: flex;
	gap: 48px;
	align-items: center;
}

.monalt-relation-block__notif {
	flex: 0 0 340px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px;
	box-shadow: var(--monalt-shadow);
}

.monalt-relation-block__notif p {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.6;
	margin-bottom: 16px;
}

.monalt-relation-block__content { flex: 1; }

/* ══════════════════════════════════════
   Diploma Chips
   ══════════════════════════════════════ */

.monalt-diploma-chips {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.monalt-diploma-chip {
	display: inline-block;
	padding: 8px 20px;
	background: var(--monalt-teal);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: var(--monalt-radius-full);
	transition: all var(--monalt-transition);
	text-decoration: none;
}

.monalt-diploma-chip.is-active {
	background: var(--monalt-teal-dark);
	box-shadow: 0 0 0 3px rgba(0, 178, 169, .3);
	transform: scale(1.05);
}

.monalt-diploma-chip:hover {
	background: var(--monalt-teal-dark);
	color: #fff;
	transform: translateY(-1px);
}

/* ══════════════════════════════════════
   Formations Header (stat + title)
   ══════════════════════════════════════ */

.monalt-formations-header {
	display: flex;
	gap: 32px;
	align-items: center;
	margin-bottom: 32px;
	text-align: left;
}

.monalt-formations-header__stat {
	flex: 0 0 140px;
	text-align: center;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius);
	padding: 24px 16px;
}

.monalt-formations-header__number {
	display: block;
	font-size: 42px;
	font-weight: 900;
	color: var(--monalt-teal);
	line-height: 1;
	margin-bottom: 8px;
}

.monalt-formations-header__stat span:not(.monalt-formations-header__number) {
	font-size: 12px;
	color: var(--monalt-text-secondary);
	line-height: 1.4;
}

/* ══════════════════════════════════════
   Formation Cards (gradient top)
   ══════════════════════════════════════ */

.monalt-formation-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.monalt-formation-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	overflow: hidden;
	transition: all var(--monalt-transition);
}

.monalt-formation-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-formation-card__top {
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal) 100%);
	padding: 40px 20px 16px;
}

.monalt-formation-card__school {
	display: inline-block;
	background: rgba(255,255,255,.9);
	padding: 4px 12px;
	border-radius: var(--monalt-radius-full);
	font-size: 12px;
	font-weight: 600;
	color: var(--monalt-text);
}

.monalt-formation-card__body { padding: 20px; }

.monalt-formation-card__badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: var(--monalt-teal);
	margin-bottom: 6px;
}

.monalt-formation-card__body h3 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 12px;
}

.monalt-formation-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.monalt-formation-card__tags span {
	font-size: 12px;
	color: var(--monalt-text-secondary);
	background: var(--monalt-bg);
	padding: 4px 10px;
	border-radius: var(--monalt-radius-full);
}

/* ══════════════════════════════════════
   Hero Pill (Acteurs page)
   ══════════════════════════════════════ */

.monalt-hero-pill {
	display: inline-flex;
	align-items: center;
	gap: 0;
	margin-bottom: 16px;
}

.monalt-hero-pill__prefix {
	font-size: 15px;
	font-weight: 500;
	color: var(--monalt-text-secondary);
	padding-right: 12px;
}

.monalt-hero-pill__main {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	font-style: italic;
	padding: 12px 28px;
	border-radius: var(--monalt-radius-full);
}

/* ══════════════════════════════════════
   Acteurs Intro (teal section)
   ══════════════════════════════════════ */

.monalt-acteurs-intro {
	display: flex;
	gap: 40px;
	align-items: center;
}

.monalt-acteurs-intro__text {
	flex: 0 0 320px;
	background: rgba(255,255,255,.12);
	border-radius: var(--monalt-radius);
	padding: 24px;
}

.monalt-acteurs-intro__text p {
	font-size: 15px;
	color: rgba(255,255,255,.9);
	line-height: 1.6;
}

.monalt-acteurs-intro__icons {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.monalt-acteur-icon-card {
	background: var(--monalt-surface);
	border-radius: var(--monalt-radius);
	padding: 20px 12px;
	text-align: center;
	transition: all var(--monalt-transition);
}

.monalt-acteur-icon-card:hover { transform: translateY(-2px); box-shadow: var(--monalt-shadow-md); }

.monalt-acteur-icon-card__icon { font-size: 28px; margin-bottom: 8px; }

.monalt-acteur-icon-card span {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--monalt-text);
	line-height: 1.3;
}

/* ══════════════════════════════════════
   Acteurs Card (localisez)
   ══════════════════════════════════════ */

.monalt-acteurs-card {
	display: flex;
	gap: 32px;
	align-items: center;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
	text-align: left;
}

.monalt-acteurs-card__content { flex: 1; }

.monalt-acteurs-card__content h3 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 12px;
}

.monalt-acteurs-card__content p {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
	margin-bottom: 16px;
}

.monalt-acteurs-card__visual {
	flex: 0 0 220px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monalt-acteurs-card__map {
	background: var(--monalt-surface);
	border-radius: var(--monalt-radius);
	padding: 16px;
	box-shadow: var(--monalt-shadow);
}

/* ══════════════════════════════════════
   Secteurs Grid (2 rows)
   ══════════════════════════════════════ */

.monalt-secteurs-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.monalt-secteur-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 12px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	text-decoration: none;
	transition: all var(--monalt-transition);
}

.monalt-secteur-tile:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
	border-color: var(--monalt-teal);
}

.monalt-secteur-tile__icon { font-size: 28px; line-height: 1; }

.monalt-secteur-tile__label {
	font-size: 12px;
	font-weight: 600;
	color: var(--monalt-text);
	text-align: center;
	line-height: 1.3;
}

/* ══════════════════════════════════════
   Mission Card (carousel item)
   ══════════════════════════════════════ */

.monalt-mission-card {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
}

.monalt-mission-card__icon {
	flex-shrink: 0;
	text-align: center;
}

.monalt-mission-card__content { flex: 1; }

.monalt-mission-card__content h3 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 12px;
}

.monalt-mission-card__section-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--monalt-teal);
	margin-bottom: 4px;
	text-decoration: underline;
}

.monalt-mission-card__content p {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.6;
	margin-bottom: 12px;
}

.monalt-mission-card__services {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.monalt-mission-card__services span {
	display: inline-block;
	padding: 6px 14px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-full);
	font-size: 13px;
	color: var(--monalt-text-secondary);
}

/* ══════════════════════════════════════
   Carousel Dots
   ══════════════════════════════════════ */

.monalt-carousel-dots {
	display: flex;
	gap: 8px;
	justify-content: center;
}

.monalt-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--monalt-border);
	transition: all var(--monalt-transition);
}

.monalt-dot--active { background: var(--monalt-teal); width: 24px; border-radius: 5px; }

/* ══════════════════════════════════════
   Blog Categories
   ══════════════════════════════════════ */

.monalt-blog-cats {
	display: flex;
	gap: 16px;
	justify-content: center;
}

.monalt-blog-cat {
	display: inline-block;
	padding: 14px 40px;
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-radius: var(--monalt-radius);
	text-decoration: none;
	transition: all var(--monalt-transition);
}

.monalt-blog-cat--dark { background: linear-gradient(135deg, var(--monalt-navy-light) 0%, var(--monalt-navy) 100%); }
.monalt-blog-cat:hover { transform: translateY(-2px); box-shadow: var(--monalt-shadow-md); color: #fff; }

/* ══════════════════════════════════════
   Category Badges
   ══════════════════════════════════════ */

.monalt-cat-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: var(--monalt-radius-full);
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	background: var(--monalt-teal);
}

.monalt-cat-badge--candidat { background: var(--monalt-teal); }
.monalt-cat-badge--small { font-size: 11px; padding: 3px 10px; }

/* ══════════════════════════════════════
   Featured Grid (semaine)
   ══════════════════════════════════════ */

.monalt-featured-grid {
	display: flex;
	gap: 24px;
}

.monalt-featured-main {
	flex: 0 0 420px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 20px;
}

.monalt-featured-main__img {
	width: 100%;
	height: 220px;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-sm);
	margin-bottom: 12px;
}

.monalt-featured-main__meta {
	font-size: 12px;
	color: var(--monalt-text-tertiary);
	margin: 8px 0 6px;
}

.monalt-featured-main h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.monalt-featured-side {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.monalt-featured-side__item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.monalt-featured-side__img {
	flex: 0 0 80px;
	height: 80px;
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-sm);
}

.monalt-featured-side__content { flex: 1; }
.monalt-featured-side__content h4 { font-size: 14px; font-weight: 700; margin: 4px 0; line-height: 1.3; }
.monalt-featured-side__content p { font-size: 12px; color: var(--monalt-text-tertiary); line-height: 1.4; }

/* ══════════════════════════════════════
   Blog Day Grid
   ══════════════════════════════════════ */

.monalt-blog-day-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-blog-day-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	overflow: hidden;
	transition: all var(--monalt-transition);
}

.monalt-blog-day-card:hover { box-shadow: var(--monalt-shadow-md); transform: translateY(-2px); }

.monalt-blog-day-card__img {
	width: 100%;
	height: 140px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal-bg) 100%);
}

.monalt-blog-day-card .monalt-cat-badge { margin: 12px 16px 0; }
.monalt-blog-day-card__meta { font-size: 11px; color: var(--monalt-text-tertiary); padding: 4px 16px 0; }
.monalt-blog-day-card h4 { font-size: 14px; font-weight: 700; padding: 4px 16px 16px; line-height: 1.4; }

/* ══════════════════════════════════════
   À la une + Newsletter
   ══════════════════════════════════════ */

.monalt-alaune-grid {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.monalt-alaune-list { flex: 1; }

.monalt-alaune-item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 12px 0;
	border-bottom: 1px solid var(--monalt-border);
}

.monalt-alaune-num {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.monalt-alaune-item__meta {
	font-size: 12px;
	color: var(--monalt-text-tertiary);
	margin-bottom: 2px;
}

.monalt-alaune-item h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}

.monalt-newsletter-box {
	flex: 0 0 340px;
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	border-radius: var(--monalt-radius-xl);
	padding: 28px;
	color: #fff;
}

.monalt-newsletter-box h3 { font-size: 18px; font-weight: 800; margin-bottom: 8px; }
.monalt-newsletter-box > p { font-size: 13px; color: rgba(255,255,255,.8); line-height: 1.5; margin-bottom: 16px; }

.monalt-newsletter-box__form {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
}

.monalt-newsletter-box__form input {
	flex: 1;
	height: 40px;
	padding: 0 12px;
	border: none;
	border-radius: var(--monalt-radius-sm);
	font-size: 14px;
	font-family: var(--monalt-font);
	outline: none;
}

.monalt-newsletter-box__thumbs {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
}

.monalt-newsletter-box__thumbs div {
	flex: 1;
	height: 60px;
	background: rgba(255,255,255,.15);
	border-radius: var(--monalt-radius-sm);
}

/* ══════════════════════════════════════
   Tools Tabs (Boîte à outils)
   ══════════════════════════════════════ */

.monalt-tools-tabs {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-bottom: 32px;
}

.monalt-tools-tab {
	padding: 8px 20px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-full);
	background: none;
	font-family: var(--monalt-font);
	font-size: 14px;
	font-weight: 600;
	color: var(--monalt-text-secondary);
	cursor: pointer;
	transition: all var(--monalt-transition);
}

.monalt-tools-tab:hover { border-color: var(--monalt-teal); color: var(--monalt-teal); }

.monalt-tools-tab.is-active {
	background: var(--monalt-teal);
	border-color: var(--monalt-teal);
	color: #fff;
}

.monalt-tools-panel { display: none; }
.monalt-tools-panel.is-active { display: block; }

.monalt-tools-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-tool-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	overflow: hidden;
	text-align: left;
	transition: all var(--monalt-transition);
}

.monalt-tool-card:hover { box-shadow: var(--monalt-shadow-md); transform: translateY(-2px); }

.monalt-tool-card h4 {
	font-size: 14px;
	font-weight: 700;
	padding: 16px 16px 12px;
	line-height: 1.4;
}

.monalt-tool-card__visual {
	height: 100px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal) 100%);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 12px;
}

.monalt-tool-card__visual span { font-size: 32px; }

/* ══════════════════════════════════════
   Series Grid
   ══════════════════════════════════════ */

.monalt-series-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-series-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	overflow: hidden;
	text-decoration: none;
	transition: all var(--monalt-transition);
}

.monalt-series-card:hover { box-shadow: var(--monalt-shadow-md); transform: translateY(-2px); }

.monalt-series-card__top {
	height: 120px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.monalt-series-card__top span { font-size: 36px; }

.monalt-series-card__body {
	padding: 16px;
	text-align: left;
}

.monalt-series-card__body h4 { font-size: 15px; font-weight: 700; color: var(--monalt-text); margin-bottom: 4px; }
.monalt-series-card__count { font-size: 13px; color: var(--monalt-teal); font-weight: 500; }

/* ══════════════════════════════════════
   Videos Grid
   ══════════════════════════════════════ */

.monalt-videos-grid {
	display: flex;
	gap: 24px;
}

.monalt-videos-list {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.monalt-video-item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 16px;
	transition: all var(--monalt-transition);
}

.monalt-video-item:hover { box-shadow: var(--monalt-shadow); }

.monalt-video-item__play {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--monalt-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--monalt-text-secondary);
}

.monalt-video-item__cat {
	font-size: 11px;
	font-weight: 600;
	color: var(--monalt-text-tertiary);
}

.monalt-video-item h4 { font-size: 14px; font-weight: 700; margin: 4px 0; line-height: 1.3; }
.monalt-video-item p { font-size: 12px; color: var(--monalt-teal); line-height: 1.4; }

.monalt-video-featured {
	flex: 0 0 380px;
}

.monalt-video-featured__player {
	width: 100%;
	height: 220px;
	background: linear-gradient(135deg, var(--monalt-teal-light) 0%, var(--monalt-teal-bg) 100%);
	border-radius: var(--monalt-radius);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--monalt-teal);
	margin-bottom: 16px;
	cursor: pointer;
}

.monalt-video-featured__info .monalt-video-item__cat { display: block; margin-bottom: 4px; }
.monalt-video-featured__info h4 { font-size: 16px; font-weight: 700; margin-bottom: 8px; line-height: 1.3; }
.monalt-video-featured__info p { font-size: 13px; color: var(--monalt-text-secondary); line-height: 1.6; }

/* ══════════════════════════════════════
   Contact Page
   ══════════════════════════════════════ */

.monalt-contact-grid {
	display: flex;
	gap: 48px;
	align-items: center;
}

.monalt-contact-text { flex: 1; }

.monalt-contact-title {
	font-size: 36px;
	font-weight: 800;
	font-style: italic;
	color: var(--monalt-teal);
	margin-bottom: 12px;
}

.monalt-contact-subtitle {
	font-size: 17px;
	font-weight: 700;
	color: var(--monalt-teal);
	line-height: 1.4;
	margin-bottom: 16px;
}

.monalt-contact-desc {
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
	margin-bottom: 8px;
}

.monalt-contact-form-box {
	flex: 0 0 440px;
	background: linear-gradient(135deg, var(--monalt-teal) 0%, var(--monalt-teal-dark) 100%);
	border-radius: var(--monalt-radius-xl);
	padding: 32px;
	color: #fff;
}

.monalt-contact-form-box h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.monalt-contact-form__field { margin-bottom: 12px; }
.monalt-contact-form__field--full { width: 100%; }

.monalt-contact-form__row {
	display: flex;
	gap: 12px;
}

.monalt-contact-form__row .monalt-contact-form__field { flex: 1; }

.monalt-contact-form__field input,
.monalt-contact-form__field textarea {
	width: 100%;
	padding: 12px 16px;
	border: none;
	border-radius: var(--monalt-radius-sm);
	font-size: 14px;
	font-family: var(--monalt-font);
	color: var(--monalt-text);
	background: #fff;
	outline: none;
	transition: box-shadow var(--monalt-transition);
}

.monalt-contact-form__field input:focus,
.monalt-contact-form__field textarea:focus {
	box-shadow: 0 0 0 3px rgba(255,255,255,.3);
}

.monalt-contact-form__field textarea { resize: vertical; min-height: 100px; }

/* ══════════════════════════════════════
   Espaces Box (Contact page)
   ══════════════════════════════════════ */

.monalt-espaces-box {
	background: var(--monalt-teal-bg);
	border-radius: var(--monalt-radius-xl);
	padding: 40px;
}

.monalt-espaces-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.monalt-espace-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px 16px;
	text-align: center;
	transition: all var(--monalt-transition);
}

.monalt-espace-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-espace-card__icon {
	font-size: 28px;
	margin-bottom: 10px;
}

.monalt-espace-card h3 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 4px;
}

.monalt-espace-card p {
	font-size: 13px;
	color: var(--monalt-text-secondary);
	margin-bottom: 12px;
}

.monalt-espace-card a {
	font-size: 13px;
	font-weight: 600;
	font-style: italic;
}

/* ══════════════════════════════════════
   Hero — Annonces variant
   ══════════════════════════════════════ */

.monalt-hero--annonces { padding: 60px 0 48px; }

.monalt-hero__title--dark {
	color: var(--monalt-text);
	font-family: var(--monalt-font);
	font-style: normal;
}

.monalt-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-full);
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	color: var(--monalt-text-secondary);
	margin-bottom: 32px;
}

.monalt-hero__badge svg { color: var(--monalt-teal); flex-shrink: 0; }

.monalt-searchbox--wide { max-width: 780px; }

.monalt-searchbox__field--select select {
	width: 100%;
	height: 44px;
	padding: 0 12px 0 36px;
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius-sm);
	font-size: 14px;
	font-family: var(--monalt-font);
	color: var(--monalt-text);
	background: var(--monalt-bg);
	outline: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color var(--monalt-transition);
}

.monalt-searchbox__field--select select:focus {
	border-color: var(--monalt-teal);
	box-shadow: 0 0 0 3px var(--monalt-teal-light);
}

/* ══════════════════════════════════════
   Filters Bar
   ══════════════════════════════════════ */

.monalt-filters-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.monalt-filters-bar__left {
	display: flex;
	gap: 10px;
}

/* ══════════════════════════════════════
   CTA Banner
   ══════════════════════════════════════ */

.monalt-cta-banner {
	background: linear-gradient(135deg, var(--monalt-navy) 0%, #1a3a4a 50%, var(--monalt-teal-dark) 100%);
	padding: 40px 0;
}

.monalt-cta-banner__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}

.monalt-cta-banner__title {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4px;
}

.monalt-cta-banner__sub {
	font-size: 14px;
	color: rgba(255,255,255,.6);
}

.monalt-btn--white {
	background: transparent;
	color: #fff;
	border-color: rgba(255,255,255,.5);
}

.monalt-btn--white:hover {
	background: #fff;
	color: var(--monalt-navy);
	border-color: #fff;
}

/* ══════════════════════════════════════
   Carousel Navigation Arrows
   ══════════════════════════════════════ */

.monalt-carousel-nav {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

.monalt-carousel-btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--monalt-border);
	background: var(--monalt-surface);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all var(--monalt-transition);
	color: var(--monalt-text-secondary);
}

.monalt-carousel-btn:hover {
	border-color: var(--monalt-teal);
	color: var(--monalt-teal);
	background: var(--monalt-teal-light);
}

/* ══════════════════════════════════════
   Company Cards
   ══════════════════════════════════════ */

.monalt-entreprises-header {
	margin-bottom: 32px;
}

.monalt-company-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.monalt-company-card {
	background: var(--monalt-surface);
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	padding: 24px;
	transition: all var(--monalt-transition);
}

.monalt-company-card:hover {
	box-shadow: var(--monalt-shadow-md);
	transform: translateY(-2px);
}

.monalt-company-card__logo {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	background: var(--monalt-teal-light);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	color: var(--monalt-teal);
}

.monalt-company-card__name {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.monalt-company-card__meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}

.monalt-company-card__meta span {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--monalt-text-secondary);
}

.monalt-company-card__meta span svg { color: var(--monalt-teal); flex-shrink: 0; }

.monalt-company-card__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
	border-top: 1px solid var(--monalt-border);
}

.monalt-company-card__link {
	font-size: 14px;
	font-weight: 600;
	color: var(--monalt-teal);
}

.monalt-company-card__offers {
	font-size: 13px;
	color: var(--monalt-text-tertiary);
}

/* ══════════════════════════════════════
   Métiers Category Grid
   ══════════════════════════════════════ */

.monalt-metiers-section { border-radius: var(--monalt-radius-xl); }

.monalt-metiers-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}

.monalt-metier-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 12px;
	background: rgba(255,255,255,.12);
	border-radius: var(--monalt-radius);
	text-decoration: none;
	transition: all var(--monalt-transition);
	border: 1px solid rgba(255,255,255,.08);
}

.monalt-metier-tile:hover {
	background: rgba(255,255,255,.22);
	transform: translateY(-2px);
}

.monalt-metier-tile__icon {
	font-size: 28px;
	line-height: 1;
}

.monalt-metier-tile__label {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

/* ══════════════════════════════════════
   FAQ Accordion
   ══════════════════════════════════════ */

.monalt-faq {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.monalt-faq__item {
	border: 1px solid var(--monalt-border);
	border-radius: var(--monalt-radius);
	background: var(--monalt-surface);
	overflow: hidden;
	transition: box-shadow var(--monalt-transition);
}

.monalt-faq__item:hover { box-shadow: var(--monalt-shadow); }

.monalt-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 24px;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	font-family: var(--monalt-font);
	font-size: 15px;
	font-weight: 600;
	color: var(--monalt-teal);
	gap: 16px;
}

.monalt-faq__question svg {
	flex-shrink: 0;
	color: var(--monalt-text-tertiary);
	transition: transform var(--monalt-transition);
}

.monalt-faq__item.is-open .monalt-faq__question svg {
	transform: rotate(180deg);
}

.monalt-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

.monalt-faq__item.is-open .monalt-faq__answer {
	max-height: 300px;
}

.monalt-faq__answer p {
	padding: 0 24px 20px;
	font-size: 14px;
	color: var(--monalt-text-secondary);
	line-height: 1.7;
}

/* ══════════════════════════════════════
   Responsive — Tablet
   ══════════════════════════════════════ */

@media (max-width: 960px) {
	.monalt-spaces,
	.monalt-offers-grid,
	.monalt-posts-grid { grid-template-columns: repeat(2, 1fr); }

	.monalt-testimonials { grid-template-columns: repeat(2, 1fr); }
	.monalt-footer__grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-hero__title { font-size: 38px; }
	.monalt-verified { flex-direction: column; text-align: center; }
	.monalt-company-grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-metiers-grid { grid-template-columns: repeat(3, 1fr); }
	.monalt-steps { grid-template-columns: repeat(2, 1fr); }
	.monalt-feature-card { flex-direction: column; }
	.monalt-feature-card__visual { flex: none; height: 200px; }
	.monalt-cv-section { flex-direction: column; gap: 32px; }
	.monalt-etablissements__grid { grid-template-columns: 1fr 1fr; }
	.monalt-etablissements__stat { grid-row: auto; }
	.monalt-recruiter-block { flex-direction: column; padding: 32px; }
	.monalt-recruiter-block__right { flex: none; width: 100%; }
	.monalt-simulator { flex-direction: column; padding: 32px; }
	.monalt-simulator__results { flex: none; width: 100%; }
	.monalt-candidatures-block { flex-direction: column; }
	.monalt-candidatures-block__visual { flex: none; width: 100%; }
	.monalt-control-block { flex-direction: column; }
	.monalt-control-block__right { flex: none; width: 100%; }
	.monalt-schools-row { grid-template-columns: repeat(3, 1fr); }
	.monalt-relation-block { flex-direction: column; }
	.monalt-relation-block__notif { flex: none; width: 100%; }
	.monalt-formation-grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-acteurs-intro { flex-direction: column; }
	.monalt-acteurs-intro__text { flex: none; width: 100%; }
	.monalt-acteurs-intro__icons { grid-template-columns: repeat(2, 1fr); }
	.monalt-acteurs-card { flex-direction: column; }
	.monalt-acteurs-card__visual { flex: none; width: 100%; justify-content: flex-start; }
	.monalt-secteurs-grid { grid-template-columns: repeat(3, 1fr); }
	.monalt-mission-card { flex-direction: column; }
	.monalt-featured-grid { flex-direction: column; }
	.monalt-featured-main { flex: none; width: 100%; }
	.monalt-blog-day-grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-alaune-grid { flex-direction: column; }
	.monalt-newsletter-box { flex: none; width: 100%; }
	.monalt-tools-grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-series-grid { grid-template-columns: repeat(2, 1fr); }
	.monalt-videos-grid { flex-direction: column; }
	.monalt-video-featured { flex: none; width: 100%; }
	.monalt-contact-grid { flex-direction: column; }
	.monalt-contact-form-box { flex: none; width: 100%; }
	.monalt-espaces-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ══════════════════════════════════════
   Responsive — Mobile
   ══════════════════════════════════════ */

@media (max-width: 768px) {
	.monalt-hamburger { display: flex; }

	.monalt-nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--monalt-surface);
		z-index: 999;
		padding: 80px 24px 40px;
		overflow-y: auto;
	}

	.monalt-nav.is-open { display: block; }

	.monalt-nav__list {
		flex-direction: column;
		gap: 0;
	}

	.monalt-nav__list li a {
		padding: 14px 0;
		font-size: 18px;
		border-bottom: 1px solid var(--monalt-border);
		border-radius: 0;
	}

	.monalt-header__actions .monalt-header__user { display: none; }

	.monalt-hero { padding: 48px 0 40px; }
	.monalt-hero__title { font-size: 30px; }
	.monalt-hero__subtitle { font-size: 15px; }

	.monalt-searchbox__fields { flex-direction: column; }

	.monalt-section { padding: 48px 0; }
	.monalt-section__title { font-size: 24px; }

	.monalt-spaces,
	.monalt-offers-grid,
	.monalt-posts-grid,
	.monalt-testimonials,
	.monalt-features { grid-template-columns: 1fr; }

	.monalt-footer__grid { grid-template-columns: 1fr; gap: 24px; }
	.monalt-footer__bottom { flex-direction: column; text-align: center; }
	.monalt-footer__contact { flex-direction: column; }

	.monalt-offers-header { flex-direction: column; gap: 8px; align-items: flex-start; }

	.monalt-company-grid { grid-template-columns: 1fr; }
	.monalt-metiers-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.monalt-metier-tile { padding: 14px 8px; }
	.monalt-metier-tile__icon { font-size: 22px; }
	.monalt-metier-tile__label { font-size: 12px; }
	.monalt-cta-banner__inner { flex-direction: column; text-align: center; }
	.monalt-filters-bar { flex-direction: column; gap: 12px; align-items: flex-start; }
	.monalt-steps { grid-template-columns: 1fr; }
	.monalt-feature-card__content { padding: 24px; }
	.monalt-etablissements { padding: 24px; }
	.monalt-etablissements__grid { grid-template-columns: 1fr; }
	.monalt-cta-box { padding: 32px 20px; }
	.monalt-cv-tabs { gap: 6px; }
	.monalt-advantages-bar__inner { justify-content: flex-start; gap: 12px; }
	.monalt-advantages-bar__item { font-size: 12px; }
	.monalt-simulator__row { flex-direction: column; gap: 0; }
	.monalt-simulator { padding: 24px; }
	.monalt-recruiter-block { padding: 24px; }
	.monalt-entreprises-header { flex-direction: column !important; gap: 24px !important; }
	.monalt-schools-row { grid-template-columns: repeat(2, 1fr); }
	.monalt-mini-steps { flex-direction: column; }
	.monalt-formation-grid { grid-template-columns: 1fr; }
	.monalt-formations-header { flex-direction: column; }
	.monalt-formations-header__stat { flex: none; width: 100%; }
	.monalt-diploma-chips { gap: 6px; }
	.monalt-diploma-chip { padding: 6px 14px; font-size: 13px; }
	.monalt-hero-pill__main { font-size: 20px; padding: 10px 20px; }
	.monalt-acteurs-intro__icons { grid-template-columns: repeat(2, 1fr); }
	.monalt-secteurs-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.monalt-acteurs-card { padding: 24px; }
	.monalt-mission-card { padding: 24px; }
	.monalt-blog-cats { flex-direction: column; align-items: center; gap: 10px; }
	.monalt-blog-day-grid { grid-template-columns: 1fr; }
	.monalt-tools-grid { grid-template-columns: 1fr; }
	.monalt-series-grid { grid-template-columns: 1fr; }
	.monalt-tools-tabs { flex-wrap: wrap; }
	.monalt-newsletter-box__form { flex-direction: column; }
	.monalt-contact-form__row { flex-direction: column; gap: 0; }
	.monalt-contact-form-box { padding: 24px; }
	.monalt-contact-title { font-size: 28px; }
	.monalt-espaces-grid { grid-template-columns: 1fr; }
	.monalt-espaces-box { padding: 24px; }
}