/* === SIDEBAR === */
#sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 250px;
    background-color: #fff6e0;
    color: #1f2a30; /* ton text-fidelyne-dark */
    transition: transform 0.3s ease;
    transform: translateX(-100%);
    z-index: 1040;

 
  }
  
  #sidebar.show {
    transform: translateX(0);
  }
  
  #sidebar ul li a {
    color: #1f2a30;
    text-decoration: none;
  }
  
  /* === SIDEBAR NAVIGATION === */
  .nav-link {
    font-size: 14px;
    font-weight: bold;
    transition: background 0.2s ease;
    border-radius: 0.375rem;
    color: #1f2a30 !important; /* text-fidelyne-dark */
  }
  
  .nav-link i {
    font-size: 1.3rem;
    margin-right: 0.5rem;
    font-weight: bold;
  }
  
  .nav-link:hover {
    background-color: #fee9c3; /* ton bg-creme_orange */
    color: #003157 !important; /* texte plus foncé au survol */
  }
  
  .nav-link.active {
    background-color: #fee9c3 !important; /* bg-creme_orange */
    color: #003157 !important; /* texte foncé */
    font-weight: bold !important;
  }
  
  /* === BADGES & COULEURS === */
  .badge.bg-rouge {
    background-color: #8c3522;
  }
  .bg-orange {
    background-color: #e58f2b;
  }
  .bg-creme_orange {
    background-color: #fee9c3;
  }
  .bg-creme {
    background-color: #fff6e0;
  }
  .bg-rouge-doux {
    background-color: #f08080;
  }

    .text-fidelyne-rouge-doux {
    color: #f08080 !important;
  }

  .bg-orange-doux {
    background-color: #f5b97a;
  }
  .bg-vert-doux {
    background-color: #90d39f;
  }

  .bg-vert-doux-50 {
    background-color: rgba(144, 211, 159, 0.5) !important;
  }
  
  .bg-gris-doux {
    background-color: #f2f2f2; /* Gris clair et doux */
}

.bg-bleu-doux {
  background-color: #a9d2f3; /* Bleu clair doux */
}

.bg-bleu-ciel-doux {
  background-color: #cdeefd; /* Bleu ciel très doux */
}
  
  .bg-blanc-doux {
    background-color: #FAF9F6 !important;
}

  .text-fidelyne-dark {
    color: #1f2a30 !important;
  }
  .icon-notif {
    color: #1f2a30;
  }
  
  /* === SHADOW === */
  .shadow_fidelyne {
    box-shadow: 0 0.5rem 1rem rgba(254, 233, 195, 0.8);
  }
  

  .btn-outline-fidelyne {
    border: 1px solid #fca311;
    background-color: transparent;
  }
  
  .btn-outline-fidelyne:hover {
    background-color: #fca311;
    color: #fff;
  }
  

  /* .dropdown-fix-right {
    position: absolute !important;
    right: -118px !important;
    left: auto !important;
    transform: none !important;
  }

  .dropdown-fix-right2 {
    position: absolute !important;
    right: -50px !important;
    left: auto !important;
    transform: none !important;
  } */

  /* Sur tout l’accordéon */
  #termsAccordion .accordion-collapse {
    /* forcer l’affichage même quand l’item n’a pas la classe .show */
    position: relative;
    height: auto !important;
    overflow: hidden;
    max-height: 150px;              /* hauteur de l’aperçu */
    transition: max-height .35s ease;
  }

  /* Quand l’item est ouvert, on montre tout */
  #termsAccordion .accordion-collapse.show {
    max-height: none;
  }

/* Fidélyne Typography */
.fidelyne-title {
  font-size: 28px;
  line-height: 1.2;
}

.fidelyne-subtitle {
  font-size: 20px; /* ou 24px selon votre charte */
  line-height: 1.3;
}

.fidelyne-text {
  font-size: 14px !important;
  line-height: 1.5;
}