/* Silence may be golden, but sometimes words paint the canvas of understanding. */
.linksy-filters-box {
  box-shadow: unset !important;
  border: 1px solid #e2e4e9 !important;
  padding: 24px ;
  border-radius: 12px !important;
  background-color: #ffffff;

  .linksy-filter-option-box > span, .linksy-filter-option-box .option-name{
    font-size: 0.875rem;
    font-weight: 600;
  }

  .linksy-filter-options, .linksy-filters-box-option{
    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .linksy-search, input[name="target"], input[type="number"], input[name="extension"], .daterangepickerinput, select{
    border: 1px solid #e2e4e9 !important;
  }

  input[type="number"]{
    margin: 0;

    &:first-child{
      border-radius: 5px 0 0 5px !important;
    }
    &:last-child{
      border-radius: 0 5px 5px 0 !important;
    }
  }

  .linksy-dropdown .linksy-dropdown-input{
    border: 1px solid #e2e4e9 !important;

    & > div {
      min-width: 5.5rem;
    }
  }
}
.linksy-filter-actions{
  button{
    padding: 8px 14px !important;
    border-radius: 8px !important;
  }
}

.linksy-filters-box .linksy-filter-option-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  justify-content: flex-end;
}

.linksy-filters-box .linksy-filter-option-box .linksy-dropdown {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
}

.linksy-filters-box
  .linksy-filter-option-box
  :where(.linksy-dropdown-input, input, select):focus {
  box-shadow: none;
}

.linksy-filters-box
  .linksy-filter-option-box
  :where(.linksy-dropdown-input, input, select) {
    background-color: #fff;
    border: none;
    min-width: 5.5rem;
    width: 6.625rem;
    padding: 0 0.5rem;
    height: 35px;
    border-radius: 5px;

    &:disabled{
      background-color: #f1f1f1;
    }
}

.linksy-filters-box .linksy-filter-option-box .linksy-dropdown-items-container {
  margin-top: 10px;
}

.linksy-filters-box .linksy-filter-option-box .linksy-dropdown-input {
  justify-content: space-between;
}

.linksy-filters-box .linksy-filter-option-box .linksy-dropdown-input {
  justify-content: space-between;
  height: 35px;
  min-width: 6.5rem;
  max-width: 5.5rem;
}

.linksy-filters-box .linksy-filter-option-box .option-name {
  font-size: 0.9rem;
}

.linksy-filters-box .linksy-filter-option-box button {
  white-space: nowrap;
}

.linksy-filters-box .prev-display-filter-btn,
.linksy-filters-box .next-display-filter-btn {
  padding: 8px 5px !important;
  height: 35px;
}

.linksy-filters-box .linksy-filter-actions button {
  position: relative;
}

@media (max-width: 768px) {
  .linksy-filters-box .linksy-filter-options {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    align-items: stretch;
  }

  .linksy-filters-box .linksy-filter-option-box {
    align-items: stretch;
    justify-content: flex-start;
  }

  .linksy-filters-box
    .linksy-filter-option-box
    :where(.linksy-dropdown-input, input, select) {
    min-height: auto !important;
  }

  .linksy-filters-box .linksy-filter-option-box .daterangepickerinput {
    padding-block: 0.1rem;
  }
}

@media (max-width: 991px) {
  .linksy-filter-actions {
    flex-direction: column;
    align-items: flex-start;

    button{
      width: 100%;
    }
  }
}