.elementor-7147 .elementor-element.elementor-element-d7fa9fb:not(.elementor-motion-effects-element-type-background), .elementor-7147 .elementor-element.elementor-element-d7fa9fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://intermarchechalette.fr/wp-content/uploads/2025/07/20250714_1707_Logo-Integre-dans-Cuir_remix_01k04qh0ejeewsqe3k77jj5py4.png");background-position:center center;background-size:contain;}.elementor-7147 .elementor-element.elementor-element-d7fa9fb > .elementor-background-overlay{background-color:#00000000;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7147 .elementor-element.elementor-element-d7fa9fb > .elementor-container{min-height:100vh;}.elementor-7147 .elementor-element.elementor-element-d7fa9fb{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:-6%;padding:0% 0% 0% 0%;z-index:0;}.elementor-bc-flex-widget .elementor-7147 .elementor-element.elementor-element-0756a3d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7147 .elementor-element.elementor-element-0756a3d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7147 .elementor-element.elementor-element-0756a3d.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-7147 .elementor-element.elementor-element-0756a3d > .elementor-element-populated >  .elementor-background-overlay{opacity:1;}.elementor-7147 .elementor-element.elementor-element-0756a3d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 0% 0% 0%;}.elementor-7147 .elementor-element.elementor-element-0756a3d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7147 .elementor-element.elementor-element-58db829 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7147 .elementor-element.elementor-element-d7fa9fb{padding:0% 0% 0% 0%;}.elementor-7147 .elementor-element.elementor-element-0756a3d.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(max-width:767px){.elementor-7147 .elementor-element.elementor-element-d7fa9fb{padding:5% 0% 5% 0%;}}/* Start custom CSS for shortcode, class: .elementor-element-58db829 *//* Réinitialisation des marges et du padding de tous les éléments */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Assurer que le body et html prennent toute la hauteur de l'écran */
html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

/* Conteneur principal de la roue et du formulaire */
.wof-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    row-gap: 0px;
    column-gap: 0px;
    flex-direction: row; /* mode desktop par défaut */
}

/* Conteneur de la roue */
.wof-left {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    padding-right: 7%;
    height: 100%;
}

/* Conteneur du formulaire (texte et input) */
.wof-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    max-width: 500px;
    height: 100%;
}

/* Appliquer la couleur #216B11 à tous les textes sauf celui du bouton */
.wof-title, .wof-explainer p, .wof-form-wrapper, .wof-disclaimer, .wof-input, label {
    color: #216B11 !important;
}

/* Bouton */
.wof-btn-submit {
    width: 100%;
    padding: 10px;
    background-color: #02285a;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.wof-btn-submit:hover {
    background-color: #4a76b7;
}

/* Mode mobile uniquement */
@media screen and (max-width: 768px) {
    .wof-wrapper {
        flex-direction: column;
        gap: 20px;
        height: auto;
    }

    .wof-left, .wof-right {
        max-width: 100%;
        height: auto;
    }
}

/* Textes dans les slices */
.wof-slice {
    font-family: 'Lilita One', sans-serif !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 5px;
    white-space: normal !important;
    overflow-wrap: break-word;
}

@media (max-width: 1080px) and (min-width: 768px) {
    .wof-wheel-standalone .wof-wheel .wof-inner-wrapper {
        flex-flow: row nowrap !important;
    }

    .wof-wheel-standalone .wof-right {
        margin-top: 0 !important;
    }
}


.wof-title,
.wof-disclaimer {
    text-align: center !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    width: 100%;
}


div.wof-wheel[data-id="7152"] .wof-fgcolor {
    color: #ffffff;
    text-align: center;
}

    .wof-explainer p {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 600 !important;
}


label.wof-fgcolor[for="ckb-consent_checkbox_1"] {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.wof-btn-submit {
    font-family: 'Lilita One', sans-serif !important;
}

.wof-title {
    font-family: 'Lilita One', sans-serif !important;
}

button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    display: none !important;
}


.wof-wheel .wof-slice {
    top: 50%;
    left: 50%;
    position: absolute;
    transform-origin: 0 0;
    text-align: right;
    width: 54%;
    font-weight: 700;
    color: #fff;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1.7px;/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d7fa9fb */.wof-right {
    background-color: #fff !important; /* Fond blanc */
    border-radius: 10px !important;    /* Coins arrondis */
}

div.wof-wheel[data-id="7152"] .wof-fgcolor {
    color: #ffffff;
    margin-left: 5px !important;
}


.wof-wheel .wof-form-wrapper a.button,
.wof-wheel .wof-form-wrapper button,
.wof-wheel .wof-form-wrapper input[type=email],
.wof-wheel .wof-form-wrapper input[type=number],
.wof-wheel .wof-form-wrapper input[type=text],
.wof-wheel .wof-form-wrapper select {
    width: 100% !important;
    border-radius: 4px;
    border: none;
    border-bottom: 2px solid #6ab359; /* Ligne en dessous */
    height: 38px;
    margin: 0;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1;
}


.wof-title.wof-fgcolor {
  font-family: 'Lilita One', cursive;
}

@media only screen and (max-width: 767px) {
  .wof-wheel[data-id="7152"] .wof-bg {
    background-image: url('https://intermarchechalette.fr/wp-content/uploads/2025/03/Sans-titre-1080-x-1920-px.png');
    opacity: 0.22;
    background-size: 50%;
  }
}


.wof-inner-wrapper {
  display: flex;
  flex-direction: row; /* direction par défaut */
}

/* Sur mobile (max-width à ajuster selon vos besoins) */
@media only screen and (max-width: 767px) {
  .wof-inner-wrapper {
    flex-direction: column-reverse !important; /* Inversion forcée en mode mobile */
  }
}

@media (max-width: 767px) {
    .elementor-7147 .elementor-element.elementor-element-d7fa9fb {
        padding: 0% 0% 0% 0% !important;}
        .div.wof-wheel .wof-right {
        padding: 5!important; 
    }/* End custom CSS */