/* Cartes dépliantes — maquette : carte rouge 715 × 421 (rayon 30), photo
   322 × 388 à droite, titre 32 blanc ; fermée : pilule rouge de 100 px. */
.cci-cartes-dep {
	display: grid;
	gap: 1.5rem;
}

.cci-carte-dep {
	position: relative;
	border-radius: clamp(1.875rem, 1rem + 2vw, 3.125rem);
	background: var(--rouge);
	color: var(--blanc);
	transition: border-radius 0.5s var(--ease-out);
}

.cci-carte-dep[open] {
	border-radius: var(--r-lg);
}

.cci-carte-dep > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 6.25rem;
	padding: 1rem 1.375rem 1rem clamp(1.5rem, 1rem + 1.2vw, 2.45rem);
}

.cci-carte-dep[open] > summary {
	align-items: flex-start;
	padding-top: 2.5rem;
	padding-right: calc(45% + 1rem);
}

.cci-carte-dep__titre {
	font-size: var(--fs-xl);
	font-weight: var(--fw-medium);
	line-height: 1.3;
}

.cci-carte-dep[open] .cci-depliant__signe {
	/* La maquette pose le signe « moins » sur le coin de la photo. */
	position: absolute;
	top: 0.875rem;
	right: 1.5rem;
	z-index: 1;
}

.cci-carte-dep__corps {
	display: grid;
	align-content: start;
	gap: 1.5rem;
	padding: 0 calc(45% + 1rem) 2.4rem clamp(1.5rem, 1rem + 1.2vw, 2.45rem);
	min-height: 17rem;
}

.cci-carte-dep__texte {
	font-size: var(--fs-md);
	line-height: 1.35;
}

.cci-carte-dep__corps .btn {
	justify-self: start;
}

.cci-carte-dep .cci-carte-dep__img {
	position: absolute;
	top: 1.0625rem;
	right: 1rem;
	bottom: 1.0625rem;
	width: 45%;
	height: calc(100% - 2.125rem);
	object-fit: cover;
	border-radius: var(--r-lg);
}

@media (max-width: 40rem) {
	.cci-carte-dep[open] > summary,
	.cci-carte-dep__corps {
		padding-right: 1.375rem;
	}

	.cci-carte-dep[open] > summary {
		padding-right: 5rem;
	}

	.cci-carte-dep .cci-carte-dep__img {
		position: static;
		width: 100%;
		height: auto;
		aspect-ratio: 4 / 3;
		margin-top: 0.5rem;
	}

	.cci-carte-dep[open] .cci-depliant__signe {
		top: 1.75rem;
	}
}