// ====================================
// AUTHOR PROFILE PAGE
// ====================================

.author-header {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  margin: 2rem 0;
}

.author-avatar {
  flex-shrink: 0;

  img {
    width: 140px;
    height: 140px;
    object-fit: cover;

    @media ($tablet) {
      width: 180px;
      height: 180px;
    }
  }
}

.author-identity {
  h2 {
    margin-top: 0;
  }
  & + .author-bio {
    margin-top: 2rem;
  }
}

.author-role {
  font-family: $font-primary;
  margin-top: 0.4rem;
  opacity: 0.85;
  line-height: 1.4;
}

.author-bio {
  margin-bottom: 1.5rem;
  line-height: 1.6;

  > p {
    margin: 0.8rem 0;
  }

  hr {
    display: none;
  }

  h3 {
    font-family: $font-primary;
    text-transform: uppercase;
  }
}

.author-resume-these {
  margin-top: 1rem;
  line-height: 1.6;

  > p {
    margin: 0.8rem 0;
  }
}

.author-cat-footer {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid $light-gray;
}

.author-titre-these {
  font-family: $font-heading;
  font-size: 1.4rem;
  line-height: 1.3 !important;
  margin-bottom: 0.8rem;
}

.these-inline-title {
  text-transform: uppercase;
}

// WYSIWYG article-fields (domaines de recherches, recherches en cours):
// the wpautop'd <p> follows the inline title — give it a small breathing space.
.domaines-autres,
.recherches-en-cours {
  > p:first-of-type {
    margin-top: 0.4rem;
  }
}

// ── Author posts dropdowns ────────────────────────────────────
.author-posts-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 5rem;
}

.author-posts-header {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 0.8rem;
  background-color: $light-gray;
  cursor: pointer;
  transition: background-color 0.15s;
  font-family: $font-primary;
  text-transform: uppercase;

  &:hover {
    background-color: $less-light-gray;
  }
}

.author-posts-chevron {
  font-size: 1.2rem;
  transition: transform 0.2s;
  flex-shrink: 0;
  margin-left: auto;

  .author-posts-item.is-open & {
    transform: rotate(180deg);
  }
}

.author-posts-content {
  padding: 1rem;
  background-color: $light-light-gray;
  position: relative;
  padding-bottom: 3rem;
  &::after {
    @include yellow-gradient-after;
  }

  article a {
    text-decoration: none !important;
    h2 {
      margin-top: 0 !important;
    }

  }
}

.author-post-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;

  h2::after {
    display: none;
  }

  @media ($tablet) {
    grid-template-columns: repeat(2, 1fr);
  }
}