.elementor-33631 .elementor-element.elementor-element-68265fac{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33631 .elementor-element.elementor-element-68265fac:not(.elementor-motion-effects-element-type-background), .elementor-33631 .elementor-element.elementor-element-68265fac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-el_color_0 );}.elementor-33631 .elementor-element.elementor-element-68265fac::before, .elementor-33631 .elementor-element.elementor-element-68265fac > .elementor-background-video-container::before, .elementor-33631 .elementor-element.elementor-element-68265fac > .e-con-inner > .elementor-background-video-container::before, .elementor-33631 .elementor-element.elementor-element-68265fac > .elementor-background-slideshow::before, .elementor-33631 .elementor-element.elementor-element-68265fac > .e-con-inner > .elementor-background-slideshow::before, .elementor-33631 .elementor-element.elementor-element-68265fac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://chambersign.yellowtie.fr/wp-content/uploads/2026/06/Demie_arche.webp");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button{background-color:#FFFFFF00;background-image:none;fill:var( --e-global-color-el_color_2_2 );color:var( --e-global-color-el_color_2_2 );border-radius:0px 0px 0px 30px;padding:25px 20px 25px 30px;}.elementor-33631 .elementor-element.elementor-element-10ebbb28{width:auto;max-width:auto;top:0px;}body:not(.rtl) .elementor-33631 .elementor-element.elementor-element-10ebbb28{right:0%;}body.rtl .elementor-33631 .elementor-element.elementor-element-10ebbb28{left:0%;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button, .elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button .elementor-button-icon{font-size:25px;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button:hover, .elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button:focus{color:var( --e-global-color-bfddd6f );}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button:hover svg, .elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button:focus svg{fill:var( --e-global-color-bfddd6f );}.elementor-33631 .elementor-element.elementor-element-5218fff9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-33631 .elementor-element.elementor-element-5218fff9::before, .elementor-33631 .elementor-element.elementor-element-5218fff9 > .elementor-background-video-container::before, .elementor-33631 .elementor-element.elementor-element-5218fff9 > .e-con-inner > .elementor-background-video-container::before, .elementor-33631 .elementor-element.elementor-element-5218fff9 > .elementor-background-slideshow::before, .elementor-33631 .elementor-element.elementor-element-5218fff9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33631 .elementor-element.elementor-element-5218fff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-33631 .elementor-element.elementor-element-acec546{--spacer-size:30px;}#elementor-popup-modal-33631 .dialog-widget-content{animation-duration:1.2s;background-color:rgba(255, 255, 255, 0);width:1200px;border-radius:100px 100px 100px 100px;}#elementor-popup-modal-33631{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-33631 .dialog-message{width:1200px;height:auto;max-height:var(--the7-fit-height, 100vh);}@media(min-width:768px){.elementor-33631 .elementor-element.elementor-element-5218fff9{--content-width:1200px;}}@media(max-width:1100px){.elementor-33631 .elementor-element.elementor-element-68265fac{--min-height:40vh;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button, .elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button .elementor-button-icon{font-size:22px;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button{padding:25px 18px 25px 25px;}#elementor-popup-modal-33631 .dialog-message{padding:0% 5% 0% 5%;}}@media(max-width:767px){.elementor-33631 .elementor-element.elementor-element-68265fac{--min-height:85vh;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button, .elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button .elementor-button-icon{font-size:22px;}.elementor-33631 .elementor-element.elementor-element-10ebbb28 .elementor-button{padding:20px 20px 20px 25px;}#elementor-popup-modal-33631 .dialog-message{padding:5% 5% 0% 5%;}}/* Start custom CSS for shortcode, class: .elementor-element-555c704 *//* =========================================================
   ChamberSign – Formulaire « Postuler à cette offre » (popup)
   Feuille de style indépendante des autres formulaires
   Couleur principale : #d21034
   ========================================================= */

