/*
 * MON CODE EXISTANT
 * -------------------
 * Vos styles de personnalisation de thème (couleurs, fonds, etc.)
 */
/* ----- Sidebar Container Styles ----- */
.sidebar, .sidebar-scroll, .sidebar-off {
    background-color: #ebbe3e !important; /* Fond jaune personnalisé */
    color: #2b2b2b !important; /* Texte bleu foncé */
}

/* ----- Sidebar Brand Section ----- */
.sidebar-brand {
    background-color: #ebbe3e !important; /* Fond jaune personnalisé */
    color: #2b2b2b !important; /* Texte bleu foncé */
}

/* ----- Sidebar Menu Links ----- */
.sidebar-scroll ul.sidebar-menu li a {
    color: #2b2b2b !important; /* Texte bleu foncé pour meilleure lisibilité */
    background-color: transparent !important; /* Fond transparent */
    font-weight: bold !important; /* Texte en gras */
}

.sidebar-scroll ul.sidebar-menu li a:hover,
.sidebar-scroll ul.sidebar-menu li.active > a {
    color: #FFFFFF !important; /* Texte blanc au survol et quand actif */
    background-color: #267BF1 !important; /* Fond bleu personnalisé */
}

/* ----- Sidebar Icon Style ----- */
.sidebar-scroll ul.sidebar-menu li a i {
    color: #2b2b2b !important; /* Icônes bleu foncé */
}

/* ----- Navbar Styles ----- */
#default-navbar {
    background-color: #267BF1 !important; /* Fond bleu personnalisé */
    color: #FFFFFF !important; /* Texte blanc */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* ----- Navbar Links ----- */
#default-navbar .navbar-nav .nav-link {
    color: #FFFFFF !important; /* Texte blanc */
    font-weight: bold !important; /* Texte en gras */
}

#default-navbar .navbar-nav .nav-link:hover {
    color: #ebbe3e !important; /* Texte jaune personnalisé au survol */
}

/* ----- Navbar Icon Style ----- */
#default-navbar .navbar-nav .nav-link .icon {
    color: #FFFFFF !important; /* Icônes en blanc */
    font-size: 1.2em !important; /* Taille des icônes */
}

#default-navbar .navbar-nav .nav-link:hover .icon {
    color: #ebbe3e !important; /* Icônes jaunes au survol */
}

/* ----- Submenu Styles ----- */
.sidebar-menu li ul {
    background-color: #f2d776 !important; /* Jaune clair pour les sous-menus */
}

.sidebar-menu li ul li a {
    color: #2b2b2b !important; /* Texte bleu foncé pour les sous-menus */
}

.sidebar-menu li ul li a:hover {
    background-color: #267BF1 !important; /* Fond bleu personnalisé au survol */
    color: #FFFFFF !important; /* Texte blanc au survol */
}

/* ----- Sidebar Badge Style ----- */
.sidebar-menu .badge {
    background-color: #267BF1 !important; /* Fond bleu personnalisé */
    color: #FFFFFF !important; /* Texte blanc */
}

/* ----- Sidebar Link Hover and Active State ----- */
.sidebar-scroll ul.sidebar-menu li a:hover,
.sidebar-scroll ul.sidebar-menu li.active > a {
    color: #FFFFFF !important; /* Texte blanc */
    background-color: #267BF1 !important; /* Fond bleu personnalisé */
}

/* ----- Buttons in Sidebar ----- */
.add-button {
    background-color: #267BF1 !important; /* Fond bleu personnalisé */
    color: #FFFFFF !important; /* Texte blanc */
}

.add-button:hover {
    background-color: #ebbe3e !important; /* Fond jaune personnalisé au survol */
    color: #267BF1 !important; /* Texte bleu personnalisé */
}

/* Conteneur principal du calendrier */
#event-calendar {
    background-color: #1E90FF; /* Bleu pour le fond principal */
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    color: #FFFFFF; /* Texte en blanc */
    font-family: 'Helvetica Neue', sans-serif;
    margin: 20px auto; /* Centrage horizontal */
    width: 100%; /* Prend toute la largeur disponible */
    max-width: 100%; /* Assure que le calendrier occupe tout l'espace */
    font-weight: bold; /* Texte en gras */
}

