.elementor-8973 .elementor-element.elementor-element-8b5e28a{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8973 .elementor-element.elementor-element-8b5e28a.e-con{--align-self:center;}.elementor-8973 .elementor-element.elementor-element-309505a .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-8973 .elementor-element.elementor-element-309505a .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-8973 .elementor-element.elementor-element-309505a .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-8973 .elementor-element.elementor-element-309505a .jet-listing-dynamic-image__caption{text-align:left;}.elementor-8973 .elementor-element.elementor-element-1c84929.elementor-element{--align-self:center;}.elementor-8973 .elementor-element.elementor-element-1c84929{z-index:20;}.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field__content{color:var( --e-global-color-8005dec );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );text-align:center;}.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-8973 .elementor-element.elementor-element-48c6bc0.elementor-element{--align-self:center;}.elementor-8973 .elementor-element.elementor-element-48c6bc0{z-index:20;text-align:center;}.elementor-8973 .elementor-element.elementor-element-48c6bc0 .elementor-heading-title{font-family:"Lexend Deca", Sans-serif;font-weight:400;letter-spacing:0px;color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field__content{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-field__content{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for jet-listing-dynamic-image, class: .elementor-element-309505a *//* Adaptation de ton ancien CSS pour JetEngine */
.elementor-8973 .elementor-element.elementor-element-309505a .jet-listing-dynamic-image__img {
    width: 100%;
    height: 300px; /* Ta hauteur fixe */
    object-fit: contain; /* Pour ne pas couper les assiettes/couverts */
    padding: 1rem;
    vertical-align: middle;
}

/* Petit effet hover sympa pour le luxe */
.elementor-8973 .elementor-element.elementor-element-309505a:hover .jet-listing-dynamic-image__img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-1c84929 *//* 1. On cache le voile par défaut */
.elementor-8973 .elementor-element.elementor-element-1c84929 .hover-overlay {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* 2. Au survol de la CARTE, on affiche le voile */
.elementor-8973 .elementor-element.elementor-element-1c84929:hover .hover-overlay {
    opacity: 1;
}

/* 3. Petit zoom élégant sur l'image en arrière-plan */
.elementor-8973 .elementor-element.elementor-element-1c84929 .jet-listing-dynamic-image__img,
.elementor-8973 .elementor-element.elementor-element-1c84929 .elementor-image img {
    transition: transform 0.5s ease;
}

.elementor-8973 .elementor-element.elementor-element-1c84929:hover .jet-listing-dynamic-image__img,
.elementor-8973 .elementor-element.elementor-element-1c84929:hover .elementor-image img {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b5e28a *//* 1. Le Parent : Référence de position */
.elementor-8973 .elementor-element.elementor-element-8b5e28a {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 2. LE VOILE ROUGE (Généré par CSS, sans conteneur) */
.elementor-8973 .elementor-element.elementor-element-8b5e28a::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(172, 30, 68, 0.9); /* Ton Rouge avec transparence */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 5; /* Devant l'image */
    pointer-events: none; /* Laisse passer le clic */
}

/* 3. LES TEXTES (Titre et Sous-titre) */
/* On cible tous les widgets à l'intérieur sauf l'image */
.elementor-8973 .elementor-element.elementor-element-8b5e28a .elementor-widget:not(.elementor-widget-image):not(.elementor-widget-jet-listing-dynamic-image) {
    position: absolute; /* On les détache du flux */
    left: 0;
    width: 100%; /* Prend toute la largeur */
    text-align: center; /* Centre le texte */
    opacity: 0; /* Caché par défaut */
    transition: all 0.4s ease;
    z-index: 10; /* Devant le voile rouge */
    pointer-events: none;
}

/* 4. POSITIONNEMENT PRÉCIS DES TEXTES */
/* Le Titre (premier widget texte) - On le place un peu plus haut */
.elementor-8973 .elementor-element.elementor-element-8b5e28a .elementor-widget:nth-of-type(2) {
    top: 40%; 
    transform: translateY(-50%);
}

/* Le Sous-titre (deuxième widget texte) - On le place un peu plus bas */
.elementor-8973 .elementor-element.elementor-element-8b5e28a .elementor-widget:nth-of-type(3) {
    top: 60%; /* Ajuste ce % si tu veux qu'il soit plus haut ou bas */
    transform: translateY(-50%);
}

/* 5. AU SURVOL (HOVER) */
/* Affiche le voile */
.elementor-8973 .elementor-element.elementor-element-8b5e28a:hover::before {
    opacity: 1;
}
/* Affiche les textes et les remonte légèrement pour un effet sympa */
.elementor-8973 .elementor-element.elementor-element-8b5e28a:hover .elementor-widget:not(.elementor-widget-image):not(.elementor-widget-jet-listing-dynamic-image) {
    opacity: 1;
}

/* 6. ZOOM IMAGE (Ton effet habituel) */
.elementor-8973 .elementor-element.elementor-element-8b5e28a .jet-listing-dynamic-image__img,
.elementor-8973 .elementor-element.elementor-element-8b5e28a .elementor-image img {
    transition: transform 0.5s ease;
    width: 100%;
}
.elementor-8973 .elementor-element.elementor-element-8b5e28a:hover .jet-listing-dynamic-image__img,
.elementor-8973 .elementor-element.elementor-element-8b5e28a:hover .elementor-image img {
    transform: scale(1.05);
}/* End custom CSS */