/* Novel Diyarı — tema değişkenleri + Tailwind sınıflarına köprü (theme-loader.js ile beslenir) */

:root {
  --kitaplik-accent: #c4a574;
  --kitaplik-accent-muted: #9a8560;
  --kitaplik-ink-950: #0a0a0b;
  --kitaplik-ink-900: #121214;
  --kitaplik-ink-800: #1a1a1d;
  --kitaplik-ink-700: #27272a;
  --kitaplik-accent-rgb: 196 165 116;
  --kitaplik-font-sans: "DM Sans", system-ui, sans-serif;
  --kitaplik-font-display: "Instrument Serif", Georgia, serif;
}

html[data-kitaplik-theme-applied="1"] {
  /* Tailwind ring / shadow accent */
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.35);
}

/* Gövde ve başlık fontları */
html[data-kitaplik-theme-applied="1"] body.font-sans,
html[data-kitaplik-theme-applied="1"] .font-sans {
  font-family: var(--kitaplik-font-sans) !important;
}

html[data-kitaplik-theme-applied="1"] .font-display {
  font-family: var(--kitaplik-font-display) !important;
}

/* Ink arka planlar */
html[data-kitaplik-theme-applied="1"] .bg-ink-950 {
  background-color: var(--kitaplik-ink-950) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900 {
  background-color: var(--kitaplik-ink-900) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-800 {
  background-color: var(--kitaplik-ink-800) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-700 {
  background-color: var(--kitaplik-ink-700) !important;
}

html[data-kitaplik-theme-applied="1"] .bg-ink-950\/90 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-950) 90%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-950\/80 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-950) 80%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/95 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 95%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/90 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 90%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/70 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 70%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/60 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 60%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/50 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 50%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/40 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/30 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 30%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-900\/55 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-900) 55%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-800\/50 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-800) 50%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-800\/40 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-800) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-ink-800\/80 {
  background-color: color-mix(in srgb, var(--kitaplik-ink-800) 80%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .from-ink-950 {
  --tw-gradient-from: var(--kitaplik-ink-950) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html[data-kitaplik-theme-applied="1"] .to-ink-950 {
  --tw-gradient-to: var(--kitaplik-ink-950) var(--tw-gradient-to-position);
}

/* Accent metin / arka plan / çerçeve */
html[data-kitaplik-theme-applied="1"] .text-accent {
  color: var(--kitaplik-accent) !important;
}
html[data-kitaplik-theme-applied="1"] .text-accent\/90 {
  color: color-mix(in srgb, var(--kitaplik-accent) 90%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .text-accent\/85 {
  color: color-mix(in srgb, var(--kitaplik-accent) 85%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .text-accent\/80 {
  color: color-mix(in srgb, var(--kitaplik-accent) 80%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .text-accent\/40 {
  color: color-mix(in srgb, var(--kitaplik-accent) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .text-accent\/30 {
  color: color-mix(in srgb, var(--kitaplik-accent) 30%, transparent) !important;
}

html[data-kitaplik-theme-applied="1"] .bg-accent {
  background-color: var(--kitaplik-accent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-accent\/10 {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 10%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-accent\/15 {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 15%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-accent\/20 {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 20%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-accent\/25 {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 25%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .bg-accent\/35 {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 35%, transparent) !important;
}

html[data-kitaplik-theme-applied="1"] .border-accent {
  border-color: var(--kitaplik-accent) !important;
}
html[data-kitaplik-theme-applied="1"] .border-accent\/30 {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 30%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .border-accent\/35 {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 35%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .border-accent\/40 {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .border-accent\/50 {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 50%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .border-accent\/60 {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 60%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/15 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.15) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/20 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.2) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/25 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.25) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/30 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.3) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/40 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.4) !important;
}
html[data-kitaplik-theme-applied="1"] .ring-accent\/50 {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.5) !important;
}

html[data-kitaplik-theme-applied="1"] .shadow-accent\/20 {
  --tw-shadow-color: rgb(var(--kitaplik-accent-rgb) / 0.2) !important;
}
html[data-kitaplik-theme-applied="1"] .shadow-accent\/25 {
  --tw-shadow-color: rgb(var(--kitaplik-accent-rgb) / 0.25) !important;
}
html[data-kitaplik-theme-applied="1"] .shadow-accent\/30 {
  --tw-shadow-color: rgb(var(--kitaplik-accent-rgb) / 0.3) !important;
}
html[data-kitaplik-theme-applied="1"] .shadow-accent\/40 {
  --tw-shadow-color: rgb(var(--kitaplik-accent-rgb) / 0.4) !important;
}
html[data-kitaplik-theme-applied="1"] .shadow-accent\/50 {
  --tw-shadow-color: rgb(var(--kitaplik-accent-rgb) / 0.5) !important;
}

html[data-kitaplik-theme-applied="1"] .from-accent {
  --tw-gradient-from: var(--kitaplik-accent) var(--tw-gradient-from-position);
}
html[data-kitaplik-theme-applied="1"] .to-accent {
  --tw-gradient-to: var(--kitaplik-accent) var(--tw-gradient-to-position);
}
html[data-kitaplik-theme-applied="1"] .via-accent\/25 {
  --tw-gradient-via: color-mix(in srgb, var(--kitaplik-accent) 25%, transparent) var(--tw-gradient-via-position);
}

html[data-kitaplik-theme-applied="1"] .hover\:border-accent\/30:hover {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 30%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:border-accent\/40:hover {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:border-accent\/50:hover {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 50%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:text-accent:hover {
  color: var(--kitaplik-accent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:bg-accent\/90:hover {
  background-color: color-mix(in srgb, var(--kitaplik-accent) 90%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:bg-amber-200\/90:hover {
  /* buton hover — accent ile uyumlu */
  background-color: color-mix(in srgb, var(--kitaplik-accent) 88%, white) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:text-amber-200:hover {
  color: color-mix(in srgb, var(--kitaplik-accent) 75%, white) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:text-amber-200\/90:hover {
  color: color-mix(in srgb, var(--kitaplik-accent) 70%, white) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:shadow-amber-400\/50:hover {
  --tw-shadow-color: color-mix(in srgb, var(--kitaplik-accent) 45%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .hover\:shadow-amber-500\/50:hover {
  --tw-shadow-color: color-mix(in srgb, var(--kitaplik-accent) 50%, transparent) !important;
}

html[data-kitaplik-theme-applied="1"] .focus\:border-accent\/40:focus {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 40%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .focus\:border-accent\/50:focus {
  border-color: color-mix(in srgb, var(--kitaplik-accent) 50%, transparent) !important;
}
html[data-kitaplik-theme-applied="1"] .focus\:ring-accent\/20:focus {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.2) !important;
}
html[data-kitaplik-theme-applied="1"] .focus\:ring-accent\/15:focus {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.15) !important;
}
html[data-kitaplik-theme-applied="1"] .focus-visible\:ring-accent\/30:focus-visible {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.3) !important;
}
html[data-kitaplik-theme-applied="1"] .focus-visible\:ring-accent\/50:focus-visible {
  --tw-ring-color: rgb(var(--kitaplik-accent-rgb) / 0.5) !important;
}

html[data-kitaplik-theme-applied="1"] .text-ink-950 {
  color: var(--kitaplik-ink-950) !important;
}

/* Önizleme kutusu (ayarlar sayfası) */
.kitaplik-theme-preview {
  --preview-accent: var(--kitaplik-accent);
  --preview-panel: var(--kitaplik-ink-900);
  --preview-body: var(--kitaplik-ink-950);
}

/* Yazarın kendi eserine yorumu (okuma + roman detay) */
.author-comment {
  border-color: rgba(212, 175, 55, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.18);
  background: linear-gradient(
    145deg,
    rgba(212, 175, 55, 0.1) 0%,
    rgba(18, 18, 20, 0.35) 52%,
    rgba(18, 18, 20, 0.3) 100%
  ) !important;
}

.author-comment-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.42rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fef3c7;
  background: rgba(212, 175, 55, 0.28);
  border: 1px solid rgba(251, 191, 36, 0.45);
}

/* Roman / kütüphane — kapak görseli kapsayıcısı (dikey kart üstü; sınıfı HTML’de ver) */
.novel-card-img-container {
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.novel-card-img-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}

.novel-card-img-container:hover > img {
  transform: scale(1.05);
}

/* Profil menüsü — Öneri ve Şikayetler (ikon nabız + hover) */
@keyframes feedback-pulse {
  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 2px rgba(255, 191, 0, 0.35));
  }
  50% {
    transform: scale(1.1);
    filter: drop-shadow(0 0 12px rgba(255, 191, 0, 0.5));
  }
}

.nav-profile-feedback-btn {
  transition: all 0.3s ease;
  align-items: center;
}

.nav-profile-feedback-btn .nav-profile-feedback-icon {
  display: block;
  flex-shrink: 0;
  transform-origin: center center;
  transition: all 0.3s ease;
  animation: feedback-pulse 2.4s ease-in-out infinite;
}

.nav-profile-feedback-btn span {
  transition: all 0.3s ease;
}

.nav-profile-feedback-btn:hover .nav-profile-feedback-icon {
  animation: none;
  transform: translateY(-2px) scale(1.1);
  filter: drop-shadow(0 0 8px #ffbf00);
  color: #ffbf00;
}

.nav-profile-feedback-btn:hover span {
  color: #ffbf00;
}

@media (prefers-reduced-motion: reduce) {
  .nav-profile-feedback-btn .nav-profile-feedback-icon {
    animation: none;
  }

  .nav-profile-feedback-btn:hover .nav-profile-feedback-icon {
    transform: none;
    filter: none;
  }
}

/* Ayarlar palet seçimi — ring offset arka planı tema ile uyumlu */
.ring-offset-theme {
  --tw-ring-offset-color: var(--kitaplik-ink-950) !important;
}

/* =============================================================================
   Gündüz — premium kitap kağıdı (fildişi / kömür; saf siyah-beyaz yok) +
   okuma alanı tokenları + yumuşak tema geçişi
   ============================================================================= */
html {
  transition:
    background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

body {
  transition:
    background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-theme='gunduz'] {
  color-scheme: light;
  --bg-main: #faf8f5;
  --bg-elevated: #f3f0eb;
  --text-main: #222222;
  --text-primary: #222222;
  --text-heading: #222222;
  --text-muted: #4a4a4a;
  --text-faint: #5c5c5c;
  --primary: #222222;
  --primary-rgb: 34 34 34;
  --primary-soft: rgba(34, 34, 34, 0.06);
  --primary-border: rgba(34, 34, 34, 0.15);
  --primary-glow: rgba(34, 34, 34, 0.07);
  /* Ana sayfa / liste kartları — kitap kağıdı */
  --card-bg: #f5f1ea;
  --card-border: #e6e0d4;
  --card-bg-solid: #f0ebe3;
  --cover-placeholder: #e4dfd4;
  --cover-placeholder-end: #d8d2c6;
  --border-subtle: rgba(34, 34, 34, 0.1);
  --shadow-depth: rgba(34, 34, 34, 0.08);
  --header-bg-scrolled: rgba(250, 248, 245, 0.93);
  --hero-vignette: rgba(250, 248, 245, 0.45);
  --hero-glow-top: rgba(34, 34, 34, 0.032);
  /* Kömür düğme üstü: fildişi (saf beyaz değil) */
  --cta-solid-text: #faf8f5;
  /* Okuma gövdesi — eski kitap kağıdı */
  --reading-page-bg: #f5f1ea;
  --reading-text: #333333;
}

/* romanlar.css :root tokenları — gündüzde kağıt paleti */
html[data-theme='gunduz'].romanlar-html {
  --bg: #faf8f5;
  --surface: #f5f1ea;
  --surface-2: #ebe5d9;
  --border: #e6e0d4;
  --shadow: rgba(34, 34, 34, 0.09);
  --text: rgba(34, 34, 34, 0.92);
  --muted: rgba(74, 74, 74, 0.88);
}

html[data-theme='gunduz'] .text-zinc-50,
html[data-theme='gunduz'] .text-zinc-100 {
  color: var(--text-heading) !important;
}

html[data-theme='gunduz'] .text-zinc-200,
html[data-theme='gunduz'] .text-zinc-300,
html[data-theme='gunduz'] .text-zinc-400 {
  color: var(--text-muted) !important;
}

html[data-theme='gunduz'] .text-zinc-500,
html[data-theme='gunduz'] .text-zinc-600 {
  color: var(--text-faint) !important;
}

html[data-theme='gunduz'] .bg-black {
  background-color: var(--bg-main) !important;
}

html[data-theme='gunduz'] .bg-zinc-950,
html[data-theme='gunduz'] .bg-zinc-950\/80,
html[data-theme='gunduz'] .bg-zinc-950\/90 {
  background-color: var(--bg-elevated) !important;
}

html[data-theme='gunduz'] a {
  color: var(--text-main);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html[data-theme='gunduz'] a.home-hero__cta,
html[data-theme='gunduz'] a.home-novel-card__link,
html[data-theme='gunduz'] a.font-display,
html[data-theme='gunduz'] a#nav-jeton-pill,
html[data-theme='gunduz'] #nav-jeton-bar a {
  text-decoration: none;
  font-weight: inherit;
}

html[data-theme='gunduz'] a.home-hero__cta--solid {
  font-weight: 700;
  color: var(--cta-solid-text) !important;
}

html[data-theme='gunduz'] a.home-novel-card__link {
  color: inherit;
  font-weight: 400;
}

html[data-theme='gunduz'] a.home-hero__cta--outline {
  font-weight: 700;
  color: var(--primary) !important;
}

html[data-theme='gunduz'] .bg-accent,
html[data-theme='gunduz'] button.bg-accent {
  color: var(--cta-solid-text) !important;
}

html[data-theme='gunduz'] .hover\:bg-amber-200\/90:hover {
  background-color: #2c2c2c !important;
  color: var(--cta-solid-text) !important;
}

html[data-theme='gunduz'] .hover\:text-amber-200:hover,
html[data-theme='gunduz'] .hover\:text-amber-200\/90:hover {
  color: var(--text-main) !important;
}

html[data-theme='gunduz'] .text-amber-400\/90,
html[data-theme='gunduz'] .text-amber-400,
html[data-theme='gunduz'] .text-amber-300,
html[data-theme='gunduz'] .text-amber-200,
html[data-theme='gunduz'] .text-amber-200\/75,
html[data-theme='gunduz'] .text-amber-100 {
  color: var(--text-heading) !important;
}

html[data-theme='gunduz'] .border-amber-500\/45,
html[data-theme='gunduz'] .border-amber-500\/50 {
  border-color: rgba(34, 34, 34, 0.2) !important;
}

html[data-theme='gunduz'] .bg-amber-500\/10,
html[data-theme='gunduz'] .bg-amber-500\/15,
html[data-theme='gunduz'] .bg-amber-500\/20 {
  background-color: rgba(34, 34, 34, 0.06) !important;
}

html[data-theme='gunduz'] .bg-amber-500\/90 {
  background-color: rgba(34, 34, 34, 0.88) !important;
  color: var(--cta-solid-text) !important;
}

html[data-theme='gunduz'] .hover\:bg-amber-400:hover {
  background-color: #3a3a3a !important;
  color: var(--cta-solid-text) !important;
}

html[data-theme='gunduz'] .hover\:border-amber-400\/70:hover {
  border-color: rgba(34, 34, 34, 0.38) !important;
}

html[data-theme='gunduz'] .from-amber-500\/15,
html[data-theme='gunduz'] .to-amber-600\/10,
html[data-theme='gunduz'] .hover\:from-amber-500\/25:hover,
html[data-theme='gunduz'] .hover\:to-amber-500\/15:hover {
  --tw-gradient-from: rgba(34, 34, 34, 0.08) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(34, 34, 34, 0.045) var(--tw-gradient-to-position) !important;
}

/* Ana sayfa — roman kartı (style.css .home-novel-card) */
html[data-theme='gunduz'] .home-novel-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow:
    0 1px 2px rgba(34, 34, 34, 0.035),
    0 6px 20px rgba(34, 34, 34, 0.05),
    0 14px 40px rgba(92, 78, 52, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme='gunduz'] .home-novel-card:hover {
  border-color: color-mix(in srgb, var(--card-border) 72%, var(--text-main) 28%) !important;
  box-shadow:
    0 2px 4px rgba(34, 34, 34, 0.045),
    0 10px 28px rgba(34, 34, 34, 0.065),
    0 20px 48px rgba(92, 78, 52, 0.07);
}

html[data-theme='gunduz'] .home-novel-card__meta {
  border-top-color: var(--card-border) !important;
}

/* Romanlar listesi — .novel-card (romanlar.css) */
html[data-theme='gunduz'].romanlar-html .novel-card {
  box-shadow:
    0 1px 2px rgba(34, 34, 34, 0.035),
    0 8px 24px rgba(34, 34, 34, 0.055),
    0 16px 44px rgba(92, 78, 52, 0.065);
}

html[data-theme='gunduz'].romanlar-html .novel-card:hover {
  border-color: color-mix(in srgb, var(--border) 70%, var(--text-main) 30%) !important;
  background: color-mix(in srgb, var(--surface-2) 90%, transparent) !important;
  box-shadow:
    0 2px 6px rgba(34, 34, 34, 0.05),
    0 12px 32px rgba(34, 34, 34, 0.065),
    0 22px 52px rgba(92, 78, 52, 0.075);
}

html[data-theme='gunduz'].romanlar-html .card-cover,
html[data-theme='gunduz'].romanlar-html .novel-cover {
  box-shadow: 0 6px 20px rgba(34, 34, 34, 0.14), 0 2px 8px rgba(34, 34, 34, 0.06);
}

html[data-theme='gunduz'] .nav-profile-feedback-btn .nav-profile-feedback-icon {
  animation: none;
  filter: drop-shadow(0 0 2px rgba(34, 34, 34, 0.2));
}

html[data-theme='gunduz'] .nav-profile-feedback-btn:hover .nav-profile-feedback-icon {
  filter: drop-shadow(0 0 6px rgba(34, 34, 34, 0.26));
  color: var(--text-main);
}

html[data-theme='gunduz'] .nav-profile-feedback-btn:hover span {
  color: var(--text-main);
}

/* Bölüm metnindeki görseller (yazar paneli → okuma; kalite öncelikli, lazy yükleme) */
img.chapter-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  html,
  body {
    transition-duration: 0.01ms !important;
  }
}

/* Navbar markası: logo + site_title yan yana, üst üste binme yok */
.kitaplik-nav-brand-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.625rem;
  min-height: 70px;
  max-width: 100%;
  position: relative;
}

.kitaplik-nav-brand-row #main-nav-logo,
.kitaplik-nav-brand-row img.nav-logo-img {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto;
  height: 70px;
  max-height: 70px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  object-position: center;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}

.kitaplik-nav-brand-row #nav-site-title {
  position: relative !important;
  inset: auto !important;
  flex: 0 1 auto;
  align-self: center;
  display: flex;
  align-items: center;
  min-width: 0;
  line-height: 1.15;
  white-space: normal;
  word-break: break-word;
  font-weight: 650;
  letter-spacing: -0.025em;
}