/* Page /planificateur/ pour le public : « en chantier » tant que le planificateur n'est pas lancé (inc/planificateur.php,
   adncomm_plan_chantier()). Les personnes connectées voient le planificateur. Boutons : code ADN 34 (btn-sliced-orange). */
.adn-chantier {
	max-width: 760px;
	margin: 0 auto;
	padding: 20px 0 60px;
	text-align: center;
	color: var(--e-global-color-text, #333333);
}
/* Ruban de chantier, aux couleurs du site */
.adn-chantier__ruban {
	height: 18px;
	margin: 0 0 40px;
	background: repeating-linear-gradient(-45deg,
		var(--e-global-color-primary, #EE7523) 0 22px,
		var(--e-global-color-text, #333333) 22px 44px);
}
.adn-chantier__ruban--bas { margin: 45px 0 0; }
.adn-chantier__icone {
	display: inline-block;
	width: 90px;
	height: 90px;
	color: var(--e-global-color-primary, #EE7523);
	transform-origin: 50% 90%;
	animation: adn-chantier-salut 3.5s ease-in-out infinite;
}
.adn-chantier__icone svg { display: block; width: 100%; height: 100%; fill: currentColor; }
/* Le casque salue de temps en temps */
@keyframes adn-chantier-salut {
	0%, 70%, 100% { transform: rotate(0); }
	76% { transform: rotate(-10deg) translateY(-6px); }
	82% { transform: rotate(8deg) translateY(-6px); }
	88% { transform: rotate(0) translateY(0); }
}
.adn-chantier__titre {
	margin: 20px 0 25px;
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 700;
	line-height: 1.2;
}
.adn-chantier__titre span { color: var(--e-global-color-primary, #EE7523); }
.adn-chantier p {
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 1.6;
}
.adn-chantier__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 60px; /* la pointe des boutons dépasse de 30 px */
	margin-top: 35px;
}
@media (max-width: 1000px) {
	.adn-chantier { padding-bottom: 40px; }
	.adn-chantier__ruban { margin-bottom: 30px; }
	.adn-chantier p { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.adn-chantier__icone { animation: none; }
}