/*
 * Ajustements WordPress / Elementor autour du CSS de la maquette
 * (assets/css/iaka.css, généré — ne pas éditer celui-là).
 */

/* Conteneur Elementor de la page : pleine largeur, sans marge ni espacement,
   les sections de la maquette gèrent elles-mêmes leurs espacements. */
.iaka .e-con.iaka-page {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--content-width: 100%;
}

/* L'en-tête est enveloppé par le modèle Elementor : c'est l'enveloppe
   (enfant direct de <body>) qui doit coller en haut de l'écran. */
.iaka .iaka-header-slot {
	position: sticky;
	top: 0;
	z-index: 20;
}
.iaka.admin-bar .iaka-header-slot {
	top: var(--wp-admin--admin-bar--height, 32px);
}
@media (max-width: 600px) {
	.iaka.admin-bar .iaka-header-slot {
		top: 0; /* la barre d'admin n'est plus fixe sous 600px */
	}
}

/* Éditeur Elementor : repère du prototype de formulaire (invisible sur le site). */
.iaka .iaka-editor-note {
	margin: 0;
	padding: 16px 5vw;
	background: #f4f6f1;
	border-left: 3px solid #cbd300;
	font-size: 13px;
}

/* Ressources : lien vers la page qui liste tous les articles. */
.iaka .resource-more {
	margin: 48px 0 0;
	color: #007232;
}

/* Pop-up du Diagnostic Quick Wins : habillage de la fenêtre de la maquette
   (#needs-dialog), questionnaire du client dans une iframe. */
.iaka #diagnostic-dialog {
	border: 0;
	border-radius: 8px;
	width: min(960px, calc(100% - 24px));
	height: 92dvh;
	max-height: 92dvh;
	padding: 0;
	color: #10261b;
	background: #fff;
	box-shadow: 0 30px 100px #0005;
	overflow: hidden;
}
.iaka #diagnostic-dialog[open] {
	display: flex;
	flex-direction: column;
}
.iaka #diagnostic-dialog::backdrop {
	background: #10261bba;
}
.iaka #diagnostic-dialog iframe {
	flex: 1;
	width: 100%;
	border: 0;
	background: #f5f6ee;
}
@media (max-width: 600px) {
	.iaka #diagnostic-dialog {
		width: 100%;
		max-width: 100%;
		height: 100dvh;
		max-height: 100dvh;
		border-radius: 0;
	}
}