/* Containerul principal al formularului */
.fidelity-form-container {
    background-color: #e6f0ff; /* Culoare de fundal pastel deschis, similară cu imaginea */
    padding: 40px 20px;
    border-radius: 10px;
    margin: 0 auto; /* Centrează formularul pe pagină */
}

/* Stil pentru Formular în sine */
.fidelity-form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Spațiu între câmpurile formularului */
}

/* Stil pentru Câmpurile de Intrare (input) și Selector (select) */
.fidelity-form input,
.fidelity-form select { /* <-- Am adăugat selectorul 'select' aici */
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #fff; /* Ramă albă */
    border-radius: 30px; /* Margini rotunjite */
    font-size: 16px;
    color: #333;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7); /* Umbra interioară albă subțire */
    transition: all 0.3s ease;
}

/* Stil specific pentru placeholder-ul din câmpul CNP */
.fidelity-form input::placeholder {
    color: #a0a0a0; /* Culoare text placeholder gri deschis */
}

/* Stil pentru opțiunea disabled/default din select (textul "Selectează luna nașterii") */
.fidelity-form select option[disabled] {
    color: #a0a0a0;
}

/* Stil la focus (când utilizatorul dă click în câmp sau select) */
.fidelity-form input:focus,
.fidelity-form select:focus {
    border-color: #a3c2ff; /* Ramă albastră deschisă la focus */
    box-shadow: 0 0 0 2px #a3c2ff;
}

/* Stil pentru Butonul de Verificare */
.fidelity-button {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid transparent; /* Ramă inițială transparentă */
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #5d509f; /* Text violet închis */
    background: #fff; /* Fundal alb */
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 0 0 2px #5d509f, 0 0 0 4px #a3c2ff; /* Ramă dublă (violet și albastru deschis) */
    transition: background-color 0.3s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
}

/* Stil pentru punctul din fața textului */
.fidelity-button .dot {
    font-size: 20px;
    line-height: 1;
    margin-right: 8px;
    color: #5d509f; /* Culoarea punctului similară cu textul */
}

/* Efect hover pentru buton */
.fidelity-button:hover {
    background-color: #f0f5ff; /* Schimbă ușor fundalul la hover */
}

/* Efect click/active pentru buton */
.fidelity-button:active {
    transform: scale(0.99);
}

#fidelityMessage {
    margin-top: 20px;
    padding: 15px;
    background: #fff4e5;
    border-left: 4px solid #ff9900;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 4px;
}
#fidelityMessage strong {
    color: #d67400;
}