.elementor-923 .elementor-element.elementor-element-3609acc{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.45;--border-radius:70px 70px 0px 0px;--margin-top:-126px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;}.elementor-923 .elementor-element.elementor-element-3609acc:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-3609acc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f4516a4 );background-image:url("https://az-fermetures.fr/wp-content/uploads/2025/06/Pergola-7.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-923 .elementor-element.elementor-element-3609acc::before, .elementor-923 .elementor-element.elementor-element-3609acc > .elementor-background-video-container::before, .elementor-923 .elementor-element.elementor-element-3609acc > .e-con-inner > .elementor-background-video-container::before, .elementor-923 .elementor-element.elementor-element-3609acc > .elementor-background-slideshow::before, .elementor-923 .elementor-element.elementor-element-3609acc > .e-con-inner > .elementor-background-slideshow::before, .elementor-923 .elementor-element.elementor-element-3609acc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-923 .elementor-element.elementor-element-5e9dbb8{--display:flex;--justify-content:flex-end;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );color:var( --e-global-color-primary );}.elementor-923 .elementor-element.elementor-element-9d36167 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:52px;font-weight:600;color:var( --e-global-color-f4516a4 );}.elementor-923 .elementor-element.elementor-element-e9b9aa5{padding:0px 0px 20px 0px;}.elementor-923 .elementor-element.elementor-element-e9b9aa5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-f4516a4 );}.elementor-923 .elementor-element.elementor-element-a230579{--display:flex;--justify-content:flex-end;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-923 .elementor-element.elementor-element-95078fd{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-f4516a4 );}.elementor-923 .elementor-element.elementor-element-95078fd a{color:var( --e-global-color-f4516a4 );}.elementor-923 .elementor-element.elementor-element-c6a77bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:70px 70px 0px 0px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;--z-index:3;}.elementor-923 .elementor-element.elementor-element-c6a77bf:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-c6a77bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f4516a4 );}.elementor-923 .elementor-element.elementor-element-dae3340{width:100%;max-width:100%;}body.elementor-page-923:not(.elementor-motion-effects-element-type-background), body.elementor-page-923 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-923 .elementor-element.elementor-element-9d36167{text-align:center;}.elementor-923 .elementor-element.elementor-element-e9b9aa5{text-align:center;}}@media(max-width:767px){.elementor-923 .elementor-element.elementor-element-3609acc{--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:30px 30px 0px 0px;--margin-top:-87px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-923 .elementor-element.elementor-element-5e9dbb8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-923 .elementor-element.elementor-element-9d36167{width:var( --container-widget-width, 294px );max-width:294px;--container-widget-width:294px;--container-widget-flex-grow:0;}.elementor-923 .elementor-element.elementor-element-9d36167 .elementor-heading-title{font-size:34px;}.elementor-923 .elementor-element.elementor-element-e9b9aa5 .elementor-heading-title{font-size:16px;}.elementor-923 .elementor-element.elementor-element-95078fd{text-align:center;}.elementor-923 .elementor-element.elementor-element-c6a77bf{--border-radius:30px 30px 0px 0px;}}@media(min-width:768px){.elementor-923 .elementor-element.elementor-element-5e9dbb8{--width:50%;}.elementor-923 .elementor-element.elementor-element-a230579{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-dae3340 *//* Adaptation pour fond blanc */

/* Cartes principales - État normal */
.cursor-pointer > div:not(.bg-rouge) {
    background-color: #f9fafb; /* Gris très clair */
    border-color: #e5e7eb;
    color: #1f2937;
    transition: all 0.3s ease;
}

/* Cartes principales - Hover */
.cursor-pointer > div:not(.bg-rouge):hover {
    background-color: #ED1C24;
    border-color: #ED1C24;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Ombre neutre au lieu de rouge */
}

/* Tous les textes enfants passent en blanc au hover */
.cursor-pointer > div:not(.bg-rouge):hover * {
    color: white !important;
}

/* Cartes principales - État sélectionné */
.cursor-pointer > div.bg-rouge {
    background-color: #ED1C24;
    border-color: #ED1C24;
    color: white !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Ombre neutre */
}

/* Tous les textes enfants en blanc quand sélectionné */
.cursor-pointer > div.bg-rouge * {
    color: white !important;
}

/* Hover sur TOUTE la box des matières (pas juste la partie icône) */
.cursor-pointer:hover > div:not(.bg-rouge) {
    background-color: #ef4444;
    border-color: #ef4444;
}

.cursor-pointer:hover > div:not(.bg-rouge) * {
    color: white !important;
}

/* Icônes au survol et sélection */
.cursor-pointer > div:not(.bg-rouge):hover svg,
.cursor-pointer > div.bg-rouge svg {
    color: white !important;
}

/* Boutons +/- dans les quantités - État normal */
.bg-white.text-rouge {
    background-color: #1f2937 !important; /* Noir */
    color: #ffffff !important;
    border: 1px solid #1f2937 !important;
}

/* Boutons +/- dans les quantités - Hover */
.bg-white.text-rouge:hover {
    background-color: #ED1C24 !important; /* Rouge */
    color: #ffffff !important;
    border-color: #ED1C24 !important;
}

/* Indicateurs d'étapes */
.rounded-full.bg-gray-300 {
    background-color: #e5e7eb;
    color: #6b7280;
}

/* Titres des sections */
.bg-gray-100 {
    background-color: #f3f4f6;
    color: #1f2937;
}

/* Boutons navigation - État normal */
.bg-gray-600 {
    background-color: #1f2937; /* Noir */
}

.bg-gray-600:hover {
    background-color: #111827; /* Noir plus foncé */
}

/* Boutons principal (suivant/envoyer) - Rouge */
.bg-rouge {
    background-color: #ED1C24;
}

.bg-rouge:hover {
    background-color: #dc2626;
}

/* Boutons désactivés */
.disabled\:bg-gray-300:disabled {
    background-color: #d1d5db;
    color: #9ca3af;
}

/* Inputs et selects */
input, select, textarea {
    background-color: #ffffff;
    border-color: #e5e7eb;
    color: #1f2937;
}

input:focus, select:focus, textarea:focus {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Labels */
label {
    color: #1f2937;
}

/* Texte descriptif */
.text-gray-600 {
    color: #6b7280;
}

/* Bordures des conteneurs principaux */
.border-gray-200 {
    border-color: #e5e7eb;
}

/* Effet d'ombre sur l'étape active - ombre neutre */
.border-rouge.shadow-lg {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Span de quantité reste blanc dans les cartes sélectionnées */
.cursor-pointer > div.bg-rouge span.text-white {
    color: white !important;
}

/* Placeholder des inputs */
input::placeholder, textarea::placeholder {
    color: #9ca3af;
}

/* Message de succès */
.bg-green-600 {
    background-color: #059669;
}

/* Amélioration de la lisibilité des textes */
h2, h3, h4 {
    color: #1f2937;
}

/* Effet de transition sur toutes les cartes */
.transition-all {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Annuler les effets de shadow uniquement sur le texte noir */
.cursor-pointer > div:not(.bg-rouge):not(:hover) * {
    color: #1f2937 !important;
}

/* S'assurer que les textes restent noirs sur fond gris clair */
.cursor-pointer > div:not(.bg-rouge):not(:hover) h3,
.cursor-pointer > div:not(.bg-rouge):not(:hover) h4 {
    color: #1f2937 !important;
}

/* SVG icons: fond rouge => icône blanche même si le SVG utilise fill (pas seulement color) */
.cursor-pointer > div:not(.bg-rouge):hover svg,
.cursor-pointer > div.bg-rouge svg {
    color: white !important;
    fill: white !important;
    stroke: white !important;
}

.cursor-pointer > div:not(.bg-rouge):hover svg,
.cursor-pointer > div.bg-rouge svg {
    color: white !important;
    fill: white !important;
    stroke: white !important;
}

.elementor-923 .elementor-element.elementor-element-dae3340 .mb-3{
    background: transparent !important;
    box-shadow: none !IMPORTANT;
}

.cursor-pointer > div:not(.bg-rouge):hover svg,
.cursor-pointer > div.bg-rouge svg {
    color: initial !important;
    fill: initial !important;
    stroke: initial !important;
}

.elementor-923 .elementor-element.elementor-element-dae3340 .sticky{
    padding: 30px !IMPORTANT;
}/* End custom CSS */