body {
  background-color: #FBF0E9;
    padding-top: 50px;
    padding-bottom: 60px;
}


.card-columns {
  @include media-breakpoint-only(md) {
    column-count: 2;
  }
}

/* Classe personnalisée pour la barre de navigation */
.navbar-couleurfond {
  background-color: #805050;
  color: #FBF0E9;
}


/* Classe personnalisée pour les boutons */
.btn-menu {
  height: 40px;
  color: #FBF0E9;
  background-color: #CE8F8A;
  font-size: 1.3rem;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;   /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
}

.btn-menu:hover {
  background-color: #AD9C92; /* Couleur au survol */
  color: #FBF0E9;  
}

.btn-menugris {
  height: 40px;
  color: #FBF0E9;
  background-color: #B7A9A9;
  font-size: 1.3rem;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;   /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
}

.btn-menugris:hover {
  background-color: #999999; /* Couleur au survol */
  color: #FBF0E9;  
}

.btn-menuvert {
  height: 40px;
  color: #847e7e;
  background-color: #d3d5d2;
  font-size: 1.3rem;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;   /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
}

.btn-menuvert:hover {
  background-color: #b4bbb4; /* Couleur au survol */
  color: #FBF0E9;  
}

.btn-menuorange {
  height: 40px;
  color: #9a9069;
  background-color: #f1dbab;
  font-size: 1.3rem;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;   /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
}

.btn-menuorange:hover {
  background-color: #dccf9b; /* Couleur au survol */
  color: #fbf0da;  
}

.btn-menurouge{
  height: 40px;
  color: #a37b73;
  background-color: #e6c3bd;
  font-size: 1.3rem;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;   /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
}

.btn-menurouge:hover {
  background-color: #dcb1a9; /* Couleur au survol */
  color: #f6dfdb;  
}


/* Liens et boutons "icônes seules" */
.icon-action {
  background: none;
  border: none;
  padding: .25rem;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Icône EDITER */
.icon-action .bi-pencil-square {
  font-size: 1.2rem;
  color: #819A91;
  transition: transform 0.15s ease, color 0.2s ease;
}

/* Icône SUPPRIMER */
.icon-action .bi-trash {
  font-size: 1.2rem;
  color: #CE8F8A;
  transition: transform 0.15s ease, color 0.2s ease;
}

/* Effet au survol */
.icon-action:hover .bi-pencil-square {
  color: #A7C1A8;
  transform: scale(1.2);
}

.icon-action:hover .bi-trash {
  color: #AD9C92;
  transform: scale(1.2);
}

/* Optionnel : petit effet clic */
.icon-action:active i {
  transform: scale(1);
  opacity: 0.9;
}

/* Même rendu que la page auteurs */
.actions-nowrap{ white-space: nowrap; }
.actions-col{ width: 92px; } /* réserve la place des 2 icônes à droite */

/* (tu as déjà .icon-action + hovers dans ton styles.css : OK) */
/* Juste pour homogénéité avec auteurs, tu peux monter un poil la taille : */
.icon-action .bi-pencil-square,
.icon-action .bi-trash{ font-size:1.4rem; } /* optionnel si tu veux identique */


.zone-logoeebt {
  background-color: #AD9C92;
}

.fond-titreadminlivres {
  background-color: #b4bbb4;
}
.fond-adminlivres {
  background-color: #e5f2e4;
}
.fond-titreadminemprunts {
  background-color: #dccf9b;
}
.fond-adminemprunts {
  background-color: #fbf0da;
}
.fond-titreadminutilisateur {
  background-color: #dcb1a9;
}
.fond-adminutilisateur {
  background-color: #f6dfdb;
}

.zone-utilisateur {
  font-size: 1rem;
  color: #e5f2e4;
  font-weight: 600;
  background-color: #b4bbb4;
}

.titrepage-navbar {
  font-size: 0.85em !important;
  color: #ffffff !important;
  text-align: left;
  font-style: normal !important;
}

.texte-infoslivre {
  font-size: 1em;
  text-align: justify;
  font-style: italic;
}

.texte-validation {
  font-size: 1em;
  text-align: center;
  color: #805050;
}

.texte-italicpetit {
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
}


.titretableau-taillenormal {
  font-size: 1em !important;
  color: #805050 !important;
  text-align: left;
  font-style: normal !important;
}

.titretableau-petit {
  font-size: 0.9em !important;
  color: #805050 !important;
  text-align: left;
  font-style: normal !important;
  font-weight: 600  !important;
}

.titre-zoneformulaire {
  font-size: 0.8em !important;
  color: #805050 !important;
  text-align: left;
  font-weight: 600 !important;
}

.fond-zoneformulaire {
  background-color: #f4f2f2; /* rose très clair */
}

.zones-recherche {
  background-color: #f7f5f5; /* rose clair */
  color: #721c24; /* texte rouge foncé */
}

.btn-petitcarre-modifier {
  --bs-btn-bg: #c4dbc4 !important;
  --bs-btn-border-color: #94A3B8;
  --bs-btn-color: #5a687d;

  --bs-btn-hover-bg: #64748B;
  --bs-btn-hover-border-color: #64748B;
  --bs-btn-hover-color: #E2E8F0;

  --bs-btn-active-bg: #94A3B8;
  --bs-btn-active-border-color: #94A3B8;
  --bs-btn-active-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 122,31,43; /* halo focus */
}

.search-wrap {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
}
.search-input {
  padding-left: 2.5rem;
}
.search-wrap .bi-search {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  opacity: 0.6;
}

.badge-vert{
  background-color: #afe4b9;
  font-size: 0.7em;
  line-height: 1;
  color: #666666;
  font-weight: 600;
  border-radius: 50rem;
  padding: 0.5em 1em;
}
.badge-jaune{
  background-color: #f8fbab;
  font-size: 0.7em;
  line-height: 1; 
  color: #666666;
  font-weight: 600;
  border-radius: 50rem;
  padding: 0.5em 1em;
}
.badge-rouge{
  background-color: #fd5757;
  font-size: 0.7em;
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  border-radius: 50rem;
  padding: 0.5em 1em;
}
.badge-orange{
  background-color: #fec688;
  font-size: 0.7em;
  line-height: 1; 
  color: #5a687d;
  font-weight: 600;
  border-radius: 50rem;
  padding: 0.5em 1em;
}