.elementor-4918 .elementor-element.elementor-element-e25c7f1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4918 .elementor-element.elementor-element-e25c7f1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}#elementor-popup-modal-4918 .dialog-widget-content{background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4918{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4918 .dialog-message{width:947px;height:auto;}#elementor-popup-modal-4918 .dialog-close-button{display:flex;top:25px;}body:not(.rtl) #elementor-popup-modal-4918 .dialog-close-button{right:25px;}body.rtl #elementor-popup-modal-4918 .dialog-close-button{left:25px;}/* Start custom CSS for html, class: .elementor-element-2e3c5bf *//* --- CONFIGURATION GLOBALE DU COMPOSANT LPP --- */

.elementor img.lpp-card-img {
    height: 100%;
}

.lpp-card-wrapper {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px; /* Petit padding de sécurité */
}

.lpp-card-wrapper * {
    box-sizing: border-box;
}

.lpp-card {
    background-color: #18181b; /* zinc-900 */
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1024px; /* max-w-5xl */
    min-height: 280px;
    cursor: pointer;
    transition: transform 0.3s ease;
    position: relative;
}

.lpp-card:hover {
    transform: scale(1.01);
}

/* --- PARTIE GAUCHE : VISUEL --- */
.lpp-card-visual {
    position: relative;
    width: 100%;
    height: 12rem; /* h-48 mobile */
    overflow: hidden;
}

.lpp-card-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.8;
    transition: transform 0.7s ease-out;
}

.lpp-card:hover .lpp-card-img {
    transform: scale(1.05);
}

/* Overlay Dégradé : du bas vers le haut sur mobile */
.lpp-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #18181b 0%, rgba(24, 24, 27, 0.6) 60%, transparent 100%);
}

.lpp-card-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #ff812d; /* mv-yellow */
    color: #000;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    z-index: 10;
    font-family: 'Montserrat', sans-serif;
}

/* --- PARTIE DROITE : CONTENU --- */
.lpp-card-content {
    position: relative;
    width: 100%;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
    background-color: #18181b;
}

/* --- TYPOGRAPHIE --- */
.lpp-card-header {
    margin-bottom: 1rem;
}

.lpp-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.875rem; /* text-3xl */
    font-weight: 800;
    font-style: italic;
    letter-spacing: -0.025em;
    color: white;
    margin: 0 0 0.25rem 0;
    line-height: 1.1;
}

.lpp-highlight {
    color: #ff812d;
}

.lpp-subtitle {
    color: #d1d5db; /* gray-300 */
    font-size: 0.875rem;
    font-weight: 300;
    margin: 0;
}

/* --- GRAPHIQUE --- */
.lpp-graph {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 4rem;
    width: 100%;
    max-width: 24rem;
    margin-bottom: 1.5rem;
    opacity: 0.9;
}

.lpp-graph .bar {
    border-radius: 2px;
}

.lpp-graph .bar-gray { background-color: #4b5563; width: 8%; }
.lpp-graph .bar-dark { background-color: #374151; width: 4%; }
.lpp-graph .bar-yellow { 
    background-color: #ff812d; 
    width: 6%; 
    box-shadow: 0 0 10px rgba(251, 204, 4, 0.5);
}

.lpp-graph .spacer { margin: 0 1px; }
.lpp-graph .spacer-large { margin-left: 0.5rem; }

/* Hauteurs relatives */
.h-30 { height: 30%; }
.h-40 { height: 40%; }
.h-90 { height: 90%; }
.h-95 { height: 95%; }
.h-100 { height: 100%; }

/* Animation */
.animate {
    animation: lpp-pulse 2s infinite ease-in-out;
}

@keyframes lpp-pulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; filter: brightness(1.2); }
}

.lpp-graph-axis {
    flex-grow: 1;
    border-bottom: 1px solid #374151;
    height: 100%;
    position: relative;
}

.lpp-graph-axis span {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 10px;
    color: #6b7280;
    font-family: monospace;
}

/* --- BOUTON CTA --- */
.lpp-cta-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.lpp-btn {
    font-family: 'Montserrat', sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: #18181b;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.25rem;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.lpp-btn:hover {
    background-color: #ff812d; /* mv-yellow */
    color: black;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(255, 129, 45, 0.2);
}

.lpp-btn-icon {
    height: 1rem;
    width: 1rem;
    margin-left: 0.5rem;
    transition: transform 0.3s;
}

.lpp-card:hover .lpp-btn-icon {
    transform: translateX(4px);
}

.lpp-bg-decor {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 8rem;
    width: 8rem;
    color: #1f2937;
    opacity: 0.2;
    pointer-events: none;
}

/* --- RESPONSIVE DESKTOP (MD = 768px et +) --- */
@media (min-width: 768px) {
    .lpp-card {
        flex-direction: row;
    }
    
    .lpp-card-visual {
        width: 41.666667%; /* w-5/12 */
        height: auto;
    }
    
    /* Overlay Dégradé : de gauche à droite sur desktop */
    .lpp-card-overlay {
        background: linear-gradient(to right, #18181b 0%, rgba(24, 24, 27, 0.6) 60%, transparent 100%);
    }
    
    .lpp-card-content {
        width: 58.333333%; /* w-7/12 */
        padding: 2rem;
        background-color: transparent; /* Le parent a déjà la couleur */
    }
    
    .lpp-title {
        font-size: 2.25rem; /* text-4xl */
    }
    
    .lpp-subtitle {
        font-size: 1rem;
    }
}/* End custom CSS */