/* ============================================================
   account-forms.css
   Stili condivisi tra Login.cshtml e Register.cshtml
   ============================================================ */

/* ---------- Wrapper sezione ---------- */
.login-form {
    padding-block: 5%;
    padding-inline: 5%;
    background-color: rgb(246, 246, 246);
}

/* ---------- Card (ex stile inline sulle col) ---------- */
.form-card {
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}

/* ---------- Header card ---------- */
.form-card-title {
    background-color: #707070;
    width: 100%;
}

    .form-card-title h3 {
        padding: 27px 40px 31px 40px;
        font-size: 26px;
        line-height: 32px;
        color: #fff;
        font-weight: 700;
        margin: 0;
    }

/* ---------- Body card ---------- */
.form-body {
    padding: 35px 40px;
}

/* ---------- Label ---------- */
label {
    display: block;
    padding-bottom: 5px;
}

    label .required-mark {
        color: #56B3E4;
    }

/* ---------- Input ---------- */
input:not([type="checkbox"]):not([type="radio"]) {
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #e5e7ec;
}

    input:not([type="checkbox"]):not([type="radio"]):focus {
        outline: 1px solid #56B3E4;
    }

/* ---------- Singolo campo form ---------- */
.form-field {
    margin-bottom: 23px;
}

/* ---------- Pulsante submit ---------- */
.btn-submit {
    display: block;
    width: 100%;
    cursor: pointer;
    background: #56B3E4;
    padding: 17px 40px;
    border-radius: 30px;
    border: 0;
    box-shadow: 0 10px 15px #cccccc;
    color: white;
}

.btn-submit-small {
    cursor: pointer;
    background: #56B3E4;
    border-radius: 30px;
    border: 0;
    padding: 17px 40px;
    box-shadow: 0 10px 15px #cccccc;
    color: white;
}

/* ---------- Pulsante generico trasparente ---------- */
.btn-transparent {
    cursor: pointer;
    background: transparent;
    border: 0;
}

/* ---------- Colore accent (ex style="color: #56B3E4") ---------- */


/* ---------- Testo "Non hai ancora un account?" ---------- */
.form-secondary-text {
    font-family: 'Poppins', sans-serif;
    color: #808080;
    font-weight: 400;
    margin: 0 0 10px 0;
}

/* ---------- Nota campi obbligatori ---------- */
.form-mandatory-note {
    font-family: 'Poppins', sans-serif;
    color: #56B3E4;
    font-weight: 400;
    font-size: 10px;
    margin: 22px 0 0 0;
}

/* ---------- Footer azioni sotto il bottone ---------- */
.form-footer-actions {
    margin-top: 22px;
    text-align: center;
}

/* ---------- Logo Pharmaroom / immagini nelle card ---------- */
.form-card-img {
    display: block;
    margin: 50px auto 0 auto;
    max-width: 80%;
}

.modal-dialog {
    max-width: 90% !important;
}

.modal-body {
    padding-inline: 40px !important;
}

.form-modal h3 {
    line-height: 27px;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    color: black;
}

.form-modal-p {
    font-family: 'Poppins', sans-serif;
    color: #808080;
    font-weight: 400;
    font-size: 15px;
}

.form-modal .subtitle {
    font-size: 15px;
    font-weight: bolder;
    color: #56B3E4;
}