/*----------------------------------FORMDA ŞİFRE KISMI-----------------------------------------EA*/

/* Şifre input ve yanındaki butonun genel durumu */
.input-group:hover .form-control,
.input-group:hover .btn-outline-secondary,
.form-control:focus,
.btn-outline-secondary:focus {
    border-color: #adb5bd !important; /* Mavi yerine koyu gri */
    box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.25) !important; /* Hafif gri gölge */
}

/* Sadece input'un focus durumu için özel ayar */
.form-control:focus {
    border-color: #adb5bd !important;
    box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.25) !important;
}

/*--------------------------ÜYE OL FORMUNDAKİ İL SEÇME KISMININ TASARIMI--------------------------EA*/

/* Renk Eşitleme */
.form-control::placeholder,
select.form-select:invalid {
    color: #6c757d !important; /* Bootstrap'in standart text-muted rengi */
    opacity: 1; /* Firefox için tam görünürlük */
}

/* Gölgeyi Gri Yapma */
.form-control:focus,
.form-select:focus {
    border-color: #adb5bd !important; /* Odaklanınca kenarlık rengi */
    box-shadow: 0 0 0 0.25rem rgba(173, 181, 189, 0.25) !important; /*gri gölge */
    outline: 0;
}

/* Seçim yapıldıktan sonraki yazı rengi*/
select.form-select:valid {
    color: #495057 !important;
}

/*--------------------------ÜYE OLURKEN ŞARTLARI KABUL ETME BUTON TASARIMI--------------------------EA*/

/* Checkbox seçildiğinde (Checked) arka planını pembe yap - EA */
.form-check-input:checked {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
}

/* Checkbox'a tıklandığında (focus-ring) pembe yap - EA */
.form-check-input:focus {
    border-color: #e91e63 !important;
    box-shadow: 0 0 0 0.25rem rgba(233, 30, 99, 0.25) !important; 
}