/* ------------------------------------------------------------------
   Palette IIPM (changez seulement ces 3 variables si besoin)
   ------------------------------------------------------------------ */
:root{
    --iipm-blue   : #125E86;  /* bouton + bordures */
    --iipm-green  : #157347;  /* carte “succès”    */
    --iipm-red    : #B91C1C;  /* carte “erreur”    */
}

/* ------------------------------------------------------------------
   Section centrée (s’applique à la page entière)
   ------------------------------------------------------------------ */
body.page-slug-verifier-votre-resultat{
    font-family: "Inter","Helvetica Neue",Arial,sans-serif;
    background:#F8FAFC;
    padding:60px 15px;
    text-align:center;
}

/* ------------------------------------------------------------------
   Formulaire
   ------------------------------------------------------------------ */
form[action*="verifier-votre-resultat"],
form.iipm-result-form{                        /* 2 sélecteurs = sûreté   */
    display:inline-flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:40px;
}

form[action*="verifier-votre-resultat"] input[name="iipm_code"]{
    padding:12px 18px;
    min-width:240px;
    font-size:16px;
    border:2px solid var(--iipm-blue);
    border-radius:8px 0 0 8px;
}

form[action*="verifier-votre-resultat"] button{
    background:var(--iipm-blue);
    color:#fff;
    border:2px solid var(--iipm-blue);
    border-radius:0 8px 8px 0;
    padding:12px 26px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:opacity .15s;
}
form[action*="verifier-votre-resultat"] button:hover{opacity:.88}

@media(max-width:480px){
    form[action*="verifier-votre-resultat"]{
        flex-direction:column;
        max-width:320px;
        margin:0 auto 40px;
    }
    form[action*="verifier-votre-resultat"] input[name="iipm_code"],
    form[action*="verifier-votre-resultat"] button{
        border-radius:8px;
        width:100%;
    }
}

/* ------------------------------------------------------------------
   Carte résultat (SUCCÈS / ERREUR)
   ------------------------------------------------------------------ */
.iipm-result{                          /* vos <div class="iipm-result …"> */
    max-width:640px;
    margin:0 auto;
    padding:28px 34px;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    color:#fff;
    text-align:left;
}

.iipm-result.success{background:var(--iipm-green);}
.iipm-result.error  {background:var(--iipm-red);}

.iipm-result h3{
    margin-top:0;
    font-size:28px;
    font-weight:700;
}

.iipm-result p{
    margin:6px 0;
    font-size:15px;
}