//mobile
.sidebar-wrapper {
  padding: $v-gap * 3 0;
  h3 {
    font-weight: $sidebar-heading-font-weight;
    margin-bottom: $sidebar-heading-bottom-margin;
    font-size: $sidebar-heading-text-size;
    margin-top: $sidebar-heading-margin-top;
    letter-spacing: $sidebar-heading-letter-spacing;
    text-transform: uppercase;
    padding-left: $v-gap * 3;
    padding-right: $v-gap * 3;
  }
  .sidebar-linklist-wrapper {
    .link-list-wrapper {
      h3 {
        font-weight: $sidebar-heading-font-weight;
        margin-bottom: $sidebar-heading-bottom-margin;
        font-size: $sidebar-heading-text-size;
        margin-top: $sidebar-heading-margin-top;
        letter-spacing: $sidebar-heading-letter-spacing;
        text-transform: uppercase;
      }
      ul {
        li {
          a {
            line-height: $sidebar-linklist-link-line-height;
            padding-top: $sidebar-linklist-link-v-padding;
            padding-bottom: $sidebar-linklist-link-v-padding;
            font-size: $sidebar-link-size;
            cursor: pointer;
            i.it-expand {
              font-size: $sidebar-dropdown-icon-size;
              top: 50%;
              transform: translateY(-50%);
            }
            &[aria-expanded='true'] {
              i {
                transform: translateY(-50%) scaleY(-1);
              }
            }
            &[data-bs-toggle='collapse'] {
              &.active {
                span,
                i {
                  color: $primary;
                  text-decoration: none;
                }
              }
            }
            &.active {
              text-decoration: none;
              span {
                color: $color-text-base;
                text-decoration: underline;
              }
              &:after {
                content: '';
                display: block;
                width: $sidebar-dropdown-line-selection-width;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                background-color: $sidebar-dropdown-line-selection-color;
              }
            }
            &.icon-right {
              padding: 0.55em 24px;
            }
          }
        }
        &.link-sublist {
          li {
            a {
              font-size: $sidebar-submenu-font-size;
              padding-top: $sidebar-submenu-link-v-padding;
              padding-bottom: $sidebar-submenu-link-v-padding;
              &.active {
                span {
                  color: $color-text-base;
                  text-decoration: underline;
                }
                // &::after {
                //   display: none;
                // }
              }
            }
          }
        }
      }
    }
    &.linklist-secondary {
      &:before {
        content: '';
        width: $sidebar-link-small-line-width;
        height: 1px;
        background: $color-border-subtle;
        display: block;
        margin-left: $v-gap * 3;
        margin-top: $v-gap * 3;
      }
    }
  }
  // linea destra
  &.it-line-right-side {
    border-right: 1px solid $sidebar-border-color;
    .sidebar-linklist-wrapper {
      .link-list-wrapper {
        ul {
          li {
            a {
              &[data-bs-toggle='collapse'] {
                &.active {
                  border-right: $sidebar-dropdown-line-selection-width solid $sidebar-dropdown-line-selection-color;
                  border-left: none;
                }
              }
              &.active {
                &:after {
                  left: auto;
                  right: 0;
                }
              }
            }
          }
        }
      }
    }
  }
  // linea sinistra
  &.it-line-left-side {
    border-left: 1px solid $sidebar-border-color;
  }
}