/* Filters */
.is-open-filters .directory__load-more-wrapper,
.is-open-filters .directory__items,
.is-open-filters .bottom-banner,
.is-open-filters .directory__top {
  display: none;
}


.filters__top .filters__toggle {
   right: 35px;
}

.filters__title {
  font-size: var(--font-size-35);
}

.filters__top {
  background: var(--color-pink);
  border-bottom: 1px solid;
}

.filters__top-inner {
  position: relative;
  padding: 76px 0 66px;
}

/* Section */
.filter-section {
  padding-top: 41px;
  padding-bottom: 67px;
  border-bottom: 1px solid;
}

.filter-section .tag {
  height: 38px;
  border-radius: 100px;
  padding: 0 16px;
  min-width: 79px;
}

.filter__title {
  font-size: var(--font-size-30);
  margin-bottom: 27px;
}

.clear {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-22);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  margin-right: 37px
}


/* Tags */
.tag__wrapper  {
  display: inline-flex; padding: 0; margin: 0; width: auto;
  cursor: pointer;
}

.filter {
  position: relative;
}

.tag__wrapper input {
  appearance: none;
  opacity: 0;
  border: none; padding: 0; position: absolute;
}

.filter input:checked + .tag {
  background: var(--color-pink-dark);
}

/* Badge filter */
.filter-section--badge {
  padding: 80px 0 59px;
}

.filter-section--badge .filter-section__top {
  display: none;
}

.filter-section--badge .badge {
  width: 105px; height: 105px;
  font-size: var(--font-size-20);
  right: -118px; bottom: -101px; top: auto;
}

.checkbox__wrapper {
  font-size: var(--font-size-22);
  text-transform: none;
  font-weight: 300;
  display: inline-flex; align-items: center; gap: 19px;
  position: relative; width: auto; margin: 0;
}

.checkbox__wrapper input {
  width: 27px; height: 27px;
  padding: 0;
}

.checkbox__wrapper input:checked {
  background: url('../../images/close.svg') 50% 50% no-repeat;
  background-size: 15px;
}

.filters__submit-wrapper {
  height: 197px;
}

.filters__submit {
  font-size: var(--font-size-18);
  padding: 13px;
  height: 40px;
  border-radius: 50px;
  min-width: 265px;
}

/* Smaller screens */
@media (max-width: 1300px) {
  /* Header */
  .directory__top-inner {
    padding-top: 62px;
    padding-bottom: 51px;
  }

  .filters__toggle {
    font-size: var(--font-size-16);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

  .directory__load-more-wrapper,
  .directory__items {
    margin-bottom: 54px;
  }

  /* Filters */
  .filters__top-inner {
    padding-top: 34px;
    padding-bottom: 44px;
  }

  .filters__top .filters__toggle {
    right: 0px; top: 34px;
  }

  .filters__top {
    border: none;
  }

  .filters__title {
    font-size: var(--font-size-30);
    margin-bottom: 5px;
  }

  .filter__title {
    margin-bottom: 35px;
  }

  .filters__text {
    font-size: var(--font-size-18);
    letter-spacing: 0.03em;
  }

  .filter-section {
    padding: 34px 0 50px 0;
    margin: auto;
    width: calc(100% - var(--side-padding) * 2);
  }

  .filter-section:first-of-type {
    border-top: 1px solid;
  }

  .filter-section__inner {
    width: auto;
  }

  .clear {
    font-size: var(--font-size-18);
    margin-top: 14px; margin-right: 0;
  }

  .filter-section--badge {
    padding: 24px 0;
  }

  .checkbox__wrapper {
    font-size: var(--font-size-16);
  }

  .filter-section--badge .badge {
    font-size: var(--font-size-11);
    width: 56px; height: 56px;
    bottom: auto;
    top: -50px;
    right: -80px;
  }

  .filters__submit-wrapper {
    height: 131px;
  }
}

/* Mobile */
@media (max-width: 1000px) {

  .filters__submit {
    height: 37px;
    min-width: 248px;
  }
}