/* ==========================================================================
   book-photo.css — lapisan foto sampul asli di atas kartu buku (buku.html,
   index.html, detail-buku.html, profile.html). Aditif saja: tidak mengubah
   aturan .book-cover / .detail-cover / .history-thumb yang sudah ada di
   style.css, hanya menambah elemen <img> di dalamnya.
   ========================================================================== */

.book-cover,
.detail-cover {
  position: relative;
  overflow: hidden;
}

.book-cover-photo,
.detail-cover-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* overlay gradasi supaya jenjang-tag & judul tetap terbaca di atas foto */
.book-cover::after,
.detail-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.55) 100%);
  z-index: 1;
  pointer-events: none;
}

.book-cover .jenjang-tag,
.book-cover .book-fav,
.book-cover .cover-title,
.detail-cover .jenjang-tag,
.detail-cover .cover-title {
  position: relative;
  z-index: 2;
}

.history-thumb {
  position: relative;
  overflow: hidden;
}

.history-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}