.chambersign-postuler-form {
    --cp-primary: #d21034;
    --cp-primary-dark: #a80d29;
    --cp-primary-soft: rgba(210, 16, 52, .08);
    --cp-primary-ring: rgba(210, 16, 52, .18);
    --cp-text: #1f2430;
    --cp-muted: #8a909c;
    --cp-label: #3a404c;
    --cp-border: #e1e4ea;
    --cp-field-bg: #f8f9fb;
    --cp-radius: 12px;

    --cp-ico-user: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");
    --cp-ico-mail: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 6L2 7'/></svg>");
    --cp-ico-phone: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");
    --cp-ico-link: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/></svg>");
    --cp-ico-message: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/></svg>");
    --cp-ico-cv: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><path d='M14 2v6h6'/><circle cx='10' cy='13' r='2'/><path d='M7 19c.5-1.7 1.6-2.5 3-2.5s2.5.8 3 2.5M15 13h2M15 16h2'/></svg>");
    --cp-ico-letter: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><path d='M14 2v6h6M8 13h8M8 17h5'/></svg>");
    --cp-ico-check: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
    --cp-ico-send: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m22 2-7 20-4-9-9-4Z'/><path d='M22 2 11 13'/></svg>");

    /* Pas de carte : c'est le popup qui sert de conteneur */
    padding: clamp(22px, 4vw, 36px);
    border-top: 4px solid var(--cp-primary);
    color: var(--cp-text);
    font-size: 15px;
    line-height: 1.5;
    box-sizing: border-box;
}

.chambersign-postuler-form *,
.chambersign-postuler-form *::before,
.chambersign-postuler-form *::after {
    box-sizing: border-box;
}

/* Neutralise les <p> et <br> ajoutés automatiquement par CF7 */
.chambersign-postuler-form .cp-field > p,
.chambersign-postuler-form .cp-consent > p,
.chambersign-postuler-form .cp-submit > p {
    margin: 0;
}
.chambersign-postuler-form br {
    display: none;
}

/* ---------- En-tête du popup ---------- */

.chambersign-postuler-form .cp-header {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--cp-border);
}

.chambersign-postuler-form .cp-title {
    margin: 0 0 12px;
    padding: 0;
    color: var(--cp-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.chambersign-postuler-form .cp-required {
    margin: 0;
    color: var(--cp-muted);
    font-size: 13px;
}

/* ---------- Grille ---------- */

.chambersign-postuler-form .cp-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
}

.chambersign-postuler-form .cp-field-full {
    grid-column: 1 / -1;
}

.chambersign-postuler-form .cp-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.chambersign-postuler-form .cp-field label {
    font-size: 14px;
    font-weight: 600;
    color: var(--cp-label);
}

/* ---------- Champs texte ---------- */

.chambersign-postuler-form .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.chambersign-postuler-form input[type="text"],
.chambersign-postuler-form input[type="email"],
.chambersign-postuler-form input[type="tel"],
.chambersign-postuler-form input[type="url"],
.chambersign-postuler-form textarea {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 12px 14px 12px 44px;
    background-color: var(--cp-field-bg);
    border: 1.5px solid var(--cp-border);
    border-radius: var(--cp-radius);
    color: var(--cp-text);
    font: inherit;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none;
    outline: none;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
    -webkit-appearance: none;
            appearance: none;
}

.chambersign-postuler-form textarea {
    min-height: 100px;
    height: 100px;
    resize: vertical;
}

.chambersign-postuler-form ::placeholder {
    color: #a9aeb8;
    opacity: 1;
}

.chambersign-postuler-form input[type="text"]:hover,
.chambersign-postuler-form input[type="email"]:hover,
.chambersign-postuler-form input[type="tel"]:hover,
.chambersign-postuler-form input[type="url"]:hover,
.chambersign-postuler-form textarea:hover {
    border-color: #c9ced7;
}

.chambersign-postuler-form input[type="text"]:focus,
.chambersign-postuler-form input[type="email"]:focus,
.chambersign-postuler-form input[type="tel"]:focus,
.chambersign-postuler-form input[type="url"]:focus,
.chambersign-postuler-form textarea:focus {
    background-color: #fff;
    border-color: var(--cp-primary);
    box-shadow: 0 0 0 4px var(--cp-primary-ring);
}

/* ---------- Icônes ---------- */

.chambersign-postuler-form [data-name="postuler-nom"]::before,
.chambersign-postuler-form [data-name="postuler-prenom"]::before,
.chambersign-postuler-form [data-name="postuler-email"]::before,
.chambersign-postuler-form [data-name="postuler-tel"]::before,
.chambersign-postuler-form [data-name="postuler-linkedin"]::before,
.chambersign-postuler-form [data-name="postuler-message"]::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    width: 20px;
    height: 20px;
    background-color: var(--cp-muted);
    -webkit-mask: var(--cp-ico) center / contain no-repeat;
            mask: var(--cp-ico) center / contain no-repeat;
    pointer-events: none;
    transition: background-color .2s;
}

