.ldp-dpe-ges {
	display: flex;
	flex-wrap: nowrap;
	gap: 32px;
	width: 100%;
}

/*
 * Le widget Elementor reçoit max-width:100% (ou width:100% selon le type de
 * conteneur) via une règle globale à forte spécificité
 * (.elementor.elementor .e-con>.elementor-widget). On la bat avec !important,
 * strictement scopé au widget qui contient .ldp-dpe-ges (aucun autre widget
 * n'est affecté).
 */
.e-con-inner > .elementor-widget-shortcode:has( .ldp-dpe-ges ),
.e-con > .elementor-widget-shortcode:has( .ldp-dpe-ges ) {
	width: 100% !important;
}

.ldp-energy-scale {
	flex: 1 1 0;
	min-width: 0;
}

.ldp-energy-scale__title {
	margin: 0 0 8px;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #2e3336;
}

.ldp-energy-scale__value {
	margin: 0 0 10px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #6b7684;
}

.ldp-energy-scale__bars {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ldp-energy-bar {
	display: flex;
	align-items: center;
	padding: 6px 14px;
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	border-radius: 4px 16px 16px 4px;
	opacity: 0.55;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.ldp-energy-bar.is-active {
	opacity: 1;
	font-size: 18px;
	padding: 10px 18px;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.25 );
}

/* Barème conso énergie (DPE) — dégradé vert -> rouge. */
.ldp-energy-scale--dpe .ldp-energy-bar--a {
	width: 40%;
	background: #009640;
}

.ldp-energy-scale--dpe .ldp-energy-bar--b {
	width: 50%;
	background: #52ae32;
}

.ldp-energy-scale--dpe .ldp-energy-bar--c {
	width: 60%;
	background: #c3d545;
	color: #2e3336;
}

.ldp-energy-scale--dpe .ldp-energy-bar--d {
	width: 70%;
	background: #fdd800;
	color: #2e3336;
}

.ldp-energy-scale--dpe .ldp-energy-bar--e {
	width: 80%;
	background: #fdb814;
}

.ldp-energy-scale--dpe .ldp-energy-bar--f {
	width: 90%;
	background: #f37021;
}

.ldp-energy-scale--dpe .ldp-energy-bar--g {
	width: 100%;
	background: #ed1c24;
}

/* Barème climat (GES) — dégradé violet clair -> foncé, conforme au DPE 2021. */
.ldp-energy-scale--ges .ldp-energy-bar--a {
	width: 40%;
	background: #eae1f5;
	color: #2e3336;
}

.ldp-energy-scale--ges .ldp-energy-bar--b {
	width: 50%;
	background: #cbb6e0;
	color: #2e3336;
}

.ldp-energy-scale--ges .ldp-energy-bar--c {
	width: 60%;
	background: #ad8bcb;
}

.ldp-energy-scale--ges .ldp-energy-bar--d {
	width: 70%;
	background: #8f60b6;
}

.ldp-energy-scale--ges .ldp-energy-bar--e {
	width: 80%;
	background: #7245a0;
}

.ldp-energy-scale--ges .ldp-energy-bar--f {
	width: 90%;
	background: #5c3690;
}

.ldp-energy-scale--ges .ldp-energy-bar--g {
	width: 100%;
	background: #451c7a;
}

@media ( max-width: 600px ) {
	.ldp-dpe-ges {
		flex-direction: column;
	}
}