<style>

.w-checkbox.secteur-filter {
  background-color: var(--core-deep-learning);
  color: var(--n-1000);
  padding-right: 1em; /* base padding, adjust if needed */
  transition: 
    background-color 0.2s ease,
    color 0.2s ease,
    padding-right 0.2s ease;
}

.w-checkbox.secteur-filter:hover {
  background-color: var(--core-orange);
  color: var(--n-100);
}

.w-checkbox.secteur-filter.is-list-active {
  background-color: var(--core-orange);
  color: var(--n-100);
  padding-right: 2.8em;
}

/* filter-cross child */
.w-checkbox.secteur-filter .filter-cross {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.w-checkbox.secteur-filter.is-list-active .filter-cross {
  opacity: 1;
}

/* 
.besoin-wrapper.w-dyn-list {
	overflow: scroll;
}


.secteur-wrapper.w-dyn-list {
	overflow: scroll;
}

overflow list filters */

.besoin-wrapper.w-dyn-list {
  overflow-x: auto;
  overflow-y: hidden;
}

.secteur-wrapper.w-dyn-list {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Hide scrollbar on desktop */
@media (min-width: 992px) {
  .besoin-wrapper.w-dyn-list,
  .secteur-wrapper.w-dyn-list {
    overflow: hidden;
  }
}

/* Optional: Hide scrollbar visually but keep functionality on mobile */
.besoin-wrapper.w-dyn-list::-webkit-scrollbar,
.secteur-wrapper.w-dyn-list::-webkit-scrollbar {
  display: none;
}

.besoin-wrapper.w-dyn-list,
.secteur-wrapper.w-dyn-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}






/* format colors  */

.w-checkbox.secteur-filter[btnColor="blue"]:hover {
  background-color: var(--core-data-stack-button);
}

.w-checkbox.secteur-filter.is-list-active[btnColor="blue"] {
  background-color: var(--core-data-stack-button);
}


.w-checkbox.secteur-filter[btnColor="orange"]:hover {
  background-color: var(--core-orange);
}

.w-checkbox.secteur-filter.is-list-active[btnColor="orange"] {
  background-color: var(--core-orange);
}


.w-checkbox.secteur-filter[btnColor="purple"]:hover {
  background-color: var(--core-data-ocean);
}

.w-checkbox.secteur-filter.is-list-active[btnColor="purple"] {
  background-color: var(--core-data-ocean);
}


.w-checkbox.secteur-filter[btnColor="green"]:hover {
  background-color: var(--core-cloud);
  color: var(--n-1000);
}

.w-checkbox.secteur-filter.is-list-active[btnColor="green"] {
  background-color: var(--core-cloud);
  color: var(--n-1000);
}



.label-single.is-article[bgTint="blue"] {
	background-color: var(--core-data-stack-button);
      color: var(--n-100);

}

.label-single.is-article[bgTint="green"] {
  background-color: var(--core-cloud);
  color: var(--n-1000);
}

.label-single.is-article[bgTint="purple"] {
  background-color: var(--core-data-ocean);
  color: var(--n-100);
}

.label-single.is-article[bgTint="orange"] {
	background-color: var(--core-orange);
    color: var(--n-100);
}

.usecase-richtext.is-article div[id] {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.body-small.summary-link.w--current {
  font-weight: 700;
  color: #000;
}

.card-wrapper-link.w-inline-block {
	height: 100% !important;
}



</style>