.custom-accordion-button .ant-collapse-header {
  font-size: 16px;
  font-weight: bold;
  color: #004282 !important;
  background-color: #f8f9fa ;
  border-radius: 8px;
  transition: all 0.3s ease;
  padding: 5px;
  border: 2px solid transparent;
}

.custom-accordion-button .ant-collapse-header:hover {
  background-color: #004282;
  color: #004282 !important;
  transform: translateY(-3px);
}

.custom-accordion-button .ant-collapse-header:not(.ant-collapse-header-active) {
  background-color: #f1f8ff  !important; /* Lorsque le panneau est fermé */
}

.custom-accordion-button .ant-collapse-header.ant-collapse-header-active {
  background-color: #004282 !important; /* Lorsque le panneau est ouvert */
  color: white !important;
  border-color: #004282 !important;
  transform: translateY(0);
}

.accordion-item .accordion-body {
  font-size: 14px;
  color: #555 !important;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.accordion-item {
  margin-bottom: 15px;
}

/* Sur très petits écrans : le titre passe sous l'icône */
@media (max-width: 576px) {
  .title-info-accordion {
    width: 100% !important;
  }

    .collapseCustom .ant-collapse-collapsible-header{
      display: block !important;
    }

    .collapseCustom .ant-collapse-expand-icon{
      display: block !important;
        float: left;
    }

     .collapseCustom .ant-collapse-header-text{
      display: block !important;
    }

    .collapseCustom .accordion-body {
      padding: 8px !important;
    }
}