/* Style for the book fields */
.kitab-book {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  justify-content: space-around;
  margin: 30px 0;
  /* border-radius: 5px; */
  /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); */
}

.kitab-book .kitab-book-thumbnail {
  /* book cover style */
  width: auto;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transform: perspective(800px) rotateY(-10deg);
  max-height: 300px;
  transition: transform 0.4s;
}

.kitab-book .kitab-book-thumbnail:hover {
  transform: none;
}

.kitab-book-fields {
  display: grid;
  grid-template-columns: max-content auto;
  padding: 0 20px;
  border: none;
}
table.kitab-book-fields {
  display: table;
}

/* Style for the book field labels */
.kitab-book-fields dt,
.kitab-book-fields th {
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
  text-align: left;
  border: 0;
}
.rtl .kitab-book-fields dt,
.rtl .kitab-book-fields th {
  text-align: right;
}

/* Style for the book field values */
.kitab-book-fields dd,
.kitab-book-fields td {
  color: #777;
  margin-left: 0;
  margin-bottom: 15px;
  padding-left: 15px;
  border: 0;
}

/* Style for clickable links */
.kitab-book-fields a {
  /* color: #007bff; */
  text-decoration: none;
  transition: color 0.2s;
}

.kitab-book-fields a:hover {
  color: #0056b3;
}

/* Style for the post thumbnail (book cover) */
.kitab-book-cover {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
  display: block;
}
@media (max-width: 768px) {
  .kitab-book {
    flex-direction: column;
    align-items: center;
  }

  .kitab-book img {
    max-height: none;
  }

  .kitab-book-fields {
    margin-top: 0;
  }
}