/* Solution ciblée pour corriger les blocs de groupe WordPress */
@media (max-width: 768px) {
	/* Corriger les blocs de groupe qui contiennent la vidéo */
	.wp-block-group .wp-block-group__inner-container {
		height: auto !important;
		line-height: 1.4 !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* Cibler spécifiquement votre bloc vidéo dans un groupe */
	.wp-block-group .video-mobile-spacing {
		height: auto !important;
		line-height: 1.2 !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	
	/* Corriger tous les blocs de groupe sur mobile */
	.wp-block-group {
		height: auto !important;
		line-height: 1.4 !important;
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	
	/* Forcer la correction de la hauteur excessive */
	.wp-block-group__inner-container {
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
	}
	
	/* Réduire l'espacement autour des éléments dans les groupes */
	.wp-block-group p,
		    .wp-block-group div,
		    .wp-block-group figure {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		line-height: 1.4 !important;
	}
}

/* Solution spécifique pour très petits écrans */
@media (max-width: 480px) {
	.wp-block-group,
		    .wp-block-group__inner-container {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}
}

/* Pour rendre certains éléments de menu non cliquables */
.unclickable > a {
	pointer-events: none !important;
}
body, p, h1 {
    font-family: sans-serif !important;
}

/* 1. On répare la police du corps et du titre H1 */
body, p, h1, h2, h3, h4, ul, ol, li, a {
    font-family: sans-serif !important;
}

/* 2. Au lieu de cacher le H1, on le rend élégant */
h1.entry-title, h1.page-title {
    font-size: 3.5rem; /* Ajuste la taille selon tes goûts */
    color: #007a21;    /* Une couleur vert foncé  propre */
    margin-bottom: 20px;
    font-weight: bold;
}