/**
Theme Name: Nom du thème
Author: L'ébullition créative
Author URI: https://www.lebullitioncreative.com/
Template: hello-elementor
*/


/* ------------------- GENERAL------------------ */

.zoomimg {
	overflow: hidden !important;
}


/* ---------------------Footer--------------------- */

/* Articles (single post) - alignement sur la DA du site.
   Ajoute le 21/09/2026, L'ebullition creative, sur demande de Dorine.
   Aucun gabarit d'article n'existe dans Elementor Theme Builder : les
   articles retombaient sur le template par defaut de hello-elementor et
   s'affichaient en police systeme. Portee limitee a body.single-post,
   donc l'accueil et les pages Elementor ne sont pas touches.
   Pour revenir en arriere : supprimer ce bloc. */

body.single-post { background-color: #fcfaf9; }

body.single-post .site-main > .page-header,
body.single-post .site-main > .page-content {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

body.single-post .entry-title {
	font-family: "URW Din", sans-serif;
	font-size: 52px;
	line-height: 1.05;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 2rem;
}

body.single-post .page-content {
	font-family: "URW Din", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #7a7a7a;
}

body.single-post .page-content h2 {
	font-family: "URW Din", sans-serif;
	font-size: 32px;
	line-height: 1.1;
	font-weight: 600;
	color: #000;
	margin: 3rem 0 1rem;
}

body.single-post .page-content strong { color: #000; font-weight: 600; }
body.single-post .page-content a { color: #000; text-decoration: underline; }

@media (max-width: 767px) {
	body.single-post .entry-title { font-size: 32px; }
	body.single-post .page-content h2 { font-size: 24px; }
}

/* Image d'ouverture, partage et bloc commentaires des articles.
   Ajoute le 21/09/2026. Le bloc commentaires de hello-elementor est hors
   de .page-content : il gardait la police systeme et le rose #cc3366 du
   theme. Toujours scope a body.single-post. */

body.single-post .falcou-hero { margin: 0 0 2.5rem; }
body.single-post .falcou-hero img {
	width: 100%;
	height: clamp(260px, 40vh, 440px);
	object-fit: cover;
	display: block;
}

body.single-post .falcou-partage {
	margin: 3.5rem 0 0;
	padding-top: 2rem;
	border-top: 1px solid #e3ded9;
}
body.single-post .falcou-partage p.falcou-partage-titre {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.84px;
	color: #000;
	margin-bottom: 1rem;
}
body.single-post .falcou-partage a {
	display: inline-block;
	font-family: "URW Din", sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.84px;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	padding: 12px 24px;
	margin: 0 8px 8px 0;
	transition: color .2s, background-color .2s;
}
body.single-post .falcou-partage a:hover { color: #fff; background: #000; }

body.single-post .comments-area {
	max-width: 1140px;
	margin: 4rem auto 0;
	font-family: "URW Din", sans-serif;
	color: #7a7a7a;
}
body.single-post .comments-area h2,
body.single-post .comments-area h3,
body.single-post .comments-area .comment-reply-title {
	font-family: "URW Din", sans-serif;
	font-size: 32px;
	line-height: 1.1;
	font-weight: 600;
	color: #000;
}
body.single-post .comments-area p,
body.single-post .comments-area label {
	font-family: "URW Din", sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}
body.single-post .comments-area a { color: #000; }
body.single-post .comments-area input[type="text"],
body.single-post .comments-area input[type="email"],
body.single-post .comments-area input[type="url"],
body.single-post .comments-area textarea {
	font-family: "URW Din", sans-serif;
	font-size: 16px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
}
body.single-post .comments-area input[type="submit"] {
	font-family: "URW Din", sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.84px;
	color: #000;
	background: transparent;
	border: 1px solid #000;
	border-radius: 0;
	padding: 12px 24px;
	cursor: pointer;
	transition: color .2s, background-color .2s;
}
body.single-post .comments-area input[type="submit"]:hover { color: #fff; background: #000; }

/* Galerie d'article : toutes les cellules au meme format 3:4.
   Sans cela les trois cadrages paysage du shooting cassent l'alignement
   des rangees (cellules a 562 px au lieu de 666 px). */
body.single-post .wp-block-gallery.has-nested-images > figure.wp-block-image {
	aspect-ratio: 3 / 4;
}
body.single-post .wp-block-gallery.has-nested-images > figure.wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Portrait en vignette dans le corps de l'article (le chef au dressage). */
body.single-post .falcou-portrait {
	max-width: 340px;
	float: right;
	margin: 0 0 1.5rem 2rem;
}
body.single-post .falcou-portrait img { width: 100%; height: auto; display: block; }
body.single-post .falcou-portrait figcaption {
	font-family: "URW Din", sans-serif;
	font-size: 13px;
	color: #9a9a9a;
	margin-top: .5rem;
}
@media (max-width: 767px) {
	body.single-post .falcou-portrait { float: none; max-width: 100%; margin: 0 0 1.5rem; }
}
/* Respiration entre le bloc commentaires et le pied de page :
   il ne restait que 14 px. Padding et non margin, pour eviter la
   fusion des marges avec le footer. */
body.single-post .comments-area { padding-bottom: 6rem; }
@media (max-width: 767px) {
	body.single-post .comments-area { padding-bottom: 3.5rem; }
}
/* Galerie Inspirez-vous : le bouton « View More » d'Essential Addons est
   une chaine par defaut du plugin et pointe sur href="#", donc nulle part.
   On le masque tant qu'aucun lien reel n'est defini. Cible sur [href="#"] :
   si un jour un vrai lien est pose, le bouton reapparait tout seul. */
.eael-hg-content__item-link[href="#"] { display: none; }
/* Bandeau de references clients. Les logos sont televerses en couleur ;
   le noir et blanc est fait ici, pour garder la couleur au survol. */
.falcou-refs { padding: 4rem 0 4.5rem; }
.falcou-refs__titre {
	font-family: "URW Din", sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: #7a7a7a;
	text-align: center;
	margin: 0 0 2.5rem;
}
.falcou-refs__grille {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2.5rem 3.5rem;
	max-width: 1140px;
	margin: 0 auto;
}
.falcou-refs__grille img {
	height: 42px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .55;
	transition: filter .35s ease, opacity .35s ease;
}
.falcou-refs__grille img:hover {
	filter: grayscale(0);
	opacity: 1;
}
@media (max-width: 767px) {
	.falcou-refs { padding: 2.5rem 0 3rem; }
	.falcou-refs__grille { gap: 1.75rem 2.25rem; }
	.falcou-refs__grille img { height: 30px; max-width: 110px; }
}
/* Renfort de specificite : Elementor stylise les images du widget
   text-editor et ecrasait la taille des logos (ils sortaient en 180x140). */
.falcou-refs .falcou-refs__grille img,
.elementor-widget-text-editor .falcou-refs__grille img {
	height: 42px !important;
	width: auto !important;
	max-width: 160px !important;
	max-height: 42px !important;
	object-fit: contain;
	display: inline-block;
}
@media (max-width: 767px) {
	.falcou-refs .falcou-refs__grille img,
	.elementor-widget-text-editor .falcou-refs__grille img {
		height: 30px !important;
		max-height: 30px !important;
		max-width: 110px !important;
	}
}