.chambersign-postuler-form .wpcf7-form-control-wrap:focus-within::before {
    background-color: var(--cp-primary);
}

.chambersign-postuler-form [data-name="postuler-nom"],
.chambersign-postuler-form [data-name="postuler-prenom"]   { --cp-ico: var(--cp-ico-user); }
.chambersign-postuler-form [data-name="postuler-email"]    { --cp-ico: var(--cp-ico-mail); }
.chambersign-postuler-form [data-name="postuler-tel"]      { --cp-ico: var(--cp-ico-phone); }
.chambersign-postuler-form [data-name="postuler-linkedin"] { --cp-ico: var(--cp-ico-link); }
.chambersign-postuler-form [data-name="postuler-message"]  { --cp-ico: var(--cp-ico-message); }

/* ---------- Pièces jointes (deux cartes côte à côte) ---------- */

.chambersign-postuler-form [data-name="postuler-cv"]::before,
.chambersign-postuler-form [data-name="postuler-lettre"]::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    background-color: var(--cp-primary);
    -webkit-mask: var(--cp-file-ico) center / contain no-repeat;
            mask: var(--cp-file-ico) center / contain no-repeat;
    pointer-events: none;
}

.chambersign-postuler-form [data-name="postuler-cv"]     { --cp-file-ico: var(--cp-ico-cv); }
.chambersign-postuler-form [data-name="postuler-lettre"] { --cp-file-ico: var(--cp-ico-letter); }

.chambersign-postuler-form input[type="file"] {
    width: 100%;
    padding: 52px 12px 14px;
    background: var(--cp-field-bg);
    border: 2px dashed #cfd4dc;
    border-radius: var(--cp-radius);
    color: var(--cp-muted);
    font: inherit;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
}

.chambersign-postuler-form input[type="file"]:hover,
.chambersign-postuler-form input[type="file"]:focus {
    border-color: var(--cp-primary);
    background-color: #fff;
    outline: none;
}

.chambersign-postuler-form input[type="file"]::file-.elementor-33631 .elementor-element.elementor-element-555c704-button {
    display: block;
    margin: 0 auto 8px;
    padding: 8px 16px;
    background: #fff;
    border: 1.5px solid var(--cp-primary);
    border-radius: 10px;
    color: var(--cp-primary);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s, color .2s;
}

.chambersign-postuler-form input[type="file"]::file-.elementor-33631 .elementor-element.elementor-element-555c704-button:hover {
    background-color: var(--cp-primary);
    color: #fff;
}

.chambersign-postuler-form .cp-field-help {
    margin: -6px 0 0;
    color: var(--cp-muted);
    font-size: 13px;
}

/* ---------- Consentement ---------- */

.chambersign-postuler-form .cp-consent {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--cp-border);
}

.chambersign-postuler-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.chambersign-postuler-form .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--cp-label);
    font-size: 13px;
    cursor: pointer;
}

.chambersign-postuler-form .wpcf7-acceptance input[type="checkbox"] {
    -webkit-appearance: none;
            appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    flex-shrink: 0;
    background: #fff center / 14px no-repeat;
    border: 2px solid #c3c8d1;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
}

.chambersign-postuler-form .wpcf7-acceptance input[type="checkbox"]:checked {
    background-color: var(--cp-primary);
    background-image: var(--cp-ico-check);
    border-color: var(--cp-primary);
}

.chambersign-postuler-form .wpcf7-acceptance input[type="checkbox"]:focus-visible {
    box-shadow: 0 0 0 4px var(--cp-primary-ring);
    outline: none;
}

/* ---------- Bouton d'envoi ---------- */

.chambersign-postuler-form .cp-submit {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.chambersign-postuler-form .wpcf7-submit {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 14px 54px 14px 28px;
    background: var(--cp-primary) var(--cp-ico-send) no-repeat right 22px center / 18px;
    border: 0;
    border-radius: var(--cp-radius);
    box-shadow: 0 8px 20px rgba(210, 16, 52, .25);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .2s, transform .2s, box-shadow .2s;
}

.chambersign-postuler-form .wpcf7-submit:hover {
    background-color: var(--cp-primary-dark);
    box-shadow: 0 10px 24px rgba(210, 16, 52, .32);
    transform: translateY(-2px);
}

.chambersign-postuler-form .wpcf7-submit:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--cp-primary-ring);
}

