/* Frontend styles for Alloma Inscription plugin */
.wrap {
    font-size:80%;
    width:100%;
    max-width: var(--wp--style--global--wide-size) !important;
    margin: 0 auto;
    padding: 20px;
    background: #ddd;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.wrap h2 {
    font-size:1.7rem;
    margin-top: 0;
    color: var(--wp--preset--color--alloma-bleu);
}
.wrap .alloma-form-section {
    border-radius:20px;
}
.wrap form  table {
    width:100%;
}
.wrap form  table th { width:190px; padding-right:1rem; vertical-align:top;}
.wrap form  table td { vertical-align:top;}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    text-align:right;
}

.required {
    color: #dc3232;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
    width: 100%;
    padding: 2px !important;
    border: 1px solid #ddd !important;
}

input
#code_postal { max-width:6rem; }

#siren,
#identifiant_opco,
#DFT_number,
input[type="tel"],
input[type="date"] {
    max-width: 15rem;
}

.alloma-participant {
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #eee;
}

#submit,
#alloma-add-participant {
    padding: 8px;
    cursor:pointer;
    color: var(--wp--preset--color--alloma-white);
    background-color:var(--wp--preset--color--alloma-blue);
    border:1px solid var(--wp--preset--color--alloma-white);
}
#submit:hover,
#alloma-add-participant:hover {
    background-color: var(--wp--preset--color--alloma-white);
    color:var(--wp--preset--color--alloma-blue);
    border:1px solid var(--wp--preset--color--alloma-blue);
}
#alloma-add-participant .dashicons {
    vertical-align:center;
}

p.submit { text-align:center; }



#alloma-form-messages {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 4px;
}

#alloma-form-messages.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

#alloma-form-messages.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

#alloma-add-participant {
    margin-top: 10px;
}

/* Message de confirmation après soumission du formulaire */
.alloma-confirmation-message {
    background-color: #d4edda;
    color: #155724;
    padding: 15px;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    margin: 20px 0;
    font-size: 16px;
}