.elementor-14 .elementor-element.elementor-element-6ffc40e{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6ffc40e:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6ffc40e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4ECE6;}/* Start custom CSS for html, class: .elementor-element-c9a1fc9 *//* --- PAGE NOTRE HISTOIRE (VERSION FINALE) --- */

/* Bannière */
.hero-banner-story { position: relative; height: 50vh; display: flex; align-items: center; justify-content: center; color: #FFFFFF; overflow: hidden; }
.hero-background-story { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://chocolatdeminuit.com/wp-content/uploads/2025/11/d91ab452-49c3-42b2-8692-df6477a069c0.png'); background-size: cover; background-position: center; animation: zoomIn 15s ease-out forwards; }
.hero-overlay-story { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(30, 20, 10, 0.5); }
.hero-content-story { position: relative; text-align: center; animation: fadeIn 2s ease-in-out; }
.hero-title-story { font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

/* Sections de contenu */
.story-section { padding: 80px 20px; }
.story-section--dark { background-color: #4A2E20; color: #F4ECE6; }
.story-container { display: flex; align-items: center; gap: 60px; max-width: 1100px; margin: 0 auto; }
.story-container--reverse { flex-direction: row-reverse; }
.story-text-col { flex-basis: 50%; }
.story-image-col { flex-basis: 50%; }
.story-image-col img { width: 100%; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.15); }
.story-title { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; color: #B58E4F; margin-top: 0; margin-bottom: 20px; }
.story-section--dark .story-title { color: #F4ECE6; }
.story-text-col p { font-family: 'Montserrat', sans-serif; line-height: 1.7; }

/* Bloc Concept (CORRIGÉ) */
.story-concept-container {
    max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative;
}
.concept-text-card {
    background-color: #FFFFFF; padding: 40px; border-radius: 12px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); max-width: 500px; text-align: center;
    position: relative; /* Ajout pour le z-index */
    z-index: 2; /* CORRECTION : La carte de texte est AU-DESSUS */
}
.concept-text-card .story-title { color: #4A2E20; }
.concept-bg-img {
    width: 300px; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    position: relative; /* Ajout pour le z-index */
}
.concept-bg-img--left { margin-right: -50px; transform: rotate(-5deg); z-index: 1; }
.concept-bg-img--right { margin-left: -50px; transform: rotate(5deg); z-index: 1; } /* CORRECTION : Les deux images sont DERRIÈRE */

/* Bloc CTA Final (CORRIGÉ) */
.story-cta-section { background-color: #F4ECE6; padding: 80px 20px; }
.story-cta-container { text-align: center; }
.story-cta-title { font-family: 'Cormorant Garamond', serif; font-size: 2.5rem; color: #4A2E20; margin-bottom: 30px; }
.story-cta-button {
    display: inline-block; background-color: #B58E4F; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: none; padding: 18px 40px; border-radius: 8px; transition: all 0.4s ease-in-out;
}
.story-cta-button:hover {
    background-color: #4A2E20;
    transform: translateY(-3px);
    color: #FFFFFF; /* CORRECTION : On force la couleur à rester blanche */
}

/* Responsive */
@media (max-width: 900px) {
    .story-container, .story-container--reverse { flex-direction: column; }
    .story-concept-container { flex-direction: column; gap: 30px; }
    .concept-bg-img--left, .concept-bg-img--right { margin: 0; transform: rotate(0); }
}
@media (max-width: 768px) {
    .hero-title-story { font-size: 2.5rem; }
    .story-title { font-size: 2.2rem; }
}/* End custom CSS */