/* ===== FORMULAIRE DE CONTACT EN FIN D'ARTICLE — FOND NOIR ===== */
html body section.elmi-post-form,
html body .elmi-post-form {
    width: 100% !important;
    max-width: 720px !important;
    margin: 30px auto 0 !important;
    padding: 28px 30px !important;
    background: #000000 !important;
    border: 3px solid var(--red) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    color: #ffffff !important;
}
html body .elmi-post-form h2 {
    font-family: var(--font-body) !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
html body .elmi-post-form > p {
    font-family: var(--font-body) !important;
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin: 0 0 14px !important;
}

/* SureForms à l'intérieur — adaptation thème noir */
.elmi-post-form .srfm-form-container,
.elmi-post-form [class*="srfm-form-container"],
.elmi-post-form form {
    background: transparent !important;
    max-width: 100% !important;
}

/* Labels en blanc */
.elmi-post-form label,
.elmi-post-form .srfm-label {
    color: #ffffff !important;
    font-size: 0.85rem !important;
}

/* Champs : fond gris foncé, texte blanc, bordure discrète */
.elmi-post-form input[type="text"],
.elmi-post-form input[type="email"],
.elmi-post-form input[type="tel"],
.elmi-post-form input[type="number"],
.elmi-post-form input[type="url"],
.elmi-post-form textarea,
.elmi-post-form select,
.elmi-post-form .srfm-input-common,
.elmi-post-form .ts-wrapper .ts-control,
.elmi-post-form .srfm-dropdown-common.ts-wrapper .ts-control {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 4px !important;
}
.elmi-post-form input::placeholder,
.elmi-post-form textarea::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

/* Bouton Envoyer — pastille rouge cohérente */
.elmi-post-form button[type="submit"],
.elmi-post-form .srfm-submit-btn,
.elmi-post-form input[type="submit"] {
    background: var(--red) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s !important;
}
.elmi-post-form button[type="submit"]:hover,
.elmi-post-form .srfm-submit-btn:hover,
.elmi-post-form input[type="submit"]:hover {
    background: var(--red-dark) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    html body .elmi-post-form {
        padding: 18px 16px !important;
        margin: 30px 12px 20px !important;
        max-width: calc(100% - 24px) !important;
    }
    html body .elmi-post-form h2 {
        font-size: 1rem !important;
    }
}