/* ╔══════════════════════════════════════════════════════════════╗
   ║  BREVO FORM - CSS (fourni par Brevo)                        ║
   ║  Ce bloc est REMPLAÇABLE : si tu changes de formulaire      ║
   ║  sur Brevo, colle ici le nouveau CSS fourni par Brevo.      ║
   ╚══════════════════════════════════════════════════════════════╝ */

@font-face {
    font-display: block;
    font-family: Roboto;
    src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 600;
    src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}

@font-face {
    font-display: fallback;
    font-family: Roboto;
    font-weight: 700;
    src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}

#sib-container input:-ms-input-placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container input::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container textarea::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║  SURCHARGES BRUTALIST - OsmoForge                          ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* Container */
#sib-container {
    border: 3px solid #1A1A2E !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 #1A1A2E;
}

/* Inputs text */
#sib-container .input {
    border: 3px solid #1A1A2E !important;
    border-radius: 0 !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    color: #1A1A2E !important;
    padding: 10px 12px !important;
}

#sib-container .input:focus {
    border-color: #29ABE2 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #29ABE2 !important;
}

/* Labels */
#sib-container .entry__label {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    color: #1A1A2E !important;
    font-weight: 700 !important;
}

/* Hidden native checkbox — hors du flux */
#sib-container .input_replaced {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Checkbox label row — flexbox alignement */
#sib-container .checkbox__label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    text-align: left !important;
}

/* Checkboxes — carré brutalist */
#sib-container .checkbox {
    border: 3px solid #1A1A2E !important;
    border-radius: 0 !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#sib-container .input_replaced:checked + .checkbox {
    background-color: #29ABE2 !important;
    border-color: #1A1A2E !important;
}

/* Checkbox text labels */
#sib-container .checkbox__label > span:last-child {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    color: #1A1A2E !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    flex: 1 !important;
}

/* Checkbox group spacing — reset du hack text-indent de sib-styles */
#sib-container .entry__choice {
    padding: 5px 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
}

/* Submit button */
#sib-container .sib-form-block__button {
    border: 3px solid #1A1A2E !important;
    border-radius: 0 !important;
    background-color: #1A1A2E !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 12px 24px !important;
    transition: all 0.15s ease !important;
    box-shadow: 4px 4px 0 #29ABE2;
}

#sib-container .sib-form-block__button:hover {
    background-color: #29ABE2 !important;
    box-shadow: 4px 4px 0 #1A1A2E;
}

/* Message panels */
.sib-form-message-panel {
    border-width: 3px !important;
    border-radius: 0 !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

/* Error entries */
#sib-container .entry__error {
    border-radius: 0 !important;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}

/* Form background */
.sib-form {
    background-color: transparent !important;
}

/* Page merci : cacher le champ email (pré-rempli via URL param) */
#merci-form-wrapper #sib-form > div:first-child {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}