/* __________________________ Style pour Query Loop ________________________ */


.wp-block-query .wp-block-post-title a {
	text-decoration: none;
}


/* _________ QL_Bloc : Style : Commun / Divers ______________ */

.QL_Bloc .wp-block-post-featured-image {
	max-height: 500px;
}


.QL_Bloc li a {
	transition: color 0.5s;
}


.QL_Align_Bas {
	/*  Probablement obsolete : préféré QL_Bloc_en_Bas */
	position: absolute;
	bottom: 0;
}


/* _____ HOVER _________*/

.QL_Bloc li:hover .wp-block-post-featured-image img {
	opacity: var(--cea-opacite-image-hover);
}

.QL_Bloc li:hover .wp-block-post-title a {
	color: var(--wp--preset--color--primary);
}


/* _________ Style : Grille par défaut (liste de blocs rectangulaire) ______________ */


.QL_Grille_Defaut li {
	background-color: var(--wp--preset--color--base);
	box-shadow: var(--cea-ombre_commune);
	position: relative;
}

.QL_Grille_Defaut .wp-block-post-featured-image img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/10;
}

.QL_Grille_Defaut li article {
	/*	position: relative;		désactivé pour aligner le post-date en bas du bloc	*/
	/*	z-index: 30;	désactivé pour voir le sous-menu supérieur avec les ancres */
	background-color: transparent !important;
}

.QL_Grille_Defaut .QL_Bloc_Defaut_Contenu .wp-block-post-title {
	margin-bottom: 0.5rem !important;
}


/* __ coin rouge ___ */
.QL_Coin_Rouge li::after {
	content: ' ';
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 30px;
	height: 30px;
	z-index: 2;
	border-bottom: 2px solid;
	border-right: 2px solid;
	border-color: var(--wp--preset--color--primary);
}


/* _________ Gestion du bloc aligné en Bas : Ex la date de publication ______________ */
/*
Eviter d'ajouter une marge manuellement, pour simplifier la gestion du Responsive.
Utiliser conjointement :
.avec_bloc_en_bas > sur le bloc concerné le plus adapté à la situation
.bloc_en_bas ou .bloc_en_bas_a_droite > sur le bloc "Boutons" pour le Bouton "En savoir plus"

OBSOLETE > .QL_Grille_avec_Bloc_en_Bas > sur le "Modèle de Publication" avec QL_Bloc QL_Grille_Defaut QL_Grille_avec_Bloc_en_Bas
OBSOLETE > .QL_Bloc_en_Bas > sur le bloc "Date de publication" ou un groupe

*/
/*
.QL_Grille_avec_Bloc_en_Bas article  {
	padding-bottom: 40px;
}

.QL_Bloc_en_Bas {
	position: absolute;
	bottom: 15px;
}*/



/* _________ Style : QL_Bloc_Mini (ex : dans barre latérale) ______________ */

.QL_Bloc.QL_Bloc_Mini li article>div {
	min-height: 60px;
}

.QL_Bloc.QL_Bloc_Mini li .wp-block-post-title {
	margin-top: 8px;
	margin-bottom: 5px;
}

/* _________ Style : QL_Bloc_Mini_Compact (ex : dans En relation ou Évènements passés) ______________ */

.QL_Bloc.QL_Bloc_Mini_Compact li {
	margin-block: 5px 0;
}

.QL_Bloc.QL_Bloc_Mini_Compact li article>div {
	min-height: 60px;
}

.QL_Bloc.QL_Bloc_Mini_Compact li .wp-block-post-title {
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 5px;
}

/* Tablettes, Ecran ( au-dessus de 640px) */
@media (min-width: 640px) {
	.QL_Bloc.QL_Bloc_Mini_Compact .wp-block-post-featured-image img {
		min-width: 110px;
		min-height: 110px;
		object-fit: contain !important;
	}
}

/* _________ Style : QL_Bloc_Moyen  ______________ */



/* _________ Style : QL_Bloc_Large (ex : Accueil, Résultats de recherche) ______________ */

.QL_Bloc_Large li {
	box-shadow: var(--cea-ombre_commune);
}

.QL_Bloc_Large .QL_Visuel,
.QL_Bloc_Large .QL_Visuel * {
	align-self: stretch;
	display: flex;
	flex: 1;
	max-height: 300px;
}

.QL_Bloc_Large .wp-block-post-featured-image img {
	object-fit: cover !important;
}

.QL_Bloc_Large .Image_par_defaut img {
	display: none;
	min-height: auto;
	max-height: min-content;
}

.QL_Bloc_Large .Image_par_defaut {
	background-image: var(--url-image-par-defaut);
	background-position: center;
	background-size: cover;
	object-fit: cover;

}





/* _________ Responsive de la vue en grille ______________ */

/* Large appareils (ordinateurs de bureau, moins de 1120px) */
@media (max-width: 1120px) {
	.QL_Bloc.columns-6 {
		grid-template-columns: repeat(5, 1fr)
	}

	.QL_Bloc.columns-5 {
		grid-template-columns: repeat(4, 1fr)
	}

	.QL_Bloc.columns-4 {
		grid-template-columns: repeat(3, 1fr)
	}
}

/* Tablettes, Smartphone ( moins de 782px) */
@media (max-width: 782px) {

	.QL_Bloc.columns-6 {
		grid-template-columns: repeat(4, 1fr)
	}

	.QL_Bloc.columns-5 {
		grid-template-columns: repeat(3, 1fr)
	}

	.QL_Bloc.columns-4,
	.QL_Bloc.columns-3 {
		grid-template-columns: repeat(2, 1fr)
	}
}