/* Plan P - adaptations par-dessus Spectral (HTML5 UP)
   Palette : papier crème #F2EBDD, brun bois #3E2C1E, jaune machine #D9A62E,
   vert forêt #4E5A3F, bleu craie #7FA8B8 */

html {
	scroll-behavior: smooth;
}

/* Effet bordures transparentes : le panneau en fond, les sections par-dessus */
body {
	background: url("../../images/fond_panneau.jpg") center / cover no-repeat fixed;
}

body.landing #page-wrapper,
body.is-mobile.landing #page-wrapper,
.wrapper.style4,
body.is-mobile.landing .wrapper.style4 {
	background-image: none !important;
}

/* Hero : le panneau devine le fond, léger voile pour la lisibilité */
#banner {
	background-color: rgba(62, 44, 30, 0.35);
}

#banner h2,
#banner p {
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
}

#banner .cascade {
	font-family: "Courier New", Courier, monospace;
	text-transform: none;
	letter-spacing: 0.05em;
	font-size: 0.95em;
	line-height: 1.9em;
	text-align: left;
	display: inline-block;
	background: rgba(42, 30, 19, 0.55);
	padding: 1em 1.5em;
	border-radius: 6px;
}

/* Sections en semi-transparent : le fond bois devine sur les marges et au travers */
.wrapper.style5 {
	background-color: rgba(242, 235, 221, 0.94);
}

.wrapper.style2 {
	background-color: rgba(62, 44, 30, 0.88);
	color: #F2EBDD;
}

.wrapper.style2 h2,
.wrapper.style2 h3 {
	color: #F2EBDD;
}

.wrapper.style1 {
	background-color: rgba(217, 166, 46, 0.93);
	color: #3E2C1E;
}

.wrapper.style1 h2,
.wrapper.style1 h3,
.wrapper.style1 strong,
.wrapper.style1 b {
	color: #3E2C1E;
}

.wrapper.style1 hr {
	border-bottom-color: rgba(62, 44, 30, 0.35);
}

.wrapper.style3 {
	background-color: rgba(78, 90, 63, 0.92);
}

#footer {
	background-color: rgba(42, 30, 19, 0.92);
}

/* Bouton primary : jaune machine, texte brun */
.button.primary,
input[type="submit"].primary,
input[type="button"].primary {
	color: #3E2C1E !important;
	font-weight: 700;
}

/* Navigation simple (sans JS) */
#nav ul.nav-simple li {
	display: inline-block;
	margin: 0 0.9em;
}

#nav ul.nav-simple a {
	color: inherit;
	border-bottom: none;
	font-size: 0.8em;
	letter-spacing: 0.225em;
	text-transform: uppercase;
}

#nav ul.nav-simple a:hover {
	color: #D9A62E;
}

/* Ateliers dépliables (details/summary natif, zéro JS pour déplier) */
details.atelier {
	border: 2px solid rgba(62, 44, 30, 0.25);
	border-radius: 6px;
	margin: 0 0 1.2em 0;
	background: rgba(255, 255, 255, 0.55);
	text-align: left;
}

details.atelier summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1em;
	padding: 1.2em 1.5em;
}

details.atelier summary::-webkit-details-marker {
	display: none;
}

details.atelier summary h3 {
	margin: 0;
	color: #3E2C1E;
}

details.atelier summary .tagline {
	margin: 0;
	font-style: italic;
	color: #6B5B45;
	font-size: 0.9em;
}

details.atelier summary::after {
	content: "+";
	font-size: 1.6em;
	line-height: 1;
	color: #D9A62E;
	font-weight: 700;
	flex-shrink: 0;
}

details.atelier[open] summary::after {
	content: "−";
}

details.atelier[open] summary {
	border-bottom: 1px solid rgba(62, 44, 30, 0.2);
}

details.atelier .atelier-contenu {
	padding: 1.2em 1.5em 1.5em;
}

details.atelier .atelier-contenu h4 {
	color: #4E5A3F;
	margin-bottom: 0.5em;
}

.btn-print {
	background: none;
	border: 2px solid #3E2C1E;
	border-radius: 4px;
	color: #3E2C1E;
	cursor: pointer;
	font-size: 0.8em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 0.6em 1.4em;
	margin-top: 1em;
}

.btn-print:hover {
	background: #D9A62E;
	border-color: #D9A62E;
}

/* Impression : seul l'atelier ciblé s'imprime (PDF via dialogue navigateur) */
@media print {
	body {
		background: none !important;
	}

	body * {
		visibility: hidden;
	}

	details.atelier.print-target,
	details.atelier.print-target * {
		visibility: visible;
	}

	details.atelier.print-target {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border: none;
		background: #fff;
	}

	.btn-print {
		display: none !important;
	}
}