/*
 Theme Name:   Engitech Child
 Theme URI:    https://themeforest.net/user/thememarch
 Description:  Tema Child per Engitech
 Author:       ThemeMarch
 Author URI:   https://themeforest.net/user/thememarch
 Template:     engitech
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  engitech-child
*/

/* Stile Form Registrazione Professionisti */
#pi-registration-form {
    display: grid !important;
    gap: 20px !important;
    max-width: 700px !important;
    margin: 40px auto !important;
}

#pi-registration-form .pi-field label {
    font-weight: 600 !important;
    color: #01334D !important;
    margin-bottom: 8px !important;
}

#pi-registration-form input[type="text"], 
#pi-registration-form input[type="email"], 
#pi-registration-form input[type="password"], 
#pi-registration-form select {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

#pi-registration-form input[type="submit"] {
    background: #01334D !important;
    color: white !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
}

/* --- MESSAGGI DI NOTIFICA ELEMENTOR (SUCCESS & ERROR) --- */

/* 1. Messaggio di Successo (Verde o Blu Scuro) */
.elementor-message.elementor-message-success {
    background-color: #01334D !important; /* Blu scuro coerente con il brand */
    color: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin: 20px 0 !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(1, 51, 77, 0.2) !important;
}

/* 2. Messaggio di Errore (Rosso Professionale) */
.elementor-message.elementor-message-danger {
    background-color: #b91c1c !important; /* Rosso scuro per visibilità */
    color: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin: 20px 0 !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 8px 20px rgba(185, 28, 28, 0.2) !important;
}

/* Uniforma le icone all'interno dei messaggi */
.elementor-message svg {
    fill: #ffffff !important;
    margin-bottom: 8px;
    width: 24px;
}