/**
 * MLPB — Main stylesheet
 *
 * Import central — toutes les feuilles de style dans l'ordre de cascade.
 * Ce fichier est le seul chargé en front via wp_enqueue_style.
 *
 * @version 1.0.0
 */

/* ── Base ── */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* ── Composants ── */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/preloader.css';

/* ── Layouts ── */
@import 'layouts/header.css';
@import 'layouts/footer.css';
@import 'layouts/page.css';
@import 'layouts/home.css';
@import 'layouts/inner-pages.css';
@import 'layouts/archive.css';
@import 'layouts/blog.css';

/* ── Pages spécifiques ── */
@import 'pages/contact.css';
@import 'pages/jeune.css';
@import 'pages/jeune-inner.css';
@import 'pages/hub.css';
@import 'pages/sitemap.css';
@import 'pages/employeur.css';

/* ── Utilitaires ── */

.container {
	width: 100%;
	max-width: var(--mlpb-container);
	margin-inline: auto;
	padding-inline: var(--mlpb-space-md);
}

.container--wide {
	max-width: var(--mlpb-container-wide);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.skip-link {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: calc(var(--mlpb-z-modal) + 1);
	padding: var(--mlpb-space-sm) var(--mlpb-space-md);
	background: var(--mlpb-primary);
	color: var(--mlpb-text-white);
	font-weight: var(--mlpb-fw-bold);
}

.skip-link:focus {
	top: 0;
}