.ccma-communes-accordion {
	--ccma-communes-vert: var(--wp--preset--color--vert, #6A855A);
	--ccma-communes-beige: var(--wp--preset--color--beige, #F7F1E1);
	--ccma-communes-vert-light: #BBCBB2;
	--ccma-communes-dark: var(--wp--preset--color--contrast, #252525);

	width: 100%;
	max-width: 520px;
	margin-inline: auto;
	color: var(--ccma-communes-beige);
}

.ccma-commune-accordion-item {
	margin: 0;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--ccma-communes-beige) 45%, transparent);
	color: inherit;
}

.ccma-commune-accordion-item > summary {
	list-style: none;
	cursor: pointer;
}

.ccma-commune-accordion-item > summary::-webkit-details-marker {
	display: none;
}

.ccma-commune-accordion-item__summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;

	min-height: 3rem;
	padding: 0.65rem 0 0.65rem 0;

	color: var(--ccma-communes-beige);
	font-size: var(--wp--preset--font-size--medium, 1rem);
	font-weight: 700;
	line-height: 1.1;
}

.ccma-commune-accordion-item__summary-title {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ccma-commune-accordion-item__summary-icon {
	display: grid;
	place-items: center;
	flex: 0 0 auto;

	width: 1.65rem;
	height: 1.65rem;
	border-radius: 999px;

	background-color: var(--ccma-communes-beige);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.95rem;

	box-shadow: 0 0 0 2px color-mix(in srgb, var(--ccma-communes-dark) 70%, transparent);

	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5L11 9L7 13' stroke='%236A855A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ccma-commune-accordion-item[open] > .ccma-commune-accordion-item__summary .ccma-commune-accordion-item__summary-icon {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11L9 7L13 11' stroke='%236A855A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ccma-commune-accordion-item__panel {
	position: relative;
	padding: 0 0 1.8rem 0;
}

.ccma-commune-accordion-item__image {
	position: relative;
	width: 100%;
	margin: 0 0 1.25rem 0;
	overflow: hidden;
}

.ccma-commune-accordion-item__img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	height: auto;
	object-fit: cover;
}

.ccma-commune-accordion-item__stat {
	position: relative;
	z-index: 2;
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	min-width: 4.8rem;
	min-height: 3.2rem;
	margin-top: -3.4rem;
	margin-bottom: 1.15rem;
	padding: 0.45rem 0.6rem;

	border-radius: 0.55rem;
	background: var(--ccma-communes-beige);
	color: var(--ccma-communes-vert);
}

.ccma-commune-accordion-item__stat-number {
	display: block;
	font-size: clamp(1.1rem, 5vw, 1.45rem);
	font-weight: 800;
	line-height: 0.95;
}

.ccma-commune-accordion-item__stat-label {
	display: block;
	margin-top: 0.25rem;
	font-size: 0.48rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.ccma-commune-accordion-item__excerpt {
	margin: 0 0 1rem 0;
	color: var(--ccma-communes-beige);
	font-size: var(--wp--preset--font-size--smaller, 0.875rem);
	line-height: 1.25;
}

.ccma-commune-accordion-item__infos {
	display: grid;
	gap: 0.55rem;
	margin-block: 1rem;
}

.ccma-commune-accordion-item__info {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;

	margin: 0;
	color: var(--ccma-communes-beige);
	font-size: var(--wp--preset--font-size--smaller, 0.875rem);
	line-height: 1.25;
}

.ccma-commune-accordion-item__info a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ccma-commune-accordion-item__info-icon {
	flex: 0 0 auto;
	width: 0.75rem;
	height: 0.75rem;
	margin-top: 0.15rem;
	border-radius: 999px;
	background: var(--ccma-communes-vert-light);
}

.ccma-commune-accordion-item__info--person .ccma-commune-accordion-item__info-icon {
	width: 1.35rem;
	height: 1.35rem;
	margin-top: -0.15rem;
	background-color: var(--ccma-communes-beige);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.95rem;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Zm0 1.4c-3.2 0-5.6 1.7-5.6 3.9v.5h11.2v-.5c0-2.2-2.4-3.9-5.6-3.9Z' fill='%236A855A'/%3E%3C/svg%3E");
}

.ccma-commune-accordion-item__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1.2rem;
}

.ccma-commune-accordion-item__button {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;

	min-height: 1.7rem;
	padding: 0.25rem 0.45rem 0.25rem 0.7rem;

	border: 1px solid currentColor;
	border-radius: 999px;

	color: var(--ccma-communes-beige);
	font-size: var(--wp--preset--font-size--smaller, 0.875rem);
	line-height: 1;
	text-decoration: none;
}

.ccma-commune-accordion-item__button-icon {
	width: 1rem;
	height: 1rem;
	border-radius: 999px;
	background-color: currentColor;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.65rem;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 8L6 12' stroke='%236A855A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ccma-commune-accordion-item__button:hover {
	background: var(--ccma-communes-beige);
	color: var(--ccma-communes-vert);
}

.ccma-commune-accordion-item__summary:focus-visible,
.ccma-commune-accordion-item__button:focus-visible {
	outline: 2px solid var(--ccma-communes-beige);
	outline-offset: 4px;
}