/* =========================================================================
 * Eovest — styles de structure des blocs custom
 *
 * Ce fichier ne contient QUE le strict structurel (mise en page flex,
 * apparence de l'accordéon, iframe responsive). Les couleurs, typographies,
 * marges et alignements sont pilotés par l'éditrice via les réglages natifs
 * de l'éditeur de blocs (block supports), pas ici.
 *
 * Chargé côté front et côté éditeur via eovest_enqueue_blocks_style().
 * ========================================================================= */

/* ----------------------------------------------------------------------- */
/* Eovest — FAQ : accordéon <details>/<summary>                             */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-faq .eovest-faq__item {
	border: 1px solid currentColor;
	border-radius: 6px;
	margin-block-end: 0.5rem;
}

.wp-block-eovest-faq .eovest-faq__item:last-child {
	margin-block-end: 0;
}

.wp-block-eovest-faq .eovest-faq__question {
	cursor: pointer;
	padding: 0.75rem 1rem;
	font-weight: 600;
	list-style: none;
	position: relative;
	padding-inline-end: 2.5rem;
}

.wp-block-eovest-faq .eovest-faq__question::-webkit-details-marker {
	display: none;
}

.wp-block-eovest-faq .eovest-faq__question::after {
	content: "+";
	position: absolute;
	inset-inline-end: 1rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.3em;
	line-height: 1;
}

.wp-block-eovest-faq .eovest-faq__item[open] .eovest-faq__question::after {
	content: "\2212"; /* signe moins */
}

.wp-block-eovest-faq .eovest-faq__answer {
	padding: 0 1rem 1rem;
}

.wp-block-eovest-faq .eovest-faq__answer > *:first-child {
	margin-block-start: 0;
}

/* ----------------------------------------------------------------------- */
/* Eovest — Dispositifs fiscaux : pastilles                                 */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-dispositifs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding-inline-start: 0;
}

.wp-block-eovest-dispositifs .eovest-dispositifs__item {
	padding: 0.3em 0.85em;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.9em;
	line-height: 1.4;
}

/* ----------------------------------------------------------------------- */
/* Eovest — Co-promoteurs                                                   */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-copromoteurs {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: center;
	list-style: none;
	margin: 0;
	padding-inline-start: 0;
}

.wp-block-eovest-copromoteurs .eovest-copromoteurs__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
}

.wp-block-eovest-copromoteurs .eovest-copromoteurs__item a {
	display: contents;
	color: inherit;
	text-decoration: none;
}

.wp-block-eovest-copromoteurs .eovest-copromoteurs__logo {
	max-height: 60px;
	width: auto;
	object-fit: contain;
}

.wp-block-eovest-copromoteurs .eovest-copromoteurs__name {
	font-size: 0.85em;
}

/* ----------------------------------------------------------------------- */
/* Eovest — Carte : iframe responsive                                       */
/* La hauteur min. réglée dans l'éditeur s'applique au conteneur,           */
/* l'iframe en hérite.                                                       */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-carte {
	min-height: 400px;
}

.wp-block-eovest-carte iframe {
	display: block;
	width: 100%;
	min-height: inherit;
	border: 0;
}

/* ----------------------------------------------------------------------- */
/* Eovest — Vidéo : embed responsive                                        */
/* La hauteur min. réglée dans l'éditeur s'applique au conteneur,           */
/* l'embed en hérite. Sans réglage, l'embed garde sa taille naturelle.      */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-video iframe,
.wp-block-eovest-video video,
.wp-block-eovest-video .fluid-width-video-wrapper {
	display: block;
	width: 100%;
	min-height: inherit;
}

/* ----------------------------------------------------------------------- */
/* Eovest — Liste des commerces                                             */
/*                                                                          */
/* `columns: 2` répartit les items sur deux colonnes en flux vertical       */
/* (1-4 à gauche, 5-7 à droite pour 7 items). `break-inside: avoid` évite   */
/* qu'un item soit coupé entre deux colonnes.                                */
/* Sur petit écran, on retombe sur une seule colonne.                        */
/* ----------------------------------------------------------------------- */
.wp-block-eovest-liste-commerces {
	columns: 2;
	column-gap: 2rem;
	list-style: none;
	margin: 0;
	padding-inline-start: 0;
}

.wp-block-eovest-liste-commerces .eovest-liste-commerces__item {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	break-inside: avoid;
	page-break-inside: avoid;
	margin-block-end: 0.5rem;
}

.wp-block-eovest-liste-commerces .eovest-liste-commerces__item:last-child {
	margin-block-end: 0;
}

.wp-block-eovest-liste-commerces .eovest-liste-commerces__bullet {
	flex-shrink: 0;
	width: 1em;
	height: 1em;
}

.wp-block-eovest-liste-commerces .eovest-liste-commerces__separator {
	flex-shrink: 0;
	width: 0.85em;
	height: 0.85em;
	opacity: 0.6;
}

.wp-block-eovest-liste-commerces .eovest-liste-commerces__distance {
	opacity: 0.85;
}

@media (max-width: 600px) {
	.wp-block-eovest-liste-commerces {
		columns: 1;
	}
}