/**
 * Styles de bloc natifs utilisés par le template de la fiche formation.
 *
 * Cf. includes/block-styles.php pour l'enregistrement (register_block_style).
 * Tokens theme.json (webecom-theme-siam).
 */

/* Programme — accordéon (core/details), cf. siam-design-system/08 */
.wp-block-details.is-style-module-formation {
	border-bottom: 1px solid var( --wp--preset--color--primary );
	padding-block: 1.15rem;
	margin-bottom: 0;
}

.wp-block-details.is-style-module-formation summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	font-family: var( --wp--preset--font-family--display );
	font-weight: 700;
	font-size: 1.02rem;
	color: var( --wp--preset--color--primary );
}

.wp-block-details.is-style-module-formation summary::-webkit-details-marker {
	display: none;
}

.wp-block-details.is-style-module-formation summary::after {
	content: "";
	flex: 0 0 auto;
	width: 0.55em;
	height: 0.55em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate( 45deg );
	transition: transform 0.2s ease;
}

.wp-block-details.is-style-module-formation[ open ] summary::after {
	transform: rotate( -135deg );
}

.wp-block-details.is-style-module-formation[ open ] summary {
	margin-bottom: 0.9rem;
}

/* Pour qui / Prérequis — encadré (core/group) */
.wp-block-group.is-style-encadre {
	background: var( --wp--preset--color--surface-warm );
	border: 1px solid var( --wp--preset--color--surface );
	border-radius: var( --wp--custom--radius--md );
	padding: 1.2rem 1.4rem;
}

/* Modalités — carte d'item (core/group). Bordure teintée primary (visible sur
   fond blanc — --surface est trop clair pour se voir, cf. retour Océane). */
.wp-block-group.is-style-carte-modalite {
	background: var( --wp--preset--color--base );
	border: 1px solid rgba( 29, 49, 100, 0.15 );
	border-radius: var( --wp--custom--radius--sm );
	padding: 1.1rem 1.2rem;
}

/* Modalités — petit label en accent (core/heading) */
.wp-block-heading.is-style-label-accent {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var( --wp--preset--color--accent );
	margin-bottom: 0.5rem;
}

/* Kicker — sur-titre de section (core/paragraph), cf. maquettes financement */
.wp-block-paragraph.is-style-kicker {
	font-family: var( --wp--preset--font-family--heading );
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.8;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: var( --wp--preset--color--accent );
	margin: 0 0 0.75rem;
}