/* Base : variables, reset thème, anti-zoom */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

@property --eic-fw-progress {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

.eic-formulaire-wizard .eic-wizard-option,
.eic-formulaire-wizard .eic-wizard-prev,
.eic-formulaire-wizard .eic-wizard-next,
.eic-formulaire-wizard .eic-fw-stepper__node,
.eic-formulaire-wizard select,
.eic-formulaire-wizard input[type="date"],
.eic-formulaire-wizard input[type="text"] {
    -webkit-tap-highlight-color: transparent;
}

.eic-formulaire-wizard .eic-wizard-option:focus:not(:focus-visible),
.eic-formulaire-wizard .eic-wizard-prev:focus:not(:focus-visible),
.eic-formulaire-wizard .eic-wizard-next:focus:not(:focus-visible),
.eic-formulaire-wizard .eic-fw-stepper__node:focus:not(:focus-visible) {
    outline: none;
}

/* Calculateur mobile : .eic-wizard-step = pastilles ; ici = <section> d’étape */
@media (max-width: 1100px) {
    .eic-formulaire-wizard section.eic-wizard-step {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        cursor: default !important;
        position: static !important;
    }

    .eic-formulaire-wizard section.eic-wizard-step:hover,
    .eic-formulaire-wizard section.eic-wizard-step:focus-within,
    .eic-formulaire-wizard section.eic-wizard-step.active,
    .eic-formulaire-wizard section.eic-wizard-step.completed {
        box-shadow: none !important;
        transform: none !important;
        background: transparent !important;
        background-color: transparent !important;
    }
}

.eic-formulaire-wizard,
.eic-formulaire-wizard:hover,
.eic-formulaire-wizard .eic-fw-layout,
.eic-formulaire-wizard .eic-fw-layout:hover,
.eic-formulaire-wizard .eic-fw-card,
.eic-formulaire-wizard .eic-fw-card:hover,
.eic-formulaire-wizard .eic-fw-card__header,
.eic-formulaire-wizard .eic-fw-card__header:hover,
.eic-formulaire-wizard .eic-fw-card__body,
.eic-formulaire-wizard .eic-fw-card__body:hover,
.eic-formulaire-wizard .eic-fw-card__main,
.eic-formulaire-wizard .eic-fw-card__main:hover,
.eic-formulaire-wizard .eic-formulaire-wizard__steps,
.eic-formulaire-wizard .eic-formulaire-wizard__steps:hover,
.eic-formulaire-wizard .eic-wizard-step,
.eic-formulaire-wizard .eic-wizard-step:hover,
.eic-formulaire-wizard .eic-fw-mobile-simulation-top,
.eic-formulaire-wizard .eic-fw-mobile-simulation-top:hover,
.eic-formulaire-wizard .eic-fw-stepper,
.eic-formulaire-wizard .eic-fw-stepper:hover {
    transform: none !important;
    filter: none !important;
}

.eic-formulaire-wizard button:hover,
.eic-formulaire-wizard button:active,
.eic-formulaire-wizard .eic-wizard-option:hover,
.eic-formulaire-wizard .eic-wizard-option:active {
    transform: none !important;
}

.eic-formulaire-wizard .select2-container,
.eic-formulaire-wizard .select2-container:hover,
.eic-formulaire-wizard .select2-dropdown,
.eic-formulaire-wizard .select2-selection {
    transform: none !important;
}

.vc_row:has(.eic-formulaire-wizard):hover,
.vc_column_container:has(.eic-formulaire-wizard):hover,
.vc_column-inner:has(.eic-formulaire-wizard):hover,
.wpb_column:has(.eic-formulaire-wizard):hover,
.wpb_wrapper:has(.eic-formulaire-wizard):hover {
    transform: none !important;
    filter: none !important;
}

.elementor-element:has(.eic-formulaire-wizard):hover,
.elementor-widget-container:has(.eic-formulaire-wizard):hover,
.elementor-column:has(.eic-formulaire-wizard):hover {
    transform: none !important;
    filter: none !important;
}

.eic-formulaire-wizard {
    border-radius: var(--eic-fw-card-radius, 16px);
    --eic-fw-header-bg: #0b2f6b;
    --eic-fw-header-gradient-start: #0059d1;
    --eic-fw-header-gradient-end: #001a4d;
    --eic-fw-accent: #0067ed;
    --eic-fw-text: #1a1a1a;
    --eic-fw-muted: #5c6370;
    --eic-fw-border: #d7dce5;
    --eic-fw-soft: #f4f6fa;
    --eic-fw-card-radius: 16px;
    /* Hauteur zone étapes 1–4 : fallback CSS, affinée en JS via --eic-fw-steps-min-height */
    --eic-fw-steps-min-height: min(58vh, 540px);
    --eic-fw-steps-shell-pad-bottom: max(28px, calc(env(safe-area-inset-bottom, 0px) + 16px));
    width: 100%;
    max-width: 1100px;
    margin: 24px auto;
    padding: 0;
    box-sizing: border-box;
    font-family: Roboto, system-ui, -apple-system, "Segoe UI", Arial, Helvetica, sans-serif;
    color: var(--eic-fw-text);
}

.eic-formulaire-wizard .eic-fw-card,
.eic-formulaire-wizard .eic-fw-card:hover {
    transition-property: box-shadow, background-color, opacity, min-height, padding, padding-top, padding-bottom !important;
    transition-duration: 0.42s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.eic-formulaire-wizard .eic-fw-layout,
.eic-formulaire-wizard .eic-fw-card,
.eic-formulaire-wizard .eic-fw-card__body,
.eic-formulaire-wizard .eic-fw-card__main,
.eic-formulaire-wizard .eic-formulaire-wizard__steps {
    background-color: #ffffff !important;
}

.eic-formulaire-wizard__cta {
    margin-top: 16px;
    text-align: center;
}

.eic-formulaire-wizard__cta-link {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--eic-fw-accent);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}