/* style.css */

/* =================================
   1. Police et couleurs de base
   ================================= */

html {
    /* La base par défaut du navigateur est 16px. 
       On la réduit ici à 15px pour affiner tout le design. */
    font-size: 15px; 
}

body {
    font-family: 'Rubik', sans-serif; /* Application de la police Rubik */
    background-color: #f8f9fa; /* Une couleur de fond générale très claire */
}

/* Couleur des titres principaux */
h1, h2, h3, h4, h5, h6 {
    color: #102A40;
    font-weight: 500; /* Un peu plus de corps pour les titres */
}


/* =================================
   2. Barre de Navigation (Navbar)
   ================================= */

.navbar.bg-dark {
    background-color: #102A40 !important; /* On force la nouvelle couleur */
}

/* Personnalisation des liens de la navbar */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8); /* Liens un peu plus doux que blanc pur */
    transition: color 0.3s ease;
}

/* Effet au survol et lien actif */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #FFFFFF; /* Blanc pur au survol pour un bon retour visuel */
}

.navbar-brand {
    font-weight: 500;
    letter-spacing: 2px;
}


/* =================================
   3. Styles spécifiques aux pages
   ================================= */

/* Fond pour la page de connexion */
.login-background {
    background-color: #102A40;
}

.login-title {
    font-size: 4rem;                 /* Une taille de police imposante */
    font-weight: 500;                  /* Police en gras */
    color: #FFFFFF;                    /* Texte en blanc pour un contraste maximal */
    text-transform: uppercase;         /* Pour un look plus affirmé, type logo */
    letter-spacing: 8px;               /* Espace les lettres pour plus d'élégance */
    margin-bottom: 6rem;               /* Espace entre le titre et la carte de connexion */
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Ajoute une ombre subtile pour la profondeur */
}

.bg-main-dark {
        background-color: #1B232D;
    }
.bg-card-dark {
    background-color: #252E3C;
}


/* =================================
   4. Styles des composants (Cartes, Boutons, etc.)
   ================================= */

.card-header {
    background-color: #f5f5f5; /* Un fond de header de carte neutre */
    border-bottom: 1px solid #ddd;
}

/* On s'assure que le titre dans le header de la carte de connexion reste bien visible */
.login-background .card-header h4 {
    color: #102A40;
}

.required-asterisk {
    color: red;
    margin-left: 2px; /* Un petit espace pour la lisibilité */
}

/* Styles pour les logos et bordures (déjà présents) */
.custom-logo-size {
    max-height: 300px;
    width: auto;
}

.border-dark {
    border-color: #333333 !important;
}

.btn-primary {
    background-color: #193c5c; /* Votre couleur adoucie, excellent choix */
    border-color: #193c5c;     /* Il est souvent mieux d'harmoniser la bordure */
    color: #FFFFFF;
    font-weight: 500;
    transition: all 0.3s ease; /* 'all' pour une transition plus douce */
}

.btn-primary:hover {
    background-color: #71B2D3;
    border-color: #71B2D3;
    color: #102A40; /* <-- LA MODIFICATION CLÉ : Le texte devient foncé */
}

.alert-success {
    background-color: #e2f5ea;
    border-color: #bce0ca;
    color: #2b6b45;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-info {
    background-color: #eaf6fa; /* Utilise une teinte de votre couleur complémentaire */
    border-color: #c4e4f1;
    color: #3f6d82;
}

.transparent-div {
    background-color: rgba(255, 255, 255, 0.5); /* Blanc avec 50% de transparence */
}

/* =================================
   6. Styles des boutons d'action
   ================================= */

/* --- Bouton Information --- */
.btn-info {
    background-color: #71B2D3; /* On utilise le bleu de la charte */
    border-color: #71B2D3;
    color: #102A40;            /* Texte foncé pour une lisibilité parfaite */
}

.btn-info:hover {
    background-color: #5a9cb8;
    border-color: #5a9cb8;
    color: #102A40;
}


/* --- Bouton Avertissement --- */
.btn-warning {
    background-color: #f0ad4e; /* Un orange/ambré standard et doux */
    border-color: #f0ad4e;
    color: #FFFFFF;            /* Texte blanc, bon contraste avec cet orange */
}

.btn-warning:hover {
    background-color: #ec971f;
    border-color: #ec971f;
    color: #FFFFFF;
}


/* --- Bouton Danger --- */
.btn-danger {
    background-color: #d9534f; /* Un rouge "danger" clair et moderne */
    border-color: #d9534f;
    color: #FFFFFF;
}

.btn-danger:hover {
    background-color: #c9302c;
    border-color: #c9302c;
    color: #FFFFFF;
}

/* --- Bouton Secondaire (Outline) --- */
.btn-outline-primary {
    color: #102A40;            /* Texte avec la couleur principale foncée */
    border-color: #102A40;    /* Bordure assortie */
}

.btn-outline-primary:hover {
    background-color: #102A40; /* On remplit le fond au survol */
    border-color: #102A40;
    color: #FFFFFF;            /* Le texte devient blanc pour le contraste */
}

/* Couleurs personnalisées pour les badges de statut de consultation */
.badge-status-repondu {
    background-color: #5a9cb8 !important; /* Couleur info, comme le bouton "Voir" */
    color: #fff !important;
}

.badge-status-a-repondre {
    background-color: #f0ad4e !important; /* Couleur warning, comme le bouton "Modifier" */
    color: #212529 !important; /* Texte sombre pour un meilleur contraste sur le jaune */
}

.badge-status-perdu {
    background-color: #d9534f !important; /* Couleur danger, comme le bouton "Supprimer" */
    color: #fff !important;
}

.badge-status-obtenu {
    background-color: #5cb85c !important; /* Vert Bootstrap standard, ajusté pour être moins saturé si besoin */
    /* Si vous voulez un vert encore plus clair, essayez ceci: */
    /* background-color: #5cb85c !important; */ /* Vert un peu plus pastel */
    color: #fff !important;
}

.badge-status-default {
    background-color: #6c757d !important; /* Couleur secondaire/gris, pour les autres statuts */
    color: #fff !important;
}

/* =================================
   7. Styles des tableaux
   ================================= */
.table-no-margin {
    /* Supprime la marge par défaut des tables Bootstrap */
    margin-bottom: 0;
}

/* =================================
   8. Styles de la Pagination
   ================================= */

/* Couleur du texte pour les liens de pagination (ex: 1, 2, 3...) */
.page-link {
    color: #102A40; /* Utilise la couleur principale foncée de votre charte */
}

/* Style au survol des liens de pagination */
.page-link:hover {
    background-color: #71B2D3; /* La couleur de survol de vos boutons primaires */
    border-color: #71B2D3;     /* Bordure assortie */
    color: #102A40;            /* Le texte devient foncé, comme sur vos boutons */
}

/* Style pour l'élément de page ACTIF (la page actuelle) */
.page-item.active .page-link {
    background-color: #193c5c; /* La couleur de fond de vos boutons primaires */
    border-color: #193c5c;     /* Bordure assortie */
    color: #FFFFFF;            /* Texte en blanc */
}

/* Assure que la couleur de fond n'est pas appliquée sur les liens désactivés */
.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
}