/* =========================================================
   CashRewards - Interface & Design
   Création & intégration : WebAlex Solutions
   Site : https://webalexsolutions.fr
   Année : 2025
   ========================================================= */

/* Fichier principal: style.css */
@import url("custom/palette.css");
@import url("custom/base.css");
@import url("custom/scrollbar.css");
@import url("custom/navbar.css");
@import url("custom/home.css");
@import url("custom/auth.css");
@import url("custom/profil.css");

/* Fichiers pour les différentes pages */
@import url("custom/ranking.css");
@import url("custom/withdrawal.css");
@import url("custom/offer.css");
@import url("custom/consentLog.css");
@import url("custom/referral.css");

@import url("custom/responsive.css");
/* ============ END OF STYLESHEET ============ */

/* ==========================================================
   Fix inputs connexion / inscription
   ========================================================== */

.auth-form input,
.auth-form .form-control,
.login-form input,
.register-form input,
input.form-control {
    background: rgba(22, 22, 28, 0.96) !important;
    color: #ffffff !important;
    caret-color: #f2cd38 !important;
}

.auth-form input::placeholder,
.auth-form .form-control::placeholder,
.login-form input::placeholder,
.register-form input::placeholder,
input.form-control::placeholder {
    color: rgba(255,255,255,0.42) !important;
}

.auth-form input:focus,
.auth-form .form-control:focus,
.login-form input:focus,
.register-form input:focus,
input.form-control:focus {
    background: rgba(28, 28, 36, 0.98) !important;
    color: #ffffff !important;
    border-color: #f2cd38 !important;
    box-shadow:
        0 0 0 3px rgba(242,205,56,0.15),
        0 10px 24px rgba(0,0,0,0.35) !important;
}



/* ==========================================================
   FIX FINAL INPUTS FOCUS / TEXTE INVISIBLE
   ========================================================== */

input,
textarea,
select {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #f2cd38 !important;
    background-color: rgba(22,22,28,0.98) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 9999s ease-in-out 0s;
    box-shadow: 0 0 0px 1000px rgba(22,22,28,0.98) inset !important;
}