/*
Theme Name:   Chorale Capriccio
Theme URI:    https://capriccio-versailles.fr
Description:  Thème enfant de Twenty Seventeen pour la Chorale Capriccio (Versailles).
              Ajoute la mise en forme de la rubrique « Répertoire » : lignes de
              compositeur, listes d'œuvres resserrées, mouvements de cycles,
              grille d'affiches, liste des saisons.
Author:       Chorale Capriccio
Template:     twentyseventeen
Version:      0.1.0
Text Domain:  chorale
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Répertoire — une saison
   ========================================================================== */

/* Ensemble (Chœur mixte, EVF, Voix d'Hommes) : H2 discret, en petites capitales
   plutôt que le H2 très large de Twenty Seventeen. */
.chorale-ensemble {
	margin: 2.5em 0 1em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ddd;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Ligne de compositeur : un paragraphe en gras, pas un titre. Vingt H3 sur une
   page, c'est de la soupe de titres. */
.chorale-compositeur {
	margin: 1.4em 0 0.2em;
	font-weight: 700;
	line-height: 1.3;
}

/* Liste d'œuvres : Twenty Seventeen aère beaucoup ; 45 œuvres deviendraient
   interminables. On resserre. */
.chorale-oeuvres {
	margin: 0 0 0 1.2em;
	padding: 0;
	list-style: none;
}

.chorale-oeuvres > li {
	margin: 0 0 0.15em;
	line-height: 1.45;
}

/* Précision d'effectif ou de provenance : présente mais en retrait. */
.chorale-precision {
	color: #767676; /* contraste 4.6:1 sur le fond blanc de Twenty Seventeen */
	font-size: 0.88em;
}

/* Mouvements d'un cycle : sous-liste allégée, jamais masquée. */
.chorale-mouvements {
	margin: 0.1em 0 0.3em 1.4em;
	padding: 0;
	list-style: none;
	color: #555;
	font-size: 0.92em;
}

.chorale-mouvements > li {
	margin: 0;
	line-height: 1.4;
}

/* Bloc « Reprises » : distinct, sans être relégué. */
.chorale-reprises {
	margin-top: 1.8em;
	padding-left: 1em;
	border-left: 3px solid #eee;
}

.chorale-reprises-titre {
	margin: 0 0 0.4em;
	font-weight: 700;
	font-size: 0.95rem;
}

/* Renvoi vers les œuvres chantées avec un autre ensemble : titres seulement. */
.chorale-renvoi {
	margin-top: 1.5em;
	font-size: 0.95em;
}

/* ==========================================================================
   Répertoire — index des saisons
   ========================================================================== */

.chorale-saisons {
	margin: 1.5em 0 0;
	padding: 0;
	list-style: none;
}

.chorale-saisons > li {
	padding: 0.55em 0;
	border-bottom: 1px solid #eee;
}

.chorale-saisons a {
	font-weight: 700;
	text-decoration: none;
}

.chorale-saisons a:hover,
.chorale-saisons a:focus {
	text-decoration: underline;
}

/* Résumé d'une saison dans l'index. */
.chorale-saisons .chorale-resume {
	display: block;
	color: #666;
	font-size: 0.9em;
}

/* Les deux saisons interrompues : présentes, non cliquables, en retrait. */
.chorale-saison-vide {
	color: #767676;
	font-style: italic;
}

/* Saison en cours. */
.chorale-badge {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.1em 0.5em;
	border-radius: 2px;
	background: #eee;
	color: #333;
	font-size: 0.72em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: 0.15em;
}

/* ==========================================================================
   Affiches
   ========================================================================== */

/* Le bloc Galerie natif de WordPress gère déjà la grille et la lightbox.
   On n'ajuste que le ratio, pour que la grille d'A4 portrait ne se déchire pas. */
.chorale-affiches .wp-block-image img,
.chorale-affiches .wp-block-gallery img {
	aspect-ratio: 1131 / 1600;
	object-fit: cover;
	object-position: top center;
}

.chorale-affiches figcaption {
	color: #666;
	font-size: 0.84em;
	line-height: 1.35;
	text-align: left;
}

/* ==========================================================================
   Note de convention (numérotation des extraits)
   ========================================================================== */

.chorale-note {
	margin-top: 2.5em;
	padding-top: 0.8em;
	border-top: 1px solid #eee;
	color: #767676;
	font-size: 0.85em;
}

/* ==========================================================================
   Impression — un choriste imprime sa saison
   ========================================================================== */

@media print {
	.chorale-affiches,
	.chorale-note {
		display: none;
	}

	.chorale-compositeur {
		margin-top: 0.8em;
	}

	.chorale-ensemble {
		margin: 1.2em 0 0.5em;
	}
}