/* Médiathèque — cahier §9.3, maquette Mediatheque.dc.html. Mobile first. */

/* ===== S2 Album à la une ===== */
.mediatheque-une__grille { display: grid; gap: 32px; align-items: center; }
.mediatheque-une__media { display: block; }
.mediatheque-une__media:hover { text-decoration: none; }
.mediatheque-une__texte { display: flex; flex-direction: column; align-items: flex-start; }
.mediatheque-une .section-header { margin-bottom: 20px; }
.mediatheque-une .section-header__title { overflow-wrap: anywhere; }
.mediatheque-une__meta { margin: 0 0 16px; }
.mediatheque-une__resume {
	margin: 0 0 28px;
	display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
@media (min-width: 992px) {
	.mediatheque-une__grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; }
}

/* ===== S3 Tous les albums ===== */
.mediatheque-albums .section-header { margin-bottom: 32px; }
.mediatheque-albums__vide, .mediatheque-panneau__aucun, .mediatheque-panneau__vide {
	margin: 0; padding: 32px 24px; background: var(--blanc); border-radius: var(--rayon); color: var(--encre-2);
}
/* Message « aucun résultat » : région live vide tant que main.js n'y injecte rien. */
.mediatheque-panneau__vide:empty { display: none; }
.mediatheque-panneau__vide { margin-top: 24px; }
.mediatheque-barre { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.mediatheque-tabs { gap: 28px; margin-bottom: 0; }
.mediatheque-tabs .tabs__btn { min-height: 44px; padding: 0; font-size: 16px; }
.mediatheque-tabs .tabs__btn[aria-selected="true"] { color: var(--vert-texte); }
.mediatheque-tabs .tabs__btn:focus-visible { outline: 2px solid var(--vert-texte); outline-offset: 2px; }
.mediatheque-filtres { display: grid; grid-template-columns: 1fr; gap: 12px; }
.mediatheque-filtres select { font-size: 16px; }
@media (min-width: 768px) {
	.mediatheque-barre { flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; }
	.mediatheque-filtres { grid-template-columns: minmax(130px, auto) minmax(170px, auto) minmax(170px, auto); }
}

.mediatheque-panneau[hidden] { display: none; }
.mediatheque-panneau:focus-visible { outline: 2px solid var(--vert-texte); outline-offset: 8px; }
.mediatheque-grille { display: grid; grid-template-columns: 1fr; gap: 24px; margin: 0; padding: 0; list-style: none; }
.mediatheque-grille > li { display: flex; }
.mediatheque-grille > li[hidden] { display: none; }
.mediatheque-grille .album-card { width: 100%; }
@media (min-width: 768px) { .mediatheque-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .mediatheque-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .mediatheque-grille { grid-template-columns: repeat(4, minmax(0, 1fr)); } }