/* barreau-core : composants affichés par les codes courts. Les couleurs viennent du theme.json. */

.barreau-bandeau {
	border-inline-start: 4px solid var(--wp--preset--color--accent, #1d5fd1);
	background: var(--wp--preset--color--surface, #f3f6fb);
	padding: 12px 16px;
	margin-block: 0 24px;
	font-size: 0.95em;
}

.barreau-dl { margin: 0 0 24px; display: grid; gap: 0; }
.barreau-dl__row {
	display: grid;
	grid-template-columns: minmax(120px, 34%) 1fr;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--wp--preset--color--border, #dde3ec);
}
.barreau-dl__row dt { grid-column: 1; font-weight: 700; }
.barreau-dl__row dd { grid-column: 2; margin: 0; overflow-wrap: anywhere; }

.barreau-sommaire h3 {
	margin-block: 24px 8px;
	padding-bottom: 6px;
	border-bottom: 2px solid var(--wp--preset--color--accent, #1d5fd1);
}
.barreau-sommaire ol { padding-inline-start: 1.4em; }
.barreau-sommaire li { margin-block: 6px; }
.barreau-sommaire__auteur { color: var(--wp--preset--color--muted, #555); font-size: 0.9em; }

.barreau-membres {
	list-style: none; padding: 0; margin: 0;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px;
}
.barreau-membres__item { display: grid; gap: 6px; text-align: center; }
.barreau-membres__item img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; overflow: hidden; }
.barreau-membres__item span { color: var(--wp--preset--color--muted, #555); font-size: 0.9em; }

.barreau-pdf { border: 1px solid var(--wp--preset--color--border, #dde3ec); background: #f5f5f5; }
.barreau-pdf__pages { display: grid; gap: 12px; padding: 12px; }
.barreau-pdf__page { display: block; width: 100%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.barreau-pdf.is-ready .barreau-pdf__fallback { display: none; }
.barreau-pdf__fallback { padding: 12px; margin: 0; }

@media (max-width: 480px) {
	.barreau-dl__row { grid-template-columns: 1fr; gap: 2px; }
	.barreau-dl__row dt, .barreau-dl__row dd { grid-column: 1; }
}

.barreau-fil-ariane ol { list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; font-size: 0.875rem; color: var(--wp--preset--color--muted, #555); }
.barreau-fil-ariane li + li::before { content: "‹"; margin-inline-end: 4px; color: var(--wp--preset--color--accent, #3a5cae); }
.barreau-fil-ariane a { text-decoration: none; }
.barreau-fil-ariane [aria-current] { overflow-wrap: anywhere; }