/* FILE: style-login.css */

/* =================================================== */
/* 1. BRANDING & UMUM */
/* =================================================== */

/* Warna utama Wiipay (Kuning/Orange terang - menggunakan warna Bootstrap Warning) */
.text-warning {
    color: #ffc107 !important; 
    font-weight: 700;
}

/* Mengubah warna tombol sekunder (secondary) CORK menjadi warna brand */
.btn-secondary,
.btn-warning {
    background-color: #ffc107 !important; 
    border-color: #ffc107 !important;
    color: #212529 !important; /* Teks gelap */
    font-weight: 700;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-secondary:hover,
.btn-warning:hover {
    background-color: #e0a800 !important; /* Warna sedikit lebih gelap saat hover */
    border-color: #e0a800 !important;
}

/* Mengubah fokus isian form agar sesuai dengan warna brand */
.form-control:focus {
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important;
}

/* Style default untuk tautan */
.text-primary {
    color: #007bff !important;
}

/* Style untuk kartu/container login agar terlihat lebih resmi */
.card {
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}


/* =================================================== */
/* 2. STYLE TAB (NAV-PILLS CUSTOM) */
/* =================================================== */

.nav-pills-custom .nav-link {
    border-radius: 50px; /* Bentuk pil/rounded */
    padding: 10px 20px;
    font-weight: 600;
    color: #6c757d; /* Warna teks non-aktif */
    margin: 0 5px;
    transition: all 0.3s ease; /* Transisi untuk perpindahan yang mulus */
    border: 1px solid transparent;
}

.nav-pills-custom .nav-link.active {
    background-color: #ffc107 !important; /* Warna Wiipay/Warning */
    color: #212529 !important; /* Warna teks aktif */
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.25);
    border-color: #ffc107 !important;
}

/* =================================================== */
/* 3. PENGHAPUSAN IKON VALIDASI & PENYESUAIAN FEEDBACK */
/* =================================================== */

/* Input TIDAK VALID (Merah) */
.form-control.is-invalid {
    border-color: #dc3545 !important;
    /* MENONAKTIFKAN IKON SILANG (X) BAWAAN BOOTSTRAP */
    background-image: none !important; 
    /* Mengatur ulang padding ke normal karena ikon sudah hilang */
    padding-right: 0.75rem !important;
}

/* Input VALID (Hijau) */
.form-control.is-valid {
    border-color: #28a745 !important;
    /* MENONAKTIFKAN IKON CENTANG (V) BAWAAN BOOTSTRAP */
    background-image: none !important;
    /* Mengatur ulang padding ke normal karena ikon sudah hilang */
    padding-right: 0.75rem !important;
}

/* Mengatur gaya teks feedback agar konsisten dengan warna border */
.form-text.text-danger {
    color: #dc3545 !important;
    font-weight: 500;
}
.form-text.text-success {
    color: #28a745 !important;
    font-weight: 500;
}

/* =================================================== */
/* 4. STYLE INPUT GROUP (Toggle Password) */
/* =================================================== */

.input-group .form-control {
    border-right: none;
}

.input-group .toggle-password {
    background-color: transparent;
    border-left: none;
    border-color: #ced4da;
    color: #6c757d; /* Warna ikon default */
}

/* Memastikan tombol toggle memiliki border yang benar saat input valid/invalid */
.input-group:has(.form-control.is-invalid) .toggle-password {
    border-color: #dc3545 !important;
}

.input-group:has(.form-control.is-valid) .toggle-password {
    border-color: #28a745 !important;
}

/* Memastikan tombol toggle memiliki border yang benar saat input fokus */
.input-group:has(.form-control:focus) .toggle-password {
    border-color: #ffc107 !important;
    box-shadow: none;
}