/* ---------------------------------------------------------------- */
/* Single post page background: keep it white (no lavender behind). */
/* ---------------------------------------------------------------- */
body.single-post,
body.single-post.ast-separate-container,
body.single-post .ast-separate-container {
  background-color: #FFFFFF;
}

/* ---------------------------------------------------------------- */
/* Related posts: simple title + link list.                         */
/* ---------------------------------------------------------------- */
.pp-related {
  margin: 40px 0 8px;
  padding-top: 28px;
  border-top: 1px solid #E4E7FD;
}

.pp-related__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #131739;
  margin: 0 0 12px;
}

.pp-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pp-related__item {
  border-bottom: 1px solid #E4E7FD;
}

.pp-related__item:last-child {
  border-bottom: none;
}

.pp-related__link {
  display: block;
  padding: 14px 4px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #131739;
  text-decoration: none;
  position: relative;
  padding-left: 20px;
  transition: color 0.15s ease, padding-left 0.15s ease;
}

.pp-related__link::before {
  content: "\2192";
  position: absolute;
  left: 0;
  color: #2235DD;
}

.pp-related__link:hover,
.pp-related__link:focus {
  color: #2235DD;
  padding-left: 26px;
}

@media (max-width: 600px) {
  .pp-related {
    margin: 28px 0 4px;
    padding-top: 20px;
  }

  .pp-related__title {
    font-size: 18px;
  }

  .pp-related__link {
    font-size: 15px;
    padding: 12px 4px 12px 18px;
  }
}

/* ---------------------------------------------------------------- */
/* Comment box: default WP/Astra height is too tall on mobile.       */
/* Halve it there while leaving desktop untouched.                   */
/* ---------------------------------------------------------------- */
@media (max-width: 600px) {
  .comment-form-comment textarea#comment,
  #commentform textarea#comment {
    height: 100px;
    min-height: 100px;
  }
}