/* Badge de demonstration (cf. view/assets/demo_badge.php) */

/* Le badge est un web component : son shadow DOM fixe sa propre font sur :host,
   et tout son contenu en herite. La regle posee ici sur l'hote la remplace (les
   styles du document priment sur ceux du shadow tree) et lui donne celle de
   l'app (cf. la regle * de index.css). */
ilandols-demo-badge {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Dialog de bienvenue du compte de demonstration (cf. view/assets/demo_dialog.php) */

#demo-dialog-overlay {
	display: none;

	position: fixed;
	top: 0;
	left: 0;

	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	z-index: 1000;
}

#demo-dialog .window-title {
	margin-top: 32px;
	margin-bottom: 26px;
}

#demo-dialog .window-message {
	margin-bottom: 22px;

	line-height: 1.5;
	text-align: left;
}

#demo-dialog .window-message:last-of-type {
	margin-bottom: 34px;
}

#demo-dialog .window-button {
	margin-bottom: 30px;
}

/* Note affichee sur les pages ou une action est bridee (editeur, settings) */

.demo-notice {
	margin: 12px auto 0;

	width: 92.5%;
	max-width: 468px;

	opacity: 0.6;

	font-size: 14px;
	text-align: center;
}

.window-section:disabled {
	opacity: 0.4;
	cursor: default;
}