/* Dijital Kütüphane & Klasik Okuyucu Stilleri (app.css) */

/* Okuyucu Renk Temaları */
#reader-viewport.book-theme-dark {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
}

#reader-viewport.book-theme-dark p,
#reader-viewport.book-theme-dark div,
#reader-viewport.book-theme-dark span {
  color: #cbd5e1 !important;
}

#reader-viewport.book-theme-sepia,
#reader-viewport.book-theme-sepya {
  background-color: #f4ecd8 !important;
  color: #382109 !important;
  opacity: 1 !important;
}

#reader-viewport.book-theme-sepia p,
#reader-viewport.book-theme-sepya p,
#reader-viewport.book-theme-sepia div,
#reader-viewport.book-theme-sepya div,
#reader-viewport.book-theme-sepia span,
#reader-viewport.book-theme-sepya span {
  color: #382109 !important;
}

#reader-viewport.book-theme-light {
  background-color: #ffffff !important;
  color: #1e293b !important;
}

#reader-viewport.book-theme-light p,
#reader-viewport.book-theme-light div,
#reader-viewport.book-theme-light span {
  color: #1e293b !important;
}

/* Okuyucu Yazı Tipleri */
.font-serif-reader {
  font-family: Georgia, Cambria, 'Times New Roman', Times, serif;
}

.font-sans-reader {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.book-card:hover .book-cover-img {
  transform: scale(1.05);
}

/* Sesli Okuma Aktif Paragraf Vurgusu (Karaoke Efekti) */
.reading-active-paragraph {
  background-color: rgba(254, 243, 199, 0.45) !important;
  border-left: 4px solid #fa520f !important;
  padding-left: 14px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.book-theme-dark .reading-active-paragraph {
  background-color: rgba(251, 191, 36, 0.18) !important;
  border-left-color: #ffd06a !important;
  color: #ffffff !important;
}

.book-theme-sepia .reading-active-paragraph,
.book-theme-sepya .reading-active-paragraph {
  background-color: rgba(230, 213, 168, 0.6) !important;
  border-left-color: #cc3a05 !important;
}

.selectable-paragraph {
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-radius: 6px;
}

.selectable-paragraph:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.book-theme-dark .selectable-paragraph:hover {
  background-color: rgba(255, 255, 255, 0.05);
}