/* CSS Base per il form */

/* Stile generale per il form della newsletter */
.kaidor-newsletter-form {
    min-height: 48px;
    max-height: 48px;
    display: flex;
    flex-direction: row; /* Layout in riga per default */
    align-items: center;
    gap: 5px; /* Spazio tra gli elementi del form */
}

/* Stile per l'input email */
.kaidor-email-input {
    flex-grow: 1; /* Crescita flessibile per occupare lo spazio disponibile */
    height: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box; /* Include il padding e il bordo nella dimensione totale */
    min-height: 48px;
    max-height: 48px;
}

/* Stile per il pulsante di invio */
.kaidor-submit-btn {
    padding: 0 50px;
    height: 100%;
    border: none;
    background-color: #A5957D;
    color: white;
    cursor: pointer;
    min-height: 48px;
    max-height: 48px;
}

/* Stile per il checkbox della privacy */
.kaidor-privacy-check {
    display: flex;
    align-items: center; /* Allineamento verticale al centro */
    justify-content: center; /* Centratura orizzontale */
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #000000;
    margin-top: 10px;
    width: 100%;
}

/* Stile per l'etichetta del checkbox della privacy */
.kaidor-privacy-check label {
    margin-bottom: 0px !important;
    margin-left: 5px;
}

/* Stile per l'intestazione h2 della newsletter */
.kaidor-newsletter h2 {
    font-size: 38px !important;
    font-weight: 500 !important;
    line-height: 55px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* Stile per l'intestazione h3 della newsletter */
.kaidor-newsletter h3 {
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-align: center !important;
}

/* Media query per schermi con larghezza massima di 768px */
@media (max-width: 768px) {
    .kaidor-newsletter-form {
        flex-direction: column; /* Disposizione verticale per dispositivi mobili */
        align-items: stretch;
    }

    .kaidor-email-input {
        width: auto;
        max-width: 100%;
        min-height: 48px;
        padding: 10px 0; /* Padding verticale aggiustato per dispositivi mobili */
    }

    .kaidor-email-input::placeholder {
        font-size: 16px; /* Aumenta la dimensione del font per il placeholder */
        font-weight: 400; /* Imposta il peso del font */
        line-height: 12px; /* Adegua l'interlinea */
        text-align: left; /* Allinea il testo a sinistra */
        padding-left: 10px; /* Padding a sinistra per il placeholder */
    }

    .kaidor-submit-btn {
        font-size: 16px; /* Aumenta la dimensione del font per il pulsante */
        max-width: 50%;
        min-height: 48px;
        padding: 10px 20px; /* Aggiustato per dispositivi mobili, aumentato il padding orizzontale */
        margin-top: 70px; /* Aggiunge spazio tra il pulsante e la casella di privacy */
    }

    .kaidor-privacy-check {
        order: 2; /* Ordine modificato per mobile */
        justify-content: flex-start;
        align-items: flex-start; /* Allineamento verticale in alto */
        margin-bottom: 10px; /* Aggiunge spazio sotto il div della privacy */
    }

    .kaidor-newsletter h2 {
        font-weight: 500 !important;
        line-height: 42px !important;
        text-align: left !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        font-size:24px!important
    }

    .kaidor-newsletter h3 {
        font-weight: 400 !important;
        line-height: 32px !important;
        text-align: left !important;
    }
}