/* Stile del contenitore principale */
#pwr-whatsapp-booking-form {
    /* Proprietà per centrare il blocco */
    margin-left: auto;
    margin-right: auto;
    max-width: 500px; /* Limita la larghezza per la leggibilità */

    /* Inversione dei colori */
    background-color: #000000; /* Sfondo nero */
    border: 1px solid white; /* Bordo bianco */
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1); /* Ombra chiara per sfondo scuro */
    border-radius: 8px;
}

/* Stile per l'intero form */
#pwr-form {
    display: flex;
    flex-direction: column; 
}

/* Stile per le etichette (Label) */
#pwr-form label {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    color: white; /* Testo bianco */
}

/* Stile per tutti gli elementi di input e select */
#pwr-form input[type="text"],
#pwr-form input[type="number"],
#pwr-form input[type="date"],
#pwr-form select,
#pwr-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    
    /* Inversione dei colori per i campi */
    background-color: #000000; /* Sfondo nero del campo */
    color: white; /* Testo digitato bianco */
    border: 1px solid white; /* Cornice bianca */
    
    border-radius: 4px;
    box-sizing: border-box; 
}

/* 🔄 Specifico per il Campo Data: Tentativo di rendere l'icona visibile 🔄 */

/* 1. Per browser basati su WebKit (Chrome, Safari): Rimuove l'icona predefinita */
#pwr-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* Inverte i colori dell'icona (da nero a bianco) */
    opacity: 1;
    display: block;
    cursor: pointer;
}

/* 2. Per Internet Explorer/Edge */
#pwr-form input[type="date"]::-ms-expand {
    background: white; /* Aggiunge uno sfondo bianco all'icona */
    border: 0;
}

/* 3. Aggiunge padding per dare spazio all'icona invertita */
#pwr-form input[type="date"] {
    padding-right: 15px; 
}

/* Assicurati che il testo segnaposto sia visibile su sfondo scuro (opzionale, a volte necessario) */
#pwr-form ::placeholder { 
  color: #aaa; /* Un grigio chiaro */
  opacity: 1; /* Forse necessario in alcuni browser */
}

/* Stile specifico per la textarea */
#pwr-submit-btn {
    /* Reset di alcuni stili base (mantenuti per chiarezza) */
    width: 100%;
    padding: 12px 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold; /* Aggiunto bold per coerenza con la richiesta precedente */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    border-radius: 4px; /* Mantenuto il raggio di curvatura */
    text-transform: uppercase; /* Aggiunto per un tocco in più, come suggerito prima */
}

/* STATO NORMALE: Sfondo #B8860B e testo bianco */
#pwr-submit-btn {
    background-color: #B8860B; /* Goldenrod scuro */
    color: #FFFFFF; /* Scritta bianca */
    border: 2px solid #B8860B; 
}

/* STATO HOVER: Sfondo trasparente, bordo #B8860B e testo #B8860B */
#pwr-submit-btn:hover {
    background-color: transparent; /* Diventa trasparente */
    color: #B8860B; /* Scritta diventa Goldenrod scuro */
    border-color: #B8860B; /* Bordo rimane Goldenrod scuro */
}

/* Stile per il messaggio di errore/info sotto il pulsante */
#pwr-error-message {
    display: none; /* Nascosto di default */
    padding: 15px;
    border: 1px solid #B8860B;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #1a1a1a; /* Sfondo grigio scurissimo */
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}