:root {
  --sidenav-text-base: 1rem;
  --sidenav-text-scale: 0.875;
  --sidenav-text-color: #191D24;
  --sidenav-link-color: #191D24;
  --sidenav-link-alpha: 0.75;
  --sidenav-font-weight-bold: 600;
}

.sidenav {
  display: block;
}

.sidenav summary::-webkit-details-marker {
  display: none;
}

.sidenav__title{
  color:var(--color-text-secondary);
  margin-bottom:2px;
}

html:not(.sidenav-open) .sidenav__title {
  display: none; /* or any other styles to hide the title when sidenav is closed */
}

.sidenav__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-weight: var(--sidenav-font-weight-bold);
  touch-action: manipulation;
}

.sidenav__toggle svg {
  align-items: center;
  transition: transform 0.3s ease-in-out;
}

html:not(.sidenav-open) .sidenav__toggle svg {
	transform:rotate(180deg);
	transition: transform 0.3s ease-in-out;
}

html:not(.sidenav-open) .lt-article-container__sidenav{
	background-color:#ffffff;
}

.sidenav summary {
  list-style: none;
  cursor: pointer;
}

.sidenav__content {
  padding-top: 0.5rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}

.sidenav__list {
  margin: 0;
  padding-left: 0;

  list-style: none;
}

.sidenav__list > * + *,
.sidenav__list + .sidenav__articles {
  margin-top: 0.5rem;
}

.sidenav__articles {
  display: block;
}

.sidenav__article-name {
  color: var(--sidenav-link-color);
  opacity: var(--sidenav-link-alpha);
}

.sidenav__article.is-active {
    background-color: var(--color-brand-primary);
}

.sidenav__article-name[aria-current="page"] {
  --sidenav-link-alpha: 1;
  color:#ffffff;
  padding:4px;
}

.sidenav__list--main > li > sidenav-details > details > summary {
  font-size: calc(var(--sidenav-text-base) * var(--sidenav-text-scale));
}

[dir="ltr"] sidenav-details > details[open] > summary  > .lt-icon {
    transform: rotate(-90deg);
	transition: transform 0.3s ease;
}

[dir="ltr"] sidenav-details > details > summary  > .lt-icon {
    transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.lt-article-container__sidenav {
  background-color: #fcfcfc;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  padding-top:10px;
  border-right: 1px solid #DADADA; /* Replace 'yourColor' with the desired color code or name */
  z-index: 100;
}

.categorie_sidenav > .sidenav__label{
	font-weight: var(--sidenav-font-weight-bold);
}

.sidenav__section .sidenav__has-sections{
	margin-bottom:0.5rem;
}