/* Barre d'outils du calendrier */
.fc-header-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFD700; /* Jaune pour un contraste élégant */
    padding: 10px;
    border-radius: 10px;
    color: #000000; /* Texte en noir pour contraster avec le jaune */
    font-weight: bold;
    font-size: 1.1em;
}

/* Fond pour les boutons déroulants et les boutons de la barre d'outils */
.select2-container .select2-choice, .fc-header-toolbar .fc-button-group button {
    background-color: #FFD700; /* Jaune */
    color: #000000; /* Texte en noir */
    font-weight: bold;
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.select2-container .select2-choice:hover, .fc-header-toolbar .fc-button-group button:hover {
    background-color: #FFC107; /* Jaune plus foncé au survol */
    transform: scale(1.05);
}

/* Style des jours de la semaine en blanc */
.fc-col-header-cell-cushion {
    color: #FFFFFF !important; /* Texte en blanc pour les jours de la semaine */
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
}

/* Style des dates dans le calendrier */
.fc-day-number, .fc-day {
    color: #FFFFFF; /* Texte en blanc */
    font-weight: bold;
    font-size: 1rem; /* Taille de texte plus grande */
    text-align: center;
}

/* Style global du calendrier pour le fond et les marges */
.fc {
    background-color: #1E90FF; /* Bleu pour le fond */
    padding: 15px;
    border-radius: 8px;
    width: 100%; /* Prend toute la largeur */
    margin: 0 auto; /* Centrage horizontal */
    box-sizing: border-box;
}

/* Style des cellules des jours */
.fc-daygrid-day-frame {
    background: linear-gradient(135deg, #FFFFFF, #E8E8E8); /* Dégradé léger */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    padding: 15px; /* Plus d'espace pour éviter la compacité */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    color: #1E90FF; /* Couleur bleue pour les textes internes */
    font-weight: bold;
}

/* Effet au survol des jours */
.fc-daygrid-day:hover .fc-daygrid-day-frame {
    transform: scale(1.03);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

/* Style pour le jour actuel */
.fc-day-today .fc-daygrid-day-frame {
    background: linear-gradient(135deg, #FFD700, #FFC107); /* Jaune pour le jour actuel */
    color: #000000; /* Texte en noir */
    font-weight: bold;
}

/* Style pour les jours passés */
.fc-day-past .fc-daygrid-day-frame {
    color: #A0A4A8; /* Texte gris pour les jours passés */
}

/* Style des événements */
.fc-event {
    background-color: #FFD700; /* Jaune pour les événements */
    color: #000000; /* Texte en noir */
    border-radius: 5px;
    padding: 5px;
    margin: 3px 0;
    font-size: 0.85em;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.fc-event:hover {
    background-color: #FFC107; /* Jaune plus foncé au survol */
}

/* Style des numéros de jours */
.fc-daygrid-day-number {
    font-size: 1rem; /* Taille de texte plus grande pour améliorer la lisibilité */
    color: #FFFFFF; /* Texte blanc */
    font-weight: bold;
}

/* Style des en-têtes de jours de la semaine */
.fc-scrollgrid-section-header th {
    background-color: #1E90FF; /* Bleu */
    color: #FFFFFF; /* Texte blanc */
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
}

/* Style des menus déroulants */
.select2-container--default .select2-selection--single {
    background-color: #FFD700; /* Jaune */
    color: #000000 !important; /* Texte en noir */
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
}

/* Style des options du menu déroulant */
.select2-dropdown {
    background-color: #1E90FF !important; /* Fond bleu pour le menu */
    border: none;
}

.select2-results__option {
    color: #FFFFFF !important; /* Texte blanc pour les options */
    background-color: #1E90FF; /* Fond bleu */
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #FFD700 !important; /* Jaune pour l'option survolée */
    color: #000000 !important; /* Texte en noir */
}

/* Style des boutons déroulants au survol */
.select2-container--default .select2-selection--single:hover {
    background-color: #FFC107; /* Jaune plus foncé au survol */
    color: #000000;
}

/* Ajustements pour la lisibilité du texte dans les menus */
.select2-selection__rendered {
    color: #000000 !important; /* Texte en noir dans le menu déroulant */
    font-weight: bold;
}

/* Style des boutons supplémentaires */
.title-button-group .btn {
    background-color: #FFD700; /* Jaune */
    color: #000000; /* Texte en noir */
    font-weight: bold;
    border-radius: 6px;
    padding: 8px 12px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.title-button-group .btn:hover {
    background-color: #FFC107; /* Jaune plus foncé au survol */
    transform: scale(1.05);
}

/*
 * NOUVELLES DIRECTIVES DEMANDÉES (AJOUTÉES CI-DESSOUS)
 * Ajustements pour la taille de police globale, les textes des cards, les zones de saisie
 * et les footers.
 */

/* Police de base pour tout le corps du document */
html, body {
    font-size: 13.5px !important; /* Réduction légère de la taille de base */
    color: #333333 !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Ajustements pour les paragraphes (texte courant) */
p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}

/* Ajustements pour les labels de formulaires */
label {
    font-size: 13.5px !important;
    color: #2b2b2b !important;
}

/* Ajustements pour les champs de saisie (input, textarea, select) */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select,
.form-control {
    font-size: 13.5px !important;
    color: #333333 !important;
}

/* Ajustements pour les titres (du plus grand au plus petit) */
h1 {
    font-size: 1.9em !important; /* Légèrement réduit */
    color: #1a1a1a !important;
}

h2 {
    font-size: 1.6em !important;
    color: #222222 !important;
}

h3 {
    font-size: 1.3em !important;
    color: #2b2b2b !important;
}

h4 {
    font-size: 1.05em !important;
    color: #333333 !important;
}

h5 {
    font-size: 0.95em !important; /* Légèrement plus petit que la base */
    color: #3e3e3e !important;
}

h6 {
    font-size: 0.85em !important;
    color: #444444 !important;
}

/* Ajustement des polices dans les tables de données */
table.dataTable th,
table.dataTable td {
    font-size: 13px !important;
    color: #555555 !important;
}

/* Ajustement pour les boutons */
.btn {
    font-size: 13px !important;
}

/* Ajustement pour les éléments de la barre latérale */
.sidebar-menu li a {
    font-size: 13.5px !important;
}
.sidebar-menu li ul li a {
    font-size: 12.5px !important;
}

/* Assurez-vous que les popovers, tooltips et modals respectent la taille de base */
.popover, .modal-body, .modal-header, .modal-footer, .dropdown-menu {
    font-size: 13px !important;
    color: #4e5e6a !important;
}

/* Rendre les textes des cartes blanches noirs */
.card,
.bg-white,
.card p,
.bg-white p,
.card span,
.bg-white span,
.card li,
.bg-white li {
    color: #212529 !important; /* Couleur noir intense pour le texte par défaut sur les cards */
}

/* Titres spécifiques à l'intérieur des cartes en noir pur */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white h6 {
    color: #000000 !important; /* Noir pur pour les titres dans les cards */
}

/* Rendre les zones de saisie de messages et formulaires plus visibles et claires */
/* Ajout d'un focus style plus prononcé pour indiquer l'interactivité */
.rise-chat-footer textarea,
.note-editor .note-editable,
.notepad textarea,
.comment-form-container textarea,
.form-control {
    color: #000000 !important; /* Texte noir pur */
    background-color: #F0F2F5 !important; /* Fond gris clair plus prononcé */
    border: 1px solid #D1D9E0 !important; /* Bordure plus foncée */
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1) !important; /* Ombre interne plus visible */
    transition: all 0.2s ease-in-out; /* Ajout d'une transition pour le focus */
}

.rise-chat-footer textarea:focus,
.note-editor .note-editable:focus,
.notepad textarea:focus,
.comment-form-container textarea:focus,
.form-control:focus {
    background-color: #FFFFFF !important; /* Fond blanc au focus pour un contraste clair */
    border-color: #6690F4 !important; /* Bordure bleue au focus pour une meilleure indication */
    box-shadow: 0 0 0 0.2rem rgba(102,144,244,.25) !important; /* Ombre lumineuse bleue au focus */
}

/* Assurez-vous que les placeholders sont sombres pour une meilleure visibilité */
::placeholder {
    color: #7a8288 !important; /* Gris plus foncé pour le placeholder */
    opacity: 1 !important;
}
::-ms-input-placeholder {
    color: #7a8288 !important;
}

/* Styles pour les textes des messages eux-mêmes (après envoi/réception) */
.chat-msg {
    color: #212529 !important; /* Texte noir pour les messages des autres */
}

.chat-me .chat-msg {
    color: #FFFFFF !important; /* Garde le texte blanc dans les messages que vous envoyez (fond bleu) */
}

/* NOUVELLE RÈGLE POUR LES TEXTES DANS LE FOOTER */
.footer {
    font-size: 12.5px !important; /* Réduction légère de la taille de police pour le footer */
    color: #6c757d !important; /* Une couleur gris moyen pour le texte du footer */
}
.footer a, .footer p, .footer span {
    font-size: 12.5px !important; /* Assure que les liens et autres textes dans le footer sont aussi de cette taille */
    color: #5a6268 !important; /* Un gris légèrement plus foncé pour les liens */
}
/*
 * AJOUT POUR LE SIDEBAR (BARRE LATÉRALE) ET SES SOUS-MENUS
 * Ces règles sont ajoutées à la fin de votre Custom CSS existant.
 */

/* Ajustement pour les éléments de menu principaux de la barre latérale */
.sidebar-menu li a {
    font-size: 14.5px !important; /* Taille de police légèrement augmentée */
}

/* Ajustement pour les sous-menus de la barre latérale */
.sidebar-menu li ul li a {
    font-size: 13.5px !important; /* Taille de police légèrement augmentée pour les sous-menus */
}
/*
 * AJUSTEMENTS FINAUX POUR LES TEXTES BLANCS SUR FONDS BLEUS DANS LA SECTION PROFIL
 * Ces règles sont ajoutées à la fin de votre Custom CSS existant.
 */

/* Force la couleur blanc pur pour tous les textes dans la section de profil sur fond bleu */
.page-container .card.bg-primary, /* Cible la carte principale bleue */
.page-container .card.bg-primary *, /* Cible TOUS les éléments à l'intérieur de cette carte */
.page-container .card.bg-primary .text-default,
.page-container .card.bg-primary a,
.page-container .card-header .btn { /* Assure que le bouton "Rapports" est également blanc éclatant */
    color: #FFFFFF !important; /* Blanc pur pour une visibilité maximale */
}

/* Ajuste le poids de la police pour les titres et les chiffres pour les rendre plus lisibles */
.page-container .card.bg-primary h1, /* Chiffres des projets/temps */
.page-container .card.bg-primary h3, /* "Responsable IT" */
.page-container .card.bg-primary strong /* Si d'autres éléments en gras existent */ {
    font-weight: bold !important; /* Force le gras pour plus de visibilité */
}

/* Assure que l'icône de l'avatar et les icônes à côté sont bien blanches */
.page-container .profile-image-upload svg, /* Icône de l'appareil photo */
.page-container .text-primary.pull-right svg /* Icône de téléchargement */
 {
    fill: #FFFFFF !important; /* Assure que les icônes SVG sont blanches */
    color: #FFFFFF !important; /* Au cas où elles seraient définies par color */
}

/* Texte sous l'avatar "Mouktar KIMBA" */
.page-container .profile-details-section .name {
    color: #FFFFFF !important; /* Texte du nom en blanc */
}

/* Ajustement spécifique pour les badges si leur blanc n'est pas pur */
.page-container .card.bg-primary .badge {
    color: #FFFFFF !important; /* Blanc pur pour le texte du badge */
    background-color: rgba(255, 255, 255, 0.2) !important; /* Conserve le fond blanc transparent pour le badge */
}