.labels-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
}

/* ===== LABEL CARD ===== */
.label-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 80px; /* Was 180px */
    padding: 30px 40px 30px 30px; /* haut | droit | bas | gauche */
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    overflow: hidden;
    border-left: 10px solid #5191cd;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}

/* ===== COULEURS BANDES GAUCHES ===== */
.label-green { border-left-color: #009358; }
.label-blue { border-left-color: #5191cd; }
.label-orange { border-left-color: #f28705; }

/* ===== FONDS ===== */
.label-solid { background-color: #2C4964; }
.label-blur {
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
}

/* ===== BALAYAGE LUMINEUX ===== */
.label-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.25),
        transparent
    );
    transition: left 0.6s ease;
    pointer-events: none;
}

.label-card:hover::before {
    left: 100%;
}

/* ===== TEXTE ===== */
.label-title, .label-subtitle, .percentage {
    line-height: 1.1;
}
.label-description {
	line-height: 1.1;
	padding: 0px !important;
}

.label-Sustainability {
	line-height: 1.4 !important;
	font-size: 16px;
	color: rgba(255,255,255);
	font-weight: 300;
}

.text-green { color: #009358; }
.text-blue { color: #5191cd; }
.text-orange { color: #f28705; }
.text-white { color: #ffffff; }

/* ===== EFFETS HOVER ===== */
@keyframes pulse-internal {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.9; }
}

.label-card:hover {
    animation: pulse-internal 1.5s ease-in-out infinite;
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* ===== VARIANTE AVEC IMAGE ===== */
.label-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.label-text {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.label-image {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Bloc supplémentaire sous le contenu principal */
.label-extra {
    width: 100%;
    margin-top: 10px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .labels-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .label-content {
        flex-direction: column;
    }

    .label-text, .label-image {
        flex: 1 1 100%;
    }
}