/* =====================
   HOVER & BOUTONS
===================== */
.wp-block-navigation-item__content:hover {
	background-color: transparent !important;
}

.wp-block-button__link:hover {
	background-color: #5f92a9 !important;
	color: #ffffff !important;
	border-color: #5f92a9 !important;
}

/* =====================
   BOUTON OUTLINE
===================== */
.wp-block-button__link.is-style-outline {
	background-color: transparent !important;
	color: #5f92a9 !important;
	border: 2px solid #5f92a9 !important;
}

.is-style-outline.has-secondary-background-color:hover,
.is-style-outline.has-background:hover .wp-block-button__link,
.wp-block-button__link.is-style-outline:hover {
	background-color: #5f92a9 !important;
	color: #ffffff !important;
	border-color: #5f92a9 !important;
}

/* =====================
   BARRE WORDPRESS
===================== */
#actionbar {
	display: none;
}

/* =====================
   LOGO
===================== */
.wp-block-site-logo img {
	max-height: 80px !important;
	width: auto !important;
}

.header .wp-block-image img,
.header-frontpage .wp-block-image img {
	max-height: 80px !important;
	width: auto !important;
}

/* =====================
   MENU - PAGE ACCUEIL
===================== */
.home .wp-block-navigation {
	background-color: transparent !important;
}

.home .wp-block-navigation a,
.home .wp-block-navigation .wp-block-navigation-item__label {
	color: #ffffff !important;
}

/* =====================
   MENU - AUTRES PAGES
===================== */
.not-home .wp-block-navigation {
	background-color: #ffffff !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.not-home .wp-block-navigation a,
.not-home .wp-block-navigation .wp-block-navigation-item__label {
	color: #5f92a9 !important;
}

/* =====================
   LOGO - AUTRES PAGES
===================== */
.not-home .header .wp-block-image {
	margin: 0 !important;
}

/* =====================
   BURGER 3 TRAITS - MOBILE
===================== */
@media (max-width: 768px) {
	/* Cache le SVG natif */
	.wp-block-navigation__responsive-container-open svg {
		display: none !important;
	}
	
	/* 3 traits */
	.wp-block-navigation__responsive-container-open::before {
		content: '';
		display: block;
		width: 28px;
		height: 3px;
		background-color: #5f92a9;
		box-shadow: 0 8px 0 #5f92a9, 0 16px 0 #5f92a9;
		margin: 4px 0 20px;
	}
	
	/* Blanc sur la page d'accueil */
	.home .wp-block-navigation__responsive-container-open::before {
		background-color: #ffffff;
		box-shadow: 0 8px 0 #ffffff, 0 16px 0 #ffffff;
	}
	
	/* Bouton burger */
	.wp-block-navigation__responsive-container-open {
		display: flex !important;
		color: #5f92a9 !important;
	}
	
	/* Menu ouvert : fond blanc */
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #ffffff !important;
	}
	
	/* Texte menu ouvert */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label,
																				    .wp-block-navigation__responsive-container.is-menu-open a {
		color: #5f92a9 !important;
	}
	
	/* Croix fermer */
	.wp-block-navigation__responsive-container-close svg {
		fill: #5f92a9 !important;
	}
	
	/* Logo au-dessus du menu */
	.header.is-layout-flex,
																				    .header-frontpage.is-layout-flex {
		flex-direction: column !important;
		align-items: center !important;
	}
	
	/* Header autres pages */
	.not-home .wp-block-group.header,
																				    .not-home .header.is-layout-flex {
		flex-direction: column !important;
		align-items: center !important;
	}
	
	/* Colonnes inversées */
	.container1 {
		display: flex;
		flex-direction: column-reverse;
	}
	
	/* Projets empilés */
	.projet {
		display: flex;
		flex-direction: column;
	}
}

/* =====================
   FOOTER DESKTOP
===================== */
@media (min-width: 769px) {
	.footer {
		display: flex;
		justify-content: space-between;
		margin-right: 4%;
		margin-left: 4%;
		margin-bottom: 2%;
	}
}

/* =====================
   QUERY LOOP - PROJETS
===================== */
/* Texte et titres */
.wp-block-query .wp-block-post-title,
.wp-block-query .wp-block-post-title a {
	color: #2d6a7f !important;
}

.wp-block-query .wp-block-post-excerpt p {
	color: #5f92a9 !important;
}

/* Espace entre articles */
.wp-block-query .wp-block-post {
	margin-bottom: 3rem !important;
	padding-bottom: 3rem !important;
	border-bottom: 1px solid #e0e0e0;
}

