.page-authors {
  background-color: #f7f7f7;
}

/* Hebrew Language */

html[lang="ar"],
html[lang="he-IL"] {
  /* Author Card  */

  .author-card__country {
    right: unset;
    left: 1.8em;
  }

  .author-card__info {
    display: flex;
    flex-direction: column-reverse;
    flex: auto;
  }

  .author-button {
    font-size: var(--font-size-sm);

    &.yellow-button {
      font-weight: var(--font-weight-bold);
    }
  }

  .author-favorite-icon {
    display: none;
  }

  /* Award */

  .explore-recommendation {
    .swiper-button-prev {
      transform: unset;
    }

    .swiper-button-next {
      transform: rotate(180deg);
    }
  }
}

/* Recommended Authors */

.authors-gallery,
.recommended-authors {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.author-card_wrapper {
  box-sizing: border-box;
  width: calc(100% / 4);
  flex: 0 1 calc(100% / 4);
  padding-right: calc(40px / 2);
  padding-left: calc(40px / 2);
  padding-bottom: 40px;
  display: flex;
}

.author-card {
  display: flex;
  flex-direction: column;
  background-color: var(--color-secondary-bg);
  position: relative;
  transition: all 0.5s linear;
  width: 100%;

  &:hover {
    box-shadow: 0px 25px 50px -4px rgba(51.547010869565234, 56.9558423913044, 84.00000000000003, 0.22);
  }
}

.author-card__image {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  margin-top: 20px;
  background-image: url(https://shortstoryproject.com/wp-content/webp-express/webp-images/uploads/2021/10/Benjamin-Rosenbaum_card.jpg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 240px;
  aspect-ratio: 1/1.2;
}

.author-card__country {
  position: absolute;
  background-color: #fff;
  top: 20px;
  right: 1.8em;
  padding: 0.7em;
  writing-mode: tb-rl;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-semibold);

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

.author-card__info {
  padding: 1.2em;

  .outline {
    border-top: 1.9px solid #000;
    width: 100%;
    display: flex;
  }
}

.author-card__name {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: #313131;
  margin: 5px 0;
  word-break: break-word;
}

.author-card__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px;
  margin-top: auto;
  flex-wrap: wrap;

  .author-card__link {
    display: block;
    text-decoration: none;
  }
}

.author-button {
  padding: 0.4em 1.5em;
  font-size: var(--font-size-xs);
  letter-spacing: 2px;
  width: fit-content;
}

.authors-wrapper .subscription-section {
  margin-top: 4%;
  min-height: auto;
  background-size: 12% auto;
  background-attachment: unset;

  .subscription-description {
    margin: 1em 0;
  }
}

/* Award */
.explore-recommendation {

  .swiper-wrapper,
  .award-author-swiper {
    z-index: unset;
  }

  .swiper-rtl .swiper-button-prev,
  .swiper-rtl .swiper-button-next,
  .swiper-button-prev,
  .swiper-button-next {
    &::after {
      content: "";
    }
  }

  .swiper-button-prev {
    transform: rotate(180deg);
  }

  .swiper-button-disabled {
    display: none;
  }
}

.swiper-wrapper,
.award-author-swiper {
  z-index: unset;
}

.explore-recommendation .swiper-slide {
  .authors_slide-content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 3em;
    margin: 2em;
    min-height: 400px;
    box-sizing: border-box;
    box-shadow: 0px 10px 28px -4px rgba(45.99999999999999, 50.999999999999986, 77, 0.42);
    transition: all 0.3s;

    &:hover {
      box-shadow: 0px 7px 28px -4px rgba(45.99999999999999, 50.999999999999986, 77, 0.62);
    }
  }
}

.award-author-name {
  color: var(--color-secondary-text);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-bold);
  text-transform: capitalize;
  text-shadow: 0px 0px 16px rgba(0, 0, 0, 0.46);
  text-decoration: none;
  padding-bottom: 16px;
}

/* Author List */

.authors-filter-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em 0.5em 0.5em;
  gap: 8px;

  .ssp-icon {
    width: 16px;
    height: 16px;
    vertical-align: top;
  }

  h5 {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    text-transform: capitalize;
    font-family: var(--font-family-secondary);
    color: var(--color-primary-text);
    font-size: var(--font-size-3xl);
    justify-content: center;

    p {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }
  }

  strong {
    font-weight: var(--font-weight-extra-bold);
  }

  em {
    font-weight: var(--font-weight-semibold);
  }
}

.select-country-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 0;
}

.select-country-authors {
  line-height: 1.4;
  min-height: 40px;
  border: none;
  border-bottom: 1px solid #69727d;
  background-color: transparent;
  font-family: var(--font-family-secondary);
  color: var(--color-primary-text);
  font-size: var(--font-size-xl-sm);
  font-weight: var(--font-weight-normal);
  padding: 8px;

  &:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    outline: 0;
  }
}

.authors-container .ssp-pagination {
  margin: 10px 0;
  padding: 15px 0;
}
.authors-wrapper .swiper-button-next svg, .authors-wrapper .swiper-button-prev svg {
  display: none;
}

/* Search by name filter */

.search_by_name_wrapper {
  display: flex;
  padding: 1.25rem;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 2.5px;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: baseline;

  .search_by_name_label {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
  }

  .letters_search_wrap {
    display: flex;
    align-items: center;
    font-size: var(--font-size-xl-sm);
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;

    span {
      cursor: pointer;

      &::after{
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: var(--color-primary-bg);
        transition: 300ms;
      }

      &:hover::after,
      &:hover::before {
        width: 100%;
      }
    }
    span.active {
      &::after {
        content: '';
        width: 0px;
        height: 1px;
        display: block;
        background: var(--color-primary-bg);
        transition: 300ms;
        width: 100%;
      }
    }
  }
}

/* Media Author Page */

@media (max-width: 1024px) {

  /* Award */

  .explore-recommendation .swiper-slide {
    .authors_slide-content {
      min-height: 320px;
      margin: 2em 0;
    }
  }

  /* Author Card  */

  .authors-wrapper {
    padding-top: 8%;
  }

  .author-card_wrapper {
    flex: 0 1 calc(100% / 3);
  }

  .author-card__image {
    min-height: 240px;
  }

  /* Filter Country  */

  .select-country-authors {
    width: 100%;
    margin: 0 8em;
  }
}

@media (max-width: 768px) {

  /* Search by name filter */

  .search_by_name_wrapper {
    flex-direction: column;
    align-items: center;

    .letters_search_wrap {
      justify-content: unset;
      font-size: var(--font-size-md);
      gap: 0.25rem;
    }
  }

  html[lang="he-IL"] {
    .search_by_name_wrapper {
      .letters_search_wrap {
        font-size: var(--font-size-lg);
      }
    }
  }

  /* Award */

  .explore-recommendation .swiper-slide {
    .authors_slide-content {
      min-height: 240px;
      padding: 1em;
    }
  }

  .award-author-name {
    font-size: var(--font-size-xxl);
  }

  /* Author Card  */

  .author-card__image {
    min-height: 184px;
  }

  .author-card_wrapper {
    flex: 0 1 calc(100% / 2);
    padding: 0.5em;
  }

  .author-card__name {
    font-size: var(--font-size-lg);
  }

  .author-button {
    padding: 0.2em 1em;
  }

  /* Filter Country  */

  .select-country-authors {
    margin: 0;
  }

  .authors-filter-title {
    .ssp-icon {
      display: none;
    }
  }
}