/* Cha’Perchée — correctifs d'affichage (2026). Ne change pas le design : uniquement les petits écrans. */

/* Téléphones (moins de 480 px) */
@media (max-width: 29.99em) {

	/* Logo de l'accueil : ne déborde plus sur les petits téléphones */
	.main-logo .title {
		font-size: 7em;
		letter-spacing: 0.06em;
		margin-right: -0.06em;
	}

	/* Accueil : noms de catégorie longs (« Les bonnes adresses ») moins envahissants */
	.article_home .article-title {
		font-size: 2.8em;
		letter-spacing: 0.05em;
	}
}

/* Barre d'administration WordPress (visible seulement connecté) : elle chevauchait l'en-tête sur mobile */
@media screen and (max-width: 782px) {
	html {
		margin-top: 0 !important;
	}
	#wpadminbar {
		display: none !important;
	}
}

/* Images et vidéos intégrées dans les articles : jamais plus larges que l'écran */
.entry-content img,
.entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
	max-width: 100%;
}
.entry-content img {
	height: auto;
}

/* Vignette Instagram de l'accueil (remplace la newsletter) : le lien a l'apparence de l'ancien champ */
.form-text_link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.form-text_link:hover,
.form-text_link:focus {
	color: inherit;
	opacity: 0.75;
}