/* ===================================================================
   Personnalisations Groupe 3-D
   Ajouté le 26/07/2026 — Pierrick Hauguel

   Fichier volontairement séparé du thème : pour tout annuler, il
   suffit de supprimer ce fichier et la ligne wp_enqueue_style
   correspondante dans functions.php. Aucun fichier d'origine du
   thème n'est modifié par ces règles.
   =================================================================== */


/* -------------------------------------------------------------------
   1. Images : jamais plus larges que leur conteneur
   Corrige les débordements sur tablette et téléphone.
   ------------------------------------------------------------------- */
.site-content img,
.entry-content img,
.page-content img,
img.musicos {
	max-width: 100%;
	height: auto;
}


/* -------------------------------------------------------------------
   2. Bannière d'accueil sur tablette et téléphone

   Le bloc .full-screen reçoit par JavaScript une hauteur égale à
   celle de l'écran. Sur un téléphone — cadre étroit et très haut —
   l'image, qui est au format paysage, doit être énormément agrandie
   pour remplir ce cadre : les côtés sortent de l'écran et le groupe
   se retrouve coupé.

   On réduit la hauteur du cadre sur les petits écrans : l'image est
   moins agrandie, donc mieux cadrée, et on la centre.
   ------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
	.slider .full-screen {
		height: 70vh !important;
		min-height: 340px;
		background-position: center center !important;
	}
}

@media only screen and (max-width: 767px) {
	.slider .full-screen {
		height: 58vh !important;
		min-height: 300px;
	}
}


/* -------------------------------------------------------------------
   3. En-tête sur téléphone
   Le nom du groupe touchait le bord gauche de l'écran, faute de
   marge intérieure. On le décale et on réduit légèrement sa taille
   pour qu'il tienne sur une seule ligne à côté du bouton de menu.
   ------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.site-branding {
		padding-left: 15px;
	}

	.site-title {
		font-size: 1.5em;
		margin-top: 13px;
		margin-bottom: 13px;
	}
}


/* -------------------------------------------------------------------
   4. Titres de la page d'accueil
   Les règles de couleur et de taille sont générées automatiquement
   par les réglages ajoutés dans Apparence > Personnaliser >
   "Page d'accueil" > "Bannière". Rien à écrire en dur ici.
   ------------------------------------------------------------------- */