/**
 * ARCL Core — styles autonomes du panneau de détails activité.
 * Volontairement neutres : le thème theme-arcl peut tout surcharger via .arcl-*.
 */

.arcl-details {
	display: grid;
	gap: 2rem;
	margin-block: 2rem;
}

.arcl-bloc > h2 {
	margin: 0 0 .5rem;
	font-size: 1.25rem;
}

/* Créneaux */
.arcl-creneaux,
.arcl-intervenants,
.arcl-tarifs,
.arcl-galerie {
	list-style: none;
	margin: 0;
	padding: 0;
}

.arcl-creneau,
.arcl-intervenant,
.arcl-tarif {
	padding: .4rem 0;
	border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	line-height: 1.5;
}

.arcl-creneau__cours {
	font-weight: 600;
}

.arcl-creneau__salle,
.arcl-creneau__niveau,
.arcl-creneau__note {
	opacity: .8;
	font-size: .95em;
}

.arcl-horaire-libre {
	font-style: italic;
	opacity: .85;
}

/* Intervenants */
.arcl-intervenant__role {
	font-weight: 600;
}

.arcl-intervenant__contact {
	opacity: .85;
	font-size: .95em;
}

/* Tarifs */
.arcl-tarif--gratuit {
	font-weight: 600;
}

.arcl-tarif__montant {
	font-weight: 600;
}

/* Galerie */
.arcl-galerie {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: .5rem;
}

.arcl-galerie img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 6px;
	display: block;
}

/* Inscription */
.arcl-inscription {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-top: .5rem;
}

.arcl-btn {
	display: inline-block;
	padding: .65rem 1.2rem;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
}

.arcl-btn--inscription {
	background: #417584; /* bleu pétrole — charte L'Étoile, à aligner sur theme.json */
	color: #fff;
}

.arcl-btn--pdf {
	border: 2px solid currentColor;
}