/* Donner */
body [data-block*="342"] .ct-popup-inner > article {
	background-color: var(--theme-palette-color-1);
}
#ct-popup-342 * {
	color: var(--theme-palette-color-7)
}

/**
*
* Typography
*
*/

p, div, span, a {
	font-feature-settings: "ss01" 1, "ss02" 1, "cv01" 1, "cv02" 1;
}

/**
*
* Navigation
*
*/

/* Mobile Offcanvas */
#hc-nav-1 ul,
#hc-nav-1 li {
	display: block;
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
	background: var(--theme-palette-color-8);
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	color: var(--theme-palette-color-4);
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--theme-palette-color-4);
	border-left: 1px solid var(--theme-palette-color-4);
}

/* Second Level Menu */
.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6 {
	margin: 0;
}

.hc-offcanvas-nav a.nav-next {
	border-left: 1px solid var(--theme-palette-color-6);
	border-bottom: 1px solid var(--theme-palette-color-6);
}

.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a {
	border-top: none;
}

.hc-offcanvas-nav .nav-content>.nav-close:first-child a,
.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
	background: var(--theme-palette-color-7);
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
	background: var(--theme-palette-color-6);
}

/* Mobile Nav Trigger */
.menu-mobile-trigger.hc-nav-trigger {
	position: relative;
	top: unset;
	width: auto;
	min-height: unset;
}

/* Pied de page */
#footer-menu ul {
	display: block;
	text-align: left;
	columns: 3;
	column-gap: 2rem;
}

#footer-menu li {
	break-inside: avoid;
}

#footer-menu li:nth-child(8) {
	break-before: column;
}

#footer-menu li a {
	justify-content: start;
}

/* ==========================================================================
* Pages
* ========================================================================= */

/* Divider */
.wp-block-separator:not(.is-style-dots) {
	height: 1px;
}

body {
	visibility: visible !important;
}

/* Archives */

/* title */
body.archive .page-description {
	max-width: 40rem;
}

/* Image/Archive */
.wp-block-cover__inner-container {
	position: static !important;
}

.half-logo {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: calc(100% - 4rem);
	transform: translateX(-50%);
	mix-blend-mode: multiply;
	opacity: .8;
	pointer-events: none;
}

h1.wp-block-heading, h2.wp-block-heading {
	overflow: hidden;
}

.is-style-outline a:hover {
	color: var(--theme-palette-color-1) !important;
}

/* Dons - Details */

/* ---- Accordéon dons : style moderne + animation fluide ----
Adapte le sélecteur `.dons details` à ta vraie classe de section. */

:root {
	interpolate-size: allow-keywords; /* permet d'animer vers height:auto */
}

/* --- L'en-tête cliquable --- */
.dons summary {
	list-style: none;            /* retire le triangle natif */
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: .5rem 0;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: opacity 0.25s ease, padding-left 0.3s ease;
}
.dons summary::-webkit-details-marker { display: none; } /* Safari */

.dons summary:hover {
	opacity: 0.8;
	padding-left: 0.5rem;        /* léger glissement au survol */
}

/* --- L'icône + / − : deux barres distinctes --- */
.dons summary::before,
.dons summary::after {
	content: "";
	position: absolute;
	background: currentColor;
	/* centre la barre dans une zone de 20px à droite */
	right: 0;
	top: 50%;
}

/* Barre horizontale (toujours visible) */
.dons summary::after {
	width: 16px;
	height: 2px;
	transform: translateY(-50%);
	transition: transform 0.8s cubic-bezier(0,.68,.46,1.35);
}

/* Barre verticale (disparaît à l'ouverture) */
.dons summary::before {
	width: 2px;
	height: 16px;
	right: 7px; /* (20 - 2) / 2 → centrée sur l'horizontale */
	transform: translateY(-50%) scaleY(1);
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ouvert : la verticale s'écrase vers le centre → + devient − */
.dons details[open] summary::before {
	transform: translateY(-50%) scaleY(0);
}

.dons details[open] summary::after {
	transform: translateY(-50%) scaleX(0.8);
}