/*
Theme Name: CPF Forez
Theme URI: https://choeurpolyphonique.com
Description: Thème enfant de Twenty Twenty-Five pour le Chœur Polyphonique du Forez. Couleurs reprises de la tenue de scène du chœur (noir, blanc, rose poudré et framboise) et de la pierre claire du Forez. Typographies servies depuis l'hébergement, sans aucune requête vers un service tiers.
Author: Chœur Polyphonique du Forez
Template: twentytwentyfive
Version: 1.0.6
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cpf-forez
*/

/* Tout le style est défini dans theme.json.
   Ce fichier ne contient que les quelques réglages qui n'y ont pas leur place. */

/* Les images ne débordent jamais de leur conteneur, y compris sur mobile. */
img,
video {
	max-width: 100%;
	height: auto;
}

/* Le filet sous les titres de section, rappel discret de l'écharpe. */
.wp-block-post-content h2:not(:first-child) {
	padding-top: 0.2em;
}

/* Lisibilité des liens dans le corps de texte : soulignement discret,
   décalé pour ne pas couper les jambages. */
.wp-block-post-content a:where(:not(.wp-element-button)) {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

/* Le pied de page reste lisible sur fond sable. */
.wp-block-site-title a {
	text-decoration: none;
}

/* Le nom du chœur tient sur une seule ligne dès qu'il y a la place.
   En dessous de 782 px (mobile), on laisse au contraire le retour à la ligne
   se faire, sinon le titre déborderait de l'écran. */
@media (min-width: 782px) {
	.wp-block-site-title {
		white-space: nowrap;
	}
}

/* Moins d'air entre le menu et le titre de page.
   Le gabarit pose une marge haute de 70 px sur <main>, EN STYLE EN LIGNE, à
   quoi s'ajoutent les 70 px de retrait du bloc qui porte le titre : 140 px
   au total, trop pour un site où l'on descend beaucoup. On ramène la marge
   à 28 px et on garde le retrait du bloc, ce qui laisse ~98 px.
   Le « !important » n'est pas une facilité : un style en ligne l'emporte sur
   toute règle de feuille, il n'y a pas d'autre moyen de le corriger d'ici. */
.wp-site-blocks > main {
	margin-block-start: 1.75rem !important;
}

/* Les deux réseaux du chœur, en pied de page.
   Les icônes sont dessinées dans parts/footer.html — aucune bibliothèque
   d'icônes n'est chargée, donc aucune requête vers un service tiers. */
.cpf-reseaux {
	margin-top: 1.2rem;
}

.cpf-reseaux a {
	display: inline-block;
	margin: 0 .55rem;
	color: inherit;
	opacity: .6;
	text-decoration: none;
}

.cpf-reseaux a:hover,
.cpf-reseaux a:focus-visible {
	opacity: 1;
}