/* ==========================================================
   HARMONISATION LOGO LYCÉE AGRICOLE CHÂTEAU-SALINS
   ========================================================== */

:root {
    /* Couleurs issues du logo */
    --logo-blue: #004a99;
    --logo-green: #79bf40;
    --logo-yellow: #f8b617;
    
    --color-lines: #d1d8dd;
    --reservable: #ffffff;
    --unreservable: #fce4e4;
    --reserved: var(--logo-blue);
    --reservedMine: #5086c1;
    --reservedParticipating: #875cae;
    --reservedPending: #fff4e0;
    --pasttime: #e9ecef;
    --hiliteReservation: var(--logo-green);
    --bs-body-color: #333d47;
}

/* Mise à jour du thème par défaut avec le Bleu du Logo */
[data-bs-theme="default"], [data-bs-theme="french_blue"] {
    --primary: var(--logo-blue);
    --primary-hover: #003a78;
    --primary-disabled: #80a5cc;
    --text-color-btn: #ffffff;
}

/* ==========================================================
   MODIFICATION DES ZONES DE SAISIE (GRISÉES)
   ========================================================== */

.form-control, 
.form-select, 
input[type="text"], 
input[type="password"], 
input[type="email"], 
textarea {
    background-color: #f2f5f8 !important; /* Gris bleuté très léger pour la profondeur */
    border: 1px solid #ced4da !important;
    color: var(--bs-body-color);
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

/* Focus : Le champ devient blanc avec une bordure verte (rappel nature) */
.form-control:focus, 
.form-select:focus, 
textarea:focus,
.trumbowyg-editor:focus {
    background-color: #ffffff !important;
    border-color: var(--logo-green) !important;
    box-shadow: 0 0 0 0.25rem rgba(121, 191, 64, 0.15) !important;
    outline: 0;
}

/* Style spécifique pour l'éditeur de texte riche */
.trumbowyg-box {
    border: 1px solid #ced4da;
    border-top-color: var(--logo-blue);
}

.trumbowyg-button-pane {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

/* Harmonisation du bouton remonter (Button-up) */
#button-up {
    background-color: var(--logo-blue);
    color: white;
    border-radius: 50%;
}

#button-up:hover {
    background-color: var(--logo-green);
}

body {
    background-color: #f0f2f5; /* Un gris-bleu très léger et moderne */
    color: var(--bs-body-color);
    min-height: 100vh;
}

/* On s'assure que les conteneurs de contenu (les cartes/blocs) restent blancs 
   pour bien se détacher du fond grisé */
.container, 
.card, 
#reservation-box, 
.modal-content,
.main-panel {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Ajoute une ombre légère pour le relief */
    padding: 20px;
    margin-bottom: 20px;
}

/* Ajustement pour le tableau des réservations pour qu'il reste lisible */
table.reservations {
    background-color: #ffffff !important;
}