@import "./common-var.css";

/**************
Disclosure Section
**************/
.disclosure-section {
 
}

.year-filter-wrapper {
    .year-filter {
        min-width: 280px;
        max-width: 350px;
    }
}

/**************
Disclosure Links
**************/
.disclosure-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.disclosure-link-item {
  display: flex;
  align-items: center;
  gap: 10px;

  svg {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    transition: all 0.3s ease;

    path {
      transition: all 0.3s ease;
    }
  }

  &:hover {
    svg path {
      fill: var(--primary-color);
    }

    .disclosure-link-text {
      color: var(--primary-color);
    }
  }
}

.disclosure-link-text {
  color: var(--text-default-color);
  font-family: var(--font-type1);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.3s ease;

  &:hover {
    color: var(--primary-color);
  }

  @media (max-width: 767px) {
    font-size: 15px;
  }
}

/**************
RTL Support for Disclosure
**************/
[dir="rtl"] {
  .year-filter-wrapper {
    justify-content: flex-start;
 
  }
}