/*
 * Styles du thème IAKA hors page d'accueil.
 *
 * La page d'accueil, l'en-tête et le pied de page sont stylés par la
 * maquette (plugin iaka-core, assets/css/iaka.css). Ce fichier couvre ce
 * que la maquette ne prévoit pas : articles, pages simples (mentions
 * légales…), archives, 404 — avec la même charte (couleurs, Arial).
 */

/* Accessibilité : lien d'évitement de Hello Elementor (son CSS est désactivé). */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	top: 5px;
	left: 5px;
	z-index: 100000;
	padding: 15px 23px;
	background: #fff;
	color: #007232;
	font-weight: 700;
}

/* Contenus hors Elementor (articles, pages simples, archives). */
.iaka main.site-main {
	max-width: 780px;
	margin: 0 auto;
	padding: 72px 20px 100px;
}
.iaka .site-main .page-header {
	margin-bottom: 40px;
}
.iaka .site-main .entry-title {
	font-size: clamp(34px, 4.4vw, 56px);
	line-height: 1.1;
	letter-spacing: -.04em;
	font-weight: 750;
	margin: 0;
}
.iaka .site-main .page-content {
	font-size: 18px;
	line-height: 1.7;
}
.iaka .site-main .page-content h2,
.iaka .site-main .page-content h3 {
	line-height: 1.2;
	letter-spacing: -.025em;
	margin: 48px 0 16px;
}
.iaka .site-main .page-content a {
	color: #007232;
	border-bottom: 1px solid currentColor;
}
.iaka .site-main .page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}
.iaka .site-main .post-thumbnail img,
.iaka .site-main .wp-post-image {
	width: 100%;
	height: auto;
	border-radius: 4px 4px 56px 4px;
	margin-bottom: 32px;
}
.iaka .site-main .post h2.entry-title {
	font-size: 28px;
	margin: 32px 0 8px;
}
.iaka .site-main .pagination {
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
	font-weight: 700;
	color: #007232;
}

/* Page d'accueil (Elementor pleine largeur) : pas de marge autour du contenu. */
.iaka .elementor-page .site-main,
.iaka.elementor-page main.site-main {
	max-width: none;
	padding: 0;
}

/* Article : visuel de la carte « Ressources » en tête (photo ou motif IAKA
   sur fond de couleur), plus grand que dans la grille. */
.iaka .site-main .page-header .eyebrow {
	margin: 0 0 16px;
}
.iaka .site-main .entry-visual {
	height: clamp(240px, 38vw, 380px);
	margin-bottom: 48px;
	border-radius: 4px 4px 56px 4px;
}
.iaka .site-main .entry-visual > span {
	font-size: clamp(36px, 5vw, 56px);
}
.iaka .site-main .entry-visual .motif {
	max-height: 120px;
}
.iaka .site-main .entry-visual.resource-photo .motif {
	max-height: 80px;
}
.iaka .site-main .entry-back {
	margin-top: 64px;
	color: #007232;
}