/* SudLib — styles complémentaires du thème.
   La mise en page vient d'Elementor (Kit + pages). Ici : la police
   Inter auto-hébergée (RGPD — pas de Google Fonts) et quelques réglages. */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/inter-latin-400.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-latin-500.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/inter-latin-600.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/inter-latin-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Latin étendu (accents rares, œ déjà couvert par latin) */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-400.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-500.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-600.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/inter-latin-ext-700.woff2") format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Lien d'évitement (accessibilité) */
.skip-link { position: absolute; left: -9999px; top: 0; background: #fff; padding: .75rem 1rem; z-index: 1000; }
.skip-link:focus { left: 0; }

/* ── Archive des actualités (widget archive-posts) ────────────
   Cartes bordées, sobres, calées sur la charte des wireframes. */
.elementor-widget-archive-posts .elementor-post {
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.elementor-widget-archive-posts .elementor-post__text {
	padding: 18px 20px;
}
.elementor-widget-archive-posts .elementor-post__title { font-size: 16px; line-height: 1.35; margin: 0 0 6px; }
.elementor-widget-archive-posts .elementor-post__title a { color: #111; font-weight: 600; }
.elementor-widget-archive-posts .elementor-post__meta-data { font-size: 12px; color: #737373; margin-bottom: 8px; }
.elementor-widget-archive-posts .elementor-post__excerpt p { font-size: 13px; color: #737373; margin: 0; }
.elementor-widget-archive-posts .elementor-post__read-more {
	font-size: 13px; font-weight: 600; color: #111; margin-top: 12px; align-self: flex-start;
}
.elementor-widget-archive-posts .elementor-post__thumbnail { background: #F2F2F2; }
/* Pas d'image à la une : vignette grise de substitution (wireframe), tant
   qu'aucune image mise en avant n'est renseignée sur l'article. */
.elementor-widget-archive-posts .elementor-post:not(:has(.elementor-post__thumbnail__link))::before {
	content: "";
	display: block;
	height: 150px;
	background: #F2F2F2;
}

/* ── Menu mobile : habillage du panneau Elementor (widget nav-menu) ──
   Le contenu reste 100 % administrable (menu WordPress + widget Elementor).
   Ici on force juste le panneau déroulant en pleine largeur et des
   lignes lisibles. Sous le point de rupture « tablette » (1024 px). */
@media (max-width: 1024px) {
	#sl-header-row .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		position: fixed !important;   /* repère = viewport → vraie pleine largeur */
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
		max-width: none !important;
		/* top posé en inline par le JS Elementor (hauteur de l'en-tête) */
		border-top: 1px solid #E0E0E0;
		box-shadow: 0 16px 28px rgba(0, 0, 0, .12);
	}
	#sl-header-row .elementor-nav-menu--dropdown .elementor-nav-menu { width: 100%; }
	#sl-header-row .elementor-nav-menu--dropdown .elementor-item,
	#sl-header-row .elementor-nav-menu--dropdown .elementor-sub-item {
		width: 100%;
		justify-content: space-between;
		text-align: left;
		min-height: 48px;
	}
	/* pas de gros bloc sombre sur l'item courant */
	#sl-header-row .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
		background-color: transparent !important;
		font-weight: 700;
	}
	#sl-header-row .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
		padding-left: 34px;
		background: #FAFAFA;
	}
}