.chambersign-postuler-form .wpcf7-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}

.chambersign-postuler-form .wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 60px;
    background-color: #fff;
}
.chambersign-postuler-form .cp-submit {
    position: relative;
}

/* ---------- Validation & messages ---------- */

.chambersign-postuler-form .wpcf7-not-valid {
    border-color: #e5484d !important;
    background-color: #fff6f6 !important;
}

.chambersign-postuler-form .wpcf7-acceptance.wpcf7-not-valid {
    background: none !important;
    border: 0 !important;
}

.chambersign-postuler-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    color: #d63a3f;
    font-size: 13px;
    font-weight: 500;
}

.wpcf7:has(.chambersign-postuler-form) form .wpcf7-response-output {
    margin: 0 clamp(22px, 4vw, 36px) clamp(22px, 4vw, 36px);
    padding: 14px 18px;
    border: 0;
    border-left: 4px solid #d21034;
    border-radius: 10px;
    background: #fdf1f3;
    color: #7a0a1f;
    font-size: 14px;
}

.wpcf7:has(.chambersign-postuler-form) form.sent .wpcf7-response-output {
    border-left-color: #1f9d55;
    background: #edf9f1;
    color: #155d34;
}

.wpcf7:has(.chambersign-postuler-form) form.invalid .wpcf7-response-output,
.wpcf7:has(.chambersign-postuler-form) form.unaccepted .wpcf7-response-output {
    border-left-color: #e0a100;
    background: #fff8e8;
    color: #5c4a14;
}

/* ---------- Responsive : tablette ---------- */

@media (max-width: 767px) {
    .chambersign-postuler-form {
        padding: 24px 20px;
    }

    .chambersign-postuler-form .cp-title {
        font-size: 20px;
        padding-right: 36px; /* laisse la place à la croix du popup */
    }
}

/* ---------- Responsive : mobile ---------- */

@media (max-width: 600px) {
    .chambersign-postuler-form {
        padding: 20px 16px;
        border-top-width: 3px;
    }

    .chambersign-postuler-form .cp-header {
        margin-bottom: 18px;
        padding-bottom: 14px;
    }

    .chambersign-postuler-form .cp-title {
        font-size: 19px;
        margin-bottom: 6px;
    }

    /* Une seule colonne */
    .chambersign-postuler-form .cp-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    /* 16 px minimum : évite le zoom automatique sur iPhone */
    .chambersign-postuler-form input[type="text"],
    .chambersign-postuler-form input[type="email"],
    .chambersign-postuler-form input[type="tel"],
    .chambersign-postuler-form input[type="url"],
    .chambersign-postuler-form textarea {
        min-height: 50px;
        font-size: 16px;
    }

    .chambersign-postuler-form textarea {
        height: 90px;
        min-height: 90px;
    }

    /* Pièces jointes plus compactes : icône à gauche, bouton à droite */
    .chambersign-postuler-form input[type="file"] {
        padding: 12px 12px 12px 52px;
        text-align: left;
        font-size: 13px;
    }

    .chambersign-postuler-form input[type="file"]::file-.elementor-33631 .elementor-element.elementor-element-555c704-button {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 8px 14px;
    }

    .chambersign-postuler-form [data-name="postuler-cv"]::before,
    .chambersign-postuler-form [data-name="postuler-lettre"]::before {
        top: 15px;
        left: 16px;
        margin: 0;
        width: 24px;
        height: 24px;
    }

    .chambersign-postuler-form .cp-field-help {
        margin-top: -4px;
        font-size: 12px;
    }

    /* Case à cocher plus facile à toucher */
    .chambersign-postuler-form .wpcf7-acceptance input[type="checkbox"] {
        width: 22px;
        height: 22px;
    }

    .chambersign-postuler-form .wpcf7-submit {
        min-height: 54px;
        font-size: 16px;
    }

    .chambersign-postuler-form .wpcf7-submit:hover {
        transform: none;
    }

    .wpcf7:has(.chambersign-postuler-form) form .wpcf7-response-output {
        margin: 0 16px 20px;
    }
}/* End custom CSS */