/* Logo centré verticalement */
.wp-block-query .wp-block-post .wp-block-column:first-child {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
}

/* Taille logo association */
.wp-block-query .wp-block-post-featured-image img {
	max-width: 200px !important;
	max-height: 200px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

/* =====================
   OBJETS DE LA FONDATION
===================== */
.objets-fondation .wp-block-image img,
.objets-fondation img,
.wp-block-columns.objets-fondation .wp-block-image img {
	height: 200px !important;
	width: 100% !important;
	object-fit: cover !important;
	border-radius: 8px !important;
}

/* =====================
   IMAGES COLONNE GAUCHE - LA FONDATION
===================== */
.image-gauche-fondation img {
	max-height: 250px !important;
	max-width: 250px !important;
	width: 100% !important;
	object-fit: cover !important;
	border-radius: 8px !important;
}

.image-gauche-fondation {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.page-template-page-projet .wp-block-column:first-child {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-self: center !important;
}

/* =====================
   JUSTIFICATION DU TEXTE
===================== */
.wp-block-post-content p:not(.has-text-align-center),
.wp-block-column p:not(.has-text-align-center),
.entry-content p:not(.has-text-align-center) {
	text-align: justify !important;
}

@media (max-width: 768px) {
	h2 {
		font-size: 1.5rem !important;
	}
}

/* =====================
   PAGE SOUMETTRE UN PROJET
===================== */
.soumettre-projet img {
	border-radius: 12px !important;
	width: 100% !important;
	height: 250px !important;
	object-fit: cover !important;
}

@media (max-width: 768px) {
	.soumettre-projet img {
		height: 200px !important;
	}
}

/* =====================
   MODE NUIT AUTOMATIQUE
===================== 
@media (prefers-color-scheme: dark) {
	body {
		background-color: #1a1a2e !important;
		color: #e0e0e0 !important;
	}
	
	.wp-block-post-content,
	    .entry-content,
	    .wp-block-group {
		background-color: #1a1a2e !important;
		color: #e0e0e0 !important;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color: #a8c8d8 !important;
	}
	
	.not-home .wp-block-navigation {
		background-color: #1a1a2e !important;
	}
	
	.not-home .wp-block-navigation a,
	    .not-home .wp-block-navigation .wp-block-navigation-item__label {
		color: #a8c8d8 !important;
	}
	
	p, li, span {
		color: #e0e0e0 !important;
	}
	
	.wp-block-query .wp-block-post-title,
	    .wp-block-query .wp-block-post-title a {
		color: #a8c8d8 !important;
	}
}*/
/* Header transparent sur la page d'accueil */
.home .wp-block-template-part,
.home .wp-block-template-part .wp-block-group,
.home .wp-block-template-part .menu1 {
	background-color: transparent !important;
	background: transparent !important;
}

/* Logo blanc uniquement sur l'accueil */
.home .wp-block-template-part .wp-block-image img {
	filter: brightness(0) invert(1) !important;
}

/* =====================
   HOVER OVERLAY - OBJETS DE LA FONDATION
===================== */
/* Conteneur relatif pour le positionnement */
.objet-education,
.objet-fragilite,
.objet-patrimoine {
	position: relative !important;
	overflow: hidden !important;
}

/* Overlay au hover */
.objet-education::after,
.objet-fragilite::after,
.objet-patrimoine::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(95, 146, 169, 0.85);
	opacity: 0;
	transition: opacity .3s ease;
}

/* Texte overlay */
.objet-education::before,
.objet-fragilite::before,
.objet-patrimoine::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 13px;
	font-family: Arial, sans-serif;
	text-align: center;
	padding: 10px;
	width: 90%;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 2;
	line-height: 1.6;
}

.objet-education::before {
	content: 'Une bonne éducation est la meilleure recette pour qu\'un enfant devienne un Homme debout ! C\'est pour cela que nous souhaitons soutenir les associations dont la mission principale est de faire grandir les plus jeunes.';
}

.objet-fragilite::before {
	content: 'Il est de notre devoir de porter une attention particulière aux plus petits et aux plus fragiles. Nous souhaitons être acteurs de ces progrès !';
}

.objet-patrimoine::before {
	content: 'Chaque homme a besoin pour se construire de connaitre son histoire et ses origines. Nous avons à cœur de préserver le patrimoine français pour les générations futures.';
}

/* Affichage au hover */
.objet-education:hover::after,
.objet-fragilite:hover::after,
.objet-patrimoine:hover::after,
.objet-education:hover::before,
.objet-fragilite:hover::before,
.objet-patrimoine:hover::before {
	opacity: 1;
}