/* ============================================================
   GEÇİCİ TEST DOSYASI — Bölüm (grid) arka planı <-> media info alanı
   Açık temada:
     - .content-section        -> #dee1e6  (media info rengi)
     - .content-grid / .content-grid-mobile -> tam şeffaf (masaüstü + mobil)
     - Media info alanları     -> #ffffff  (bölüm rengi)
   Kart gövdesi (#e9ecef) sabit kalır.
   Kaldırmak için: templates/layout.html içindeki test-invert.css
   <link> satırını silin (veya bu dosyayı silin).
   ============================================================ */

/* BÖLÜM (content-section) ARKA PLANI -> #d9dce2 */
html body[data-theme="light"] .content-section,
html body[data-theme="light"] .main-homepage .content-section,
html body[data-theme="light"] .page-home .content-section,
html body[data-theme="light"] .lists-page .content-section,
html body[data-theme="light"] .lists-index .content-section,
html body[data-theme="light"] .lists-detail .content-section,
html body[data-theme="light"] .mobile-diziler .content-section,
html body[data-theme="light"] .main-homepage .content-section,
html body[data-theme="light"] .content-section,
html body[data-theme="light"] .mobile-diziler .content-section,
html body[data-theme="light"] .mobile-filmler .content-section,
html body[data-theme="light"] .mobile-oyunlar .content-section,
html body[data-theme="light"] .mobile-kitaplar .content-section,
html body[data-theme="light"] .page-books .content-section,
html body[data-theme="light"] .archive-page .content-section,
html body[data-theme="light"] .arsiv-page .content-section {
  background: #e2e5ea !important;
  background-color: #e2e5ea !important;
  background-image: none !important;
}

/* MASAÜSTÜ / ARŞİV (açık tema): arşiv bölümü -> #d9dce2
   arsiv.css'teki beyaz arka planı (min-width:769px) ezer. */
@media (min-width: 769px) {
  html body[data-theme="light"] .archive-page .archive-section,
  html body[data-theme="light"] .arsiv-page .archive-section {
    background: #e2e5ea !important;
    background-color: #e2e5ea !important;
    background-image: none !important;
  }

  html body[data-theme="light"] .archive-page .archive-grid,
  html body[data-theme="light"] .arsiv-page .archive-grid {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}

/* CONTENT-GRID / MEDIA-GRID / RELATED-SCROLL / HORIZONTAL-SCROLL-GRID -> TAM ŞEFFAF */
.media-grid,
.related-scroll,
.horizontal-scroll-grid,
html body .media-grid,
html body .related-scroll,
html body .horizontal-scroll-grid,
html body[data-theme="light"] .media-grid,
html body[data-theme="light"] .related-scroll,
html body[data-theme="light"] .horizontal-scroll-grid,
html body[data-theme="light"] .content-grid,
html body[data-theme="light"] .content-grid-mobile,
html body[data-theme="light"] .main-homepage .content-grid,
html body[data-theme="light"] .main-homepage .content-grid-mobile,
html body[data-theme="light"] .page-home .content-grid,
html body[data-theme="light"] .page-home .content-grid-mobile,
html body[data-theme="light"] .lists-page .content-grid,
html body[data-theme="light"] .lists-index .content-grid,
html body[data-theme="light"] .lists-index .content-grid-mobile,
html body[data-theme="light"] .lists-detail .content-grid,
html body[data-theme="light"] .mobile-diziler .content-grid,
html body[data-theme="light"] .mobile-diziler .content-grid-mobile,
html body[data-theme="light"] .mobile-filmler .content-grid,
html body[data-theme="light"] .mobile-filmler .content-grid-mobile,
html body[data-theme="light"] .mobile-oyunlar .content-grid,
html body[data-theme="light"] .mobile-oyunlar .content-grid-mobile,
html body[data-theme="light"] .mobile-kitaplar .content-grid,
html body[data-theme="light"] .mobile-kitaplar .content-grid-mobile,
html body[data-theme="light"] .page-books .content-grid,
html body[data-theme="light"] .page-books .content-grid-mobile,
html body[data-theme="light"] .archive-page .content-grid,
html body[data-theme="light"] .arsiv-page .content-grid {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* MEDIA INFO ALANLARI -> #ffffff */
html body[data-theme="light"] .media-info,
html body[data-theme="light"] .media-card .media-info,
html body[data-theme="light"] .content-grid .media-card .media-info,
html body[data-theme="light"] .content-section .media-card .media-info,
html body[data-theme="light"] .media-grid .media-card .media-info,
html body[data-theme="light"] .main-homepage .media-card .media-info,
html body[data-theme="light"] .main-homepage .media-info,
html body[data-theme="light"] .lists-page .media-card .media-info,
html body[data-theme="light"] .lists-index .media-card .media-info,
html body[data-theme="light"] .lists-detail .media-card .media-info,
html body[data-theme="light"] .mobile-diziler .media-card .media-info,
html body[data-theme="light"] .mobile-filmler .media-card .media-info,
html body[data-theme="light"] .mobile-oyunlar .media-card .media-info,
html body[data-theme="light"] .mobile-kitaplar .media-card .media-info,
html body[data-theme="light"] .page-books .media-card .media-info,
html body[data-theme="light"] .archive-info,
html body[data-theme="light"] .archive-card .archive-info,
html body[data-theme="light"] .archive-page .archive-info,
html body[data-theme="light"] .archive-history-grid .archive-card .archive-info,
html body[data-theme="light"] .takvim-item,
html body[data-theme="light"] .list-items-horizontal .takvim-item,
html body[data-theme="light"] .lists-index .takvim-item,
html body[data-theme="light"] .lists-detail .list-items-horizontal .takvim-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ------------------------------------------------------------
   /lists (listeler) sayfası — sayfaya özel kurallar bu sayfada
   test katmanını eziyordu. Aşağıdaki yüksek özgüllüklü kurallar
   hem static/pages/lists.css hem de templates/lists/*.html içindeki
   <style> bloklarını geçersiz kılar.
   ------------------------------------------------------------ */

/* Liste kartlarının bilgi alanı (grid görünüm) -> beyaz.
   (Kart gövdesi ayrıca değiştirilmez; themes.css'teki kart rengi geçerli.) */
html body[data-theme="light"] .lists-index .content-section .media-card.list-media-card .media-info,
html body[data-theme="light"] .lists-index .list-items-section .media-card.list-media-card .media-info {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Yatay görünüm kartları -> beyaz */
html body[data-theme="light"] .lists-index .content-section .list-items-horizontal .takvim-item,
html body[data-theme="light"] .lists-index .content-section .list-items-horizontal .takvim-item.list-horizontal-card,
html body[data-theme="light"] .lists-detail .list-items-horizontal .takvim-item,
html body[data-theme="light"] .lists-detail .list-items-horizontal .takvim-item.reading-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ------------------------------------------------------------
   MOBİL: TÜM .content-section tamamen şeffaf (tüm sayfalar).
   (Masaüstünde bölüm rengi #dee1e6 korunur.)
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  html body[data-theme="light"] .content-section,
  html body[data-theme="light"] .content-section.list-items-section,
  html body[data-theme="light"] .list-items-section,
  html body[data-theme="light"] .main-homepage,
  html body[data-theme="light"] .homepage-container,
  html body[data-theme="light"] .page-home,
  html body[data-theme="light"] .stats-grid,
  html body[data-theme="light"] .search-section,
  html body[data-theme="light"] .main-homepage .content-section,
  html body[data-theme="light"] .main-homepage .stats-grid,
  html body[data-theme="light"] .main-homepage .search-section,
  html body[data-theme="light"] .main-homepage .section-header,
  html body[data-theme="light"] .main-homepage .section-title-pill,
  html body[data-theme="light"] .page-home .content-section,
  html body[data-theme="light"] .lists-page .content-section,
  html body[data-theme="light"] .lists-index .content-section,
  html body[data-theme="light"] .lists-detail .content-section,
  html body[data-theme="light"] .mobile-diziler .content-section,
  html body[data-theme="light"] .mobile-filmler .content-section,
  html body[data-theme="light"] .mobile-oyunlar .content-section,
  html body[data-theme="light"] .mobile-kitaplar .content-section,
  html body[data-theme="light"] .page-books .content-section,
  html body[data-theme="light"] .archive-page .content-section,
  html body[data-theme="light"] .arsiv-page .content-section {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* ------------------------------------------------------------
   LİSTE DETAY SAYFASI — MOBİL:
     - .takvim-liste.list-items-horizontal -> tamamen şeffaf
     - .list-detail-banner.collage ve kolaj katmanı -> tamamen şeffaf
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  html body .lists-detail .takvim-liste,
  html body .lists-detail .takvim-liste.list-items-horizontal,
  html body .lists-detail #list-items-horizontal,
  html body .lists-detail .list-items-horizontal {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  html body .lists-detail .list-detail-banner.collage,
  html body .lists-detail .list-detail-banner-collage {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
}

/* ------------------------------------------------------------
   MOBİL: LİSTELER — listelerin bulunduğu tüm kapsayıcılar tam şeffaf.
   (media-grid, list-items, list-items-grid, toolbar, header vb.)
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  html body[data-theme="light"] .lists-index .media-grid,
  html body[data-theme="light"] .lists-index .content-grid-mobile,
  html body[data-theme="light"] .lists-index .list-items,
  html body[data-theme="light"] .lists-index .list-items-grid,
  html body[data-theme="light"] .lists-index .list-items-horizontal,
  html body[data-theme="light"] .lists-index #lists-horizontal,
  html body[data-theme="light"] .lists-index .list-items-toolbar,
  html body[data-theme="light"] .lists-detail .media-grid,
  html body[data-theme="light"] .lists-detail .content-grid-mobile,
  html body[data-theme="light"] .lists-detail .list-items,
  html body[data-theme="light"] .lists-detail .list-items-grid,
  html body[data-theme="light"] .lists-detail #list-items,
  html body[data-theme="light"] .lists-detail .list-items-toolbar,
  html body[data-theme="light"] .lists-detail .list-detail-top {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* ------------------------------------------------------------
   AÇIK TEMA: kart gölgelerini tamamen kaldır (normal + hover).
   ------------------------------------------------------------ */
html body[data-theme="light"] .media-card,
html body[data-theme="light"] .media-card:hover,
html body[data-theme="light"] .media-card.list-media-card,
html body[data-theme="light"] .media-card.list-media-card:hover,
html body[data-theme="light"] .media-card.list-item-card,
html body[data-theme="light"] .media-card.list-item-card:hover,
html body[data-theme="light"] .list-horizontal-card,
html body[data-theme="light"] .list-horizontal-card:hover,
html body[data-theme="light"] .takvim-item,
html body[data-theme="light"] .takvim-item:hover,
html body[data-theme="light"] .archive-card,
html body[data-theme="light"] .archive-card:hover,
html body[data-theme="light"] .sonuc-karti,
html body[data-theme="light"] .sonuc-karti:hover,
html body[data-theme="light"] .media-info,
html body[data-theme="light"] .archive-info,
html body[data-theme="light"] .media-poster,
html body[data-theme="light"] .list-detail-banner,
html body[data-theme="light"] .list-detail-banner.photo,
html body[data-theme="light"] .list-detail-banner.collage,
html body[data-theme="light"] .list-detail-banner.plain {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Liste detay banner karartma/gölge katmanı -> tamamen şeffaf */
html body[data-theme="light"] .list-detail-banner-shade,
html body[data-theme="light"] .list-detail-banner.photo .list-detail-banner-shade,
html body[data-theme="light"] .list-detail-banner.collage .list-detail-banner-shade {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* Liste detay banner çerçevesi -> kaldır */
html body[data-theme="light"] .lists-detail .list-detail-banner,
html body[data-theme="light"] .lists-detail .list-detail-banner.photo,
html body[data-theme="light"] .lists-detail .list-detail-banner.collage,
html body[data-theme="light"] .lists-detail .list-detail-banner.plain {
  border: none !important;
  outline: none !important;
}

/* ------------------------------------------------------------
   MOBİL / AÇIK TEMA — TÜM SAYFALAR
   "X item" rozetleri + kayan buton konteynırları:
     - İç renk             -> #eceef1
     - Rozet çerçevesi     -> #d9dce2 (diğer konteynırlar #c6cad3)
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  /* 1) Sayaç ("X item") rozetleri */
  html body[data-theme="light"] .item-count,
  html body[data-theme="light"] .section-count-desktop,
  html body[data-theme="light"] .section-header > .item-count,
  html body[data-theme="light"] .section-title-pill .item-count,
  html body[data-theme="light"] .section-title-pill > .item-count,

  /* liste detay rozetleri */

  /* /lists sayfası */
  html body[data-theme="light"] .lists-index .item-count,
  html body[data-theme="light"] .lists-index .section-header .item-count,
  html body[data-theme="light"] .lists-index .section-header > .item-count,
  html body[data-theme="light"] .lists-index .section-title-pill .item-count,
  html body[data-theme="light"] .lists-index .section-count-desktop,

  /* sayfa kapsayıcıları (ana sayfa / film / dizi / oyun / kitap / arşiv) */
  html body[data-theme="light"] .main-homepage .item-count,
  html body[data-theme="light"] .page-home .item-count,
  html body[data-theme="light"] .page-movies .item-count,
  html body[data-theme="light"] .mobile-filmler .item-count,
  html body[data-theme="light"] .page-series .item-count,
  html body[data-theme="light"] .mobile-diziler .item-count,
  html body[data-theme="light"] .page-games .item-count,
  html body[data-theme="light"] .mobile-oyunlar .item-count,
  html body[data-theme="light"] .archive-page .item-count,
  html body[data-theme="light"] .archive-page .section-header .item-count,
  html body[data-theme="light"] .archive-page .section-header > .item-count,
  html body[data-theme="light"] .archive-page .section-title-pill .item-count,
  html body[data-theme="light"] .archive-page .archive-section .item-count,
  html body[data-theme="light"] .archive-page .section-count-desktop,
  html body[data-theme="light"] .page-books .item-count,
  html body[data-theme="light"] .mobile-kitaplar .item-count,
  html body[data-theme="light"] .main-homepage .section-count-desktop,
  html body[data-theme="light"] .page-home .section-count-desktop,
  html body[data-theme="light"] .page-movies .section-count-desktop,
  html body[data-theme="light"] .mobile-filmler .section-count-desktop,
  html body[data-theme="light"] .page-series .section-count-desktop,
  html body[data-theme="light"] .mobile-diziler .section-count-desktop,
  html body[data-theme="light"] .page-games .section-count-desktop,
  html body[data-theme="light"] .mobile-oyunlar .section-count-desktop,
  html body[data-theme="light"] .archive-page .section-count-desktop,
  html body[data-theme="light"] .page-books .section-count-desktop,
  html body[data-theme="light"] .mobile-kitaplar .section-count-desktop {
    background: #eceef1 !important;
    background-color: #eceef1 !important;
    background-image: none !important;
    border: 1px solid #d9dce2 !important;
  }

  /* 2) Kayan buton konteynırları (tüm sayfalar) */
  html body[data-theme="light"] .list-view-switcher,
  html body[data-theme="light"] .lists-index .list-view-switcher,
  html body[data-theme="light"] .lists-index .section-title-pill .list-view-switcher,
  html body[data-theme="light"] .archive-page .archive-filter-bar {
    background: #eceef1 !important;
    background-color: #eceef1 !important;
    background-image: none !important;
    border: 1px solid #c6cad3 !important;
    outline: none !important;
    box-shadow: none !important;
  }

  /* 3) Arşiv yıl filtresi (dropdown) çerçevesi -> ortak çerçeve rengi */
  html body[data-theme="light"] .archive-page .archive-year-select,
  html body[data-theme="light"] .archive-page .archive-year-filter .archive-year-select,
  html body[data-theme="light"] .archive-page .archive-year-select:hover,
  html body[data-theme="light"] .archive-page .archive-year-filter .archive-year-select:hover {
    border: 1px solid #c6cad3 !important;
  }
}

/* ============================================================
   "+" (EKLE) BUTONLARI — ortak gradient rengi
   linear-gradient(135deg, #667eea 0%, #764ba2 100%)
   Kapsam: /lists "Liste Oluştur" + /books "Kitap Ekle"
   (.liste-ekle-btn / .liste-ekle-btn-desktop /
    .kitap-ekle-btn / .kitap-ekle-btn-desktop)
   Hem açık hem koyu temada geçerlidir.
   ============================================================ */
html body .liste-ekle-btn,
html body .liste-ekle-btn-desktop,
html body .kitap-ekle-btn,
html body .kitap-ekle-btn-desktop,
html body .lists-index .liste-ekle-btn,
html body .lists-index .liste-ekle-btn-desktop,
html body .mobile-kitaplar .kitap-ekle-btn,
html body .mobile-kitaplar .kitap-ekle-btn-desktop,
html body .page-books .kitap-ekle-btn,
html body .page-books .kitap-ekle-btn-desktop {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-color: #667eea !important;
  border: none !important;
  color: #ffffff !important;
}

/* Hover: gradient korunur, gölge yeni tona uyarlanır */
html body .liste-ekle-btn:hover,
html body .liste-ekle-btn-desktop:hover,
html body .kitap-ekle-btn:hover,
html body .kitap-ekle-btn-desktop:hover,
html body .lists-index .liste-ekle-btn:hover,
html body .lists-index .liste-ekle-btn-desktop:hover,
html body .mobile-kitaplar .kitap-ekle-btn:hover,
html body .mobile-kitaplar .kitap-ekle-btn-desktop:hover,
html body .page-books .kitap-ekle-btn:hover,
html body .page-books .kitap-ekle-btn-desktop:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.45) !important;
}

/* ============================================================
   MOBİL (<= 768px) + AÇIK TEMA — YAPIM KARTLARI ÇERÇEVESİ
   Ortak çerçeve rengi (#c6cad3) tüm sayfalardaki kartlara uygulanır:
   ana sayfa, film, dizi, oyun, kitap, /lists, liste detay, arşiv,
   arama sonuçları ve popüler kartlar.
   ============================================================ */
@media (max-width: 768px) {
  html body[data-theme="light"] .media-card,
  html body[data-theme="light"] .media-card:hover,
  html body[data-theme="light"] .media-card.list-media-card,
  html body[data-theme="light"] .media-card.list-media-card:hover,
  html body[data-theme="light"] .media-card.list-item-card,
  html body[data-theme="light"] .media-card.list-item-card:hover,
  html body[data-theme="light"] .list-horizontal-card,
  html body[data-theme="light"] .list-horizontal-card:hover,
  html body[data-theme="light"] .takvim-item,
  html body[data-theme="light"] .takvim-item:hover,
  html body[data-theme="light"] .archive-card,
  html body[data-theme="light"] .archive-card:hover,
  html body[data-theme="light"] .sonuc-karti,
  html body[data-theme="light"] .sonuc-karti:hover,
  html body[data-theme="light"] .populer-kart {
    border: 1px solid #c6cad3 !important;
    border-color: #c6cad3 !important;
  }
}

/* ============================================================
   AÇIK TEMA — TÜM ROZETLER (MOBİL + MASAÜSTÜ)
   Tüm sayfalardaki sayaç / durum rozetleri:
     - İç renk -> #eceef1
     - Kenarlık -> #d9dce2
   Kapsam: ana sayfa, film, dizi, oyun, kitap (/books), /lists,
   liste detay (X item + Reading/Watch/Backlog), arşiv.
   ============================================================ */
html body[data-theme="light"] .item-count,
html body[data-theme="light"] .section-count-desktop,
html body[data-theme="light"] .section-header > .item-count,
html body[data-theme="light"] .section-header .item-count,
html body[data-theme="light"] .section-title-pill .item-count,
html body[data-theme="light"] .section-title-pill > .item-count,
html body[data-theme="light"] .list-items-count-badge,
html body[data-theme="light"] .list-runtime-badge,
html body[data-theme="light"] .lists-index .item-count,
html body[data-theme="light"] .lists-index .section-header .item-count,
html body[data-theme="light"] .lists-index .section-title-pill .item-count,
html body[data-theme="light"] .lists-index .section-count-desktop,
html body[data-theme="light"] .archive-page .item-count,
html body[data-theme="light"] .archive-page .section-header .item-count,
html body[data-theme="light"] .archive-page .section-title-pill .item-count,
html body[data-theme="light"] .archive-page .section-count-desktop {
  background: #eceef1 !important;
  background-color: #eceef1 !important;
  background-image: none !important;
  border: 1px solid #d9dce2 !important;
  border-color: #d9dce2 !important;
}

/* ------------------------------------------------------------
   KAYAN BUTON KONTEYNIRLARI — /lists + liste detay
   (mobil + masaüstü, açık tema)
   İç renk #eceef1 | Kenarlık #d9dce2 | gölge/outline yok
   ------------------------------------------------------------ */
html body[data-theme="light"] .list-view-switcher,
html body[data-theme="light"] .lists-index .list-view-switcher,
html body[data-theme="light"] .lists-index .section-title-pill .list-view-switcher {
  background: #eceef1 !important;
  background-color: #eceef1 !important;
  background-image: none !important;
  border: 1px solid #d9dce2 !important;
  border-color: #d9dce2 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
   MASAÜSTÜ (>= 769px) + AÇIK TEMA — ROZET YÜKSEKLİĞİ
   Rozetler, "+" butonuyla (35px) aynı yükseklikte olur.
   ============================================================ */
@media (min-width: 769px) {
  html body[data-theme="light"] .item-count,
  html body[data-theme="light"] .section-count-desktop,
  html body[data-theme="light"] .section-header > .item-count,
  html body[data-theme="light"] .section-header .item-count,
  html body[data-theme="light"] .section-title-pill .item-count,
  html body[data-theme="light"] .section-title-pill > .item-count,
  html body[data-theme="light"] .list-items-count-badge,
  html body[data-theme="light"] .list-runtime-badge,
  html body[data-theme="light"] .lists-index .item-count,
  html body[data-theme="light"] .lists-index .section-header .item-count,
  html body[data-theme="light"] .lists-index .section-title-pill .item-count,
  html body[data-theme="light"] .lists-index .section-count-desktop,
  html body[data-theme="light"] .archive-page .item-count,
  html body[data-theme="light"] .archive-page .section-header .item-count,
  html body[data-theme="light"] .archive-page .section-title-pill .item-count,
  html body[data-theme="light"] .archive-page .section-count-desktop,
  html body[data-theme="light"] .page-books .item-count,
  html body[data-theme="light"] .page-books .section-count-desktop,
  html body[data-theme="light"] .mobile-kitaplar .item-count,
  html body[data-theme="light"] .mobile-kitaplar .section-count-desktop {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   MASAÜSTÜ (>= 769px) + AÇIK TEMA — KAYAN BUTONLAR
   Tüm sayfalardaki kayan buton konteynırı: 35px
   Butonlar ve kayan top: 25px
   ============================================================ */
@media (min-width: 769px) {
  /* Konteyner yüksekliği 35px */
  html body[data-theme="light"] .list-view-switcher,
  html body[data-theme="light"] .lists-index .list-view-switcher,
  html body[data-theme="light"] .lists-index .section-title-pill .list-view-switcher {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    padding: 2px 3px !important;
    box-sizing: border-box !important;
  }

  /* Butonlar + kayan top: 25px */
  html body[data-theme="light"] .view-switch-btn,
  html body[data-theme="light"] .lists-index .view-switch-btn,
  html body[data-theme="light"] .view-slider-pill,
  html body[data-theme="light"] .lists-index .view-slider-pill {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   KOYU TEMA — AYNI BOYUTLAR (masaüstü >= 769px)
   Rozetler: 35px | Kayan buton konteynırı: 35px | butonlar: 25px
   ============================================================ */
@media (min-width: 769px) {
  /* 1) Rozet yüksekliği 35px */
  html body[data-theme="dark"] .item-count,
  html body[data-theme="dark"] .section-count-desktop,
  html body[data-theme="dark"] .section-header > .item-count,
  html body[data-theme="dark"] .section-header .item-count,
  html body[data-theme="dark"] .section-title-pill .item-count,
  html body[data-theme="dark"] .section-title-pill > .item-count,
  html body[data-theme="dark"] .list-items-count-badge,
  html body[data-theme="dark"] .list-runtime-badge,
  html body[data-theme="dark"] .lists-index .item-count,
  html body[data-theme="dark"] .lists-index .section-header .item-count,
  html body[data-theme="dark"] .lists-index .section-title-pill .item-count,
  html body[data-theme="dark"] .lists-index .section-count-desktop,
  html body[data-theme="dark"] .archive-page .item-count,
  html body[data-theme="dark"] .archive-page .section-header .item-count,
  html body[data-theme="dark"] .archive-page .section-title-pill .item-count,
  html body[data-theme="dark"] .archive-page .section-count-desktop,
  html body[data-theme="dark"] .page-books .item-count,
  html body[data-theme="dark"] .page-books .section-count-desktop,
  html body[data-theme="dark"] .mobile-kitaplar .item-count,
  html body[data-theme="dark"] .mobile-kitaplar .section-count-desktop {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  /* 2) Kayan buton konteynırı 35px */
  html body[data-theme="dark"] .list-view-switcher,
  html body[data-theme="dark"] .lists-index .list-view-switcher,
  html body[data-theme="dark"] .lists-index .section-title-pill .list-view-switcher {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    padding: 2px 3px !important;
    box-sizing: border-box !important;
  }

  /* 3) Butonlar + kayan top 25px */
  html body[data-theme="dark"] .view-switch-btn,
  html body[data-theme="dark"] .lists-index .view-switch-btn,
  html body[data-theme="dark"] .view-slider-pill,
  html body[data-theme="dark"] .lists-index .view-slider-pill {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
   ARŞİV SAYFASI — KAYAN BUTON (aynı ölçüler)
   Konteyner: 35px | Butonlar + kayan top: 25px
   Açık + koyu tema, masaüstü (>= 769px)
   ============================================================ */
@media (min-width: 769px) {
  html body[data-theme="light"] .archive-page .archive-filter-bar,
  html body[data-theme="dark"] .archive-page .archive-filter-bar {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    padding: 2px 3px !important;
    box-sizing: border-box !important;
  }

  /* Not: Arşiv butonlarında metin etiketi var; genişlik zorlanmaz,
     yalnızca yükseklik 25px yapılır (kayan top genişliği JS ile ayarlanır). */
  html body[data-theme="light"] .archive-page .archive-filter-btn,
  html body[data-theme="dark"] .archive-page .archive-filter-btn,
  html body[data-theme="light"] .archive-page .archive-filter-bar .slider,
  html body[data-theme="dark"] .archive-page .archive-filter-bar .slider {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    box-sizing: border-box !important;
  }
}

/* MOBİL ANASAYFA — Sadece Açık Tema: Kartların border-radius değeri 20px */
@media (max-width: 768px) {
  html body[data-theme="light"] .main-homepage .media-card,
  html body[data-theme="light"] .main-homepage .stat-card,
  html body[data-theme="light"] .main-homepage .sonuc-karti,
  html body[data-theme="light"] .main-homepage .populer-kart,
  html body[data-theme="light"] .page-home .media-card,
  html body[data-theme="light"] .page-home .stat-card,
  html body[data-theme="light"] .page-home .sonuc-karti,
  html body[data-theme="light"] .page-home .populer-kart {
    border-radius: 20px !important;
  }

  html body[data-theme="light"] .main-homepage .media-card .media-poster,
  html body[data-theme="light"] .main-homepage .populer-poster,
  html body[data-theme="light"] .main-homepage .poster-container,
  html body[data-theme="light"] .page-home .media-card .media-poster,
  html body[data-theme="light"] .page-home .populer-poster,
  html body[data-theme="light"] .page-home .poster-container {
    border-radius: 20px 20px 0 0 !important;
  }
}

/* Açık temada liste detay ve koleksiyon detay sayfalarında masaüstü grid arkaplanı (#e2e5ea) */
html body[data-theme="light"] .lists-detail .list-items-section,
html body[data-theme="light"] .collection-page .list-items-section,
body[data-theme="light"] .lists-detail .list-items-section,
body[data-theme="light"] .collection-page .list-items-section,
[data-theme="light"] .lists-detail .list-items-section,
[data-theme="light"] .collection-page .list-items-section,
html body[data-theme="light"] .lists-detail .list-items-grid,
html body[data-theme="light"] .collection-page .list-items-grid,
body[data-theme="light"] .lists-detail .list-items-grid,
body[data-theme="light"] .collection-page .list-items-grid,
[data-theme="light"] .lists-detail .list-items-grid,
[data-theme="light"] .collection-page .list-items-grid {
  background: #e2e5ea !important;
  background-color: #e2e5ea !important;
  background-image: none !important;
}

@media (max-width: 768px) {
  /* Sadece mobilde gridler şeffaf */
  html body .lists-detail .list-items-section,
  html body .lists-detail .content-section.list-items-section,
  html body .lists-detail .list-items-grid,
  html body .lists-detail .list-items-horizontal,
  html body .collection-page .list-items-section,
  html body .collection-page .content-section.list-items-section,
  html body .collection-page .list-items-grid,
  html body .collection-page .list-items-horizontal,
  html body[data-theme="light"] .lists-detail .list-items-section,
  html body[data-theme="light"] .collection-page .list-items-section,
  body[data-theme="light"] .lists-detail .list-items-section,
  body[data-theme="light"] .collection-page .list-items-section,
  [data-theme="light"] .lists-detail .list-items-section,
  [data-theme="light"] .collection-page .list-items-section,
  html body[data-theme="light"] .lists-detail .list-items-grid,
  html body[data-theme="light"] .collection-page .list-items-grid,
  body[data-theme="light"] .lists-detail .list-items-grid,
  body[data-theme="light"] .collection-page .list-items-grid,
  [data-theme="light"] .lists-detail .list-items-grid,
  [data-theme="light"] .collection-page .list-items-grid,
  html body[data-theme="light"] .lists-detail .list-items-horizontal,
  html body[data-theme="light"] .collection-page .list-items-horizontal,
  body[data-theme="light"] .lists-detail .list-items-horizontal,
  body[data-theme="light"] .collection-page .list-items-horizontal,
  [data-theme="light"] .lists-detail .list-items-horizontal,
  [data-theme="light"] .collection-page .list-items-horizontal {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
}

/* Açık tema: Tüm detay sayfalarındaki 3 nokta butonu ve beyaz noktaları */
html body[data-theme="light"] .modern-detay-container .action-btn.detail-more-btn,
html body[data-theme="light"] .modern-detay-container .action-buttons .action-btn.detail-more-btn,
html body[data-theme="light"] .poster-with-buttons .action-buttons .action-btn.detail-more-btn,
html body[data-theme="light"] .action-buttons .detail-action-menu .action-btn.detail-more-btn,
html body[data-theme="light"] .detail-action-menu .action-btn.detail-more-btn,
html body[data-theme="light"] .action-btn.detail-more-btn,
html body[data-theme="light"] .detail-more-btn,
html body[data-theme="light"] .sezon-detay-page .action-buttons .action-btn.detail-more-btn,
html body[data-theme="light"] .bolum-detay-page .action-buttons .action-btn.detail-more-btn {
  background: linear-gradient(135deg, #6c757d, #495057) !important;
  border: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

html body[data-theme="light"] .modern-detay-container .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .modern-detay-container .action-buttons .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .poster-with-buttons .action-buttons .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .action-buttons .detail-action-menu .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .detail-action-menu .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .detail-more-btn:hover,
html body[data-theme="light"] .sezon-detay-page .action-buttons .action-btn.detail-more-btn:hover,
html body[data-theme="light"] .bolum-detay-page .action-buttons .action-btn.detail-more-btn:hover {
  background: linear-gradient(135deg, #5a6268, #3d4246) !important;
  border: none !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
}

html body[data-theme="light"] .detail-action-menu .action-btn.detail-more-btn i,
html body[data-theme="light"] .detail-action-menu .action-btn.detail-more-btn svg,
html body[data-theme="light"] .detail-action-menu .action-btn.detail-more-btn svg *,
html body[data-theme="light"] .action-buttons .action-btn.detail-more-btn i,
html body[data-theme="light"] .action-buttons .action-btn.detail-more-btn svg,
html body[data-theme="light"] .action-buttons .action-btn.detail-more-btn svg *,
html body[data-theme="light"] .action-btn.detail-more-btn i,
html body[data-theme="light"] .action-btn.detail-more-btn svg,
html body[data-theme="light"] .action-btn.detail-more-btn svg *,
html body[data-theme="light"] .detail-more-btn i,
html body[data-theme="light"] .detail-more-btn svg,
html body[data-theme="light"] .detail-more-btn svg *,
html body[data-theme="light"] .sezon-detay-page .action-buttons .action-btn.detail-more-btn svg,
html body[data-theme="light"] .sezon-detay-page .action-buttons .action-btn.detail-more-btn svg *,
html body[data-theme="light"] .bolum-detay-page .action-buttons .action-btn.detail-more-btn svg,
html body[data-theme="light"] .bolum-detay-page .action-buttons .action-btn.detail-more-btn svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}

/* Açık tema: Arşiv sayfasındaki tüm öğelerin arkaplanı TAM BEYAZ */
html body[data-theme="light"] .archive-page .item-count,
html body[data-theme="light"] .archive-page .section-header .item-count,
html body[data-theme="light"] .archive-page .section-header > .item-count,
html body[data-theme="light"] .archive-page .section-title-pill .item-count,
html body[data-theme="light"] .archive-page .archive-section .item-count,
html body[data-theme="light"] .archive-page .section-count-desktop,
html body[data-theme="light"] .archive-page .archive-filter-bar,
html body[data-theme="light"] .archive-page .archive-dropdown-trigger,
html body[data-theme="light"] .archive-page .archive-dropdown-trigger:hover,
html body[data-theme="light"] .archive-page .archive-year-select,
html body[data-theme="light"] .archive-page .archive-year-select:hover,
html body[data-theme="light"] .archive-page .archive-year-filter .archive-year-select,
html body[data-theme="light"] .archive-page .archive-dropdown-options,
html body[data-theme="light"] .archive-page .archive-card,
html body[data-theme="light"] .archive-page .archive-card:hover,
html body[data-theme="light"] .archive-page .archive-info,
html body[data-theme="light"] .archive-page .pagination-btn:not(.active),
body[data-theme="light"] .archive-page .item-count,
body[data-theme="light"] .archive-page .section-header .item-count,
body[data-theme="light"] .archive-page .section-header > .item-count,
body[data-theme="light"] .archive-page .section-title-pill .item-count,
body[data-theme="light"] .archive-page .archive-section .item-count,
body[data-theme="light"] .archive-page .section-count-desktop,
body[data-theme="light"] .archive-page .archive-filter-bar,
body[data-theme="light"] .archive-page .archive-dropdown-trigger,
body[data-theme="light"] .archive-page .archive-dropdown-trigger:hover,
body[data-theme="light"] .archive-page .archive-year-select,
body[data-theme="light"] .archive-page .archive-year-select:hover,
body[data-theme="light"] .archive-page .archive-year-filter .archive-year-select,
body[data-theme="light"] .archive-page .archive-dropdown-options,
body[data-theme="light"] .archive-page .archive-card,
body[data-theme="light"] .archive-page .archive-card:hover,
body[data-theme="light"] .archive-page .archive-info,
body[data-theme="light"] .archive-page .pagination-btn:not(.active) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Açık tema: Her yerdeki tüm 3 nokta menüleri (#ffffff) */
html[data-theme="light"] body .list-menu-dropdown,
html[data-theme="light"] body .action-menu-popover,
html[data-theme="light"] body .card-menu-popover,
body[data-theme="light"] .list-menu-dropdown,
body[data-theme="light"] .action-menu-popover,
body[data-theme="light"] .card-menu-popover,
[data-theme="light"] .list-menu-dropdown,
[data-theme="light"] .action-menu-popover,
[data-theme="light"] .card-menu-popover {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Açık tema: Liste detay ve koleksiyon detay sayfalarında en arkaplan (#c6cad3) */
html[data-theme="light"]:has(.lists-detail),
html[data-theme="light"]:has(.collection-page),
body[data-theme="light"]:has(.lists-detail),
body[data-theme="light"]:has(.collection-page),
html body[data-theme="light"]:has(.lists-detail),
html body[data-theme="light"]:has(.collection-page),
body[data-theme="light"]:has(.lists-detail)::before,
body[data-theme="light"]:has(.collection-page)::before,
html body[data-theme="light"]:has(.lists-detail)::before,
html body[data-theme="light"]:has(.collection-page)::before,
html body[data-theme="light"]:has(.lists-detail) .settings-page-bg,
html body[data-theme="light"]:has(.collection-page) .settings-page-bg,
body[data-theme="light"]:has(.lists-detail) .settings-page-bg,
body[data-theme="light"]:has(.collection-page) .settings-page-bg {
  background-color: #c6cad3 !important;
  background: #c6cad3 !important;
  background-image: none !important;
}

/* ==========================================================================
   Açık tema: Tüm detay sayfalarındaki tüm eylem butonlarının çerçeve ve glow efektleri kaldırıldı
   ========================================================================== */
html body[data-theme="light"] .action-buttons,
body[data-theme="light"] .action-buttons,
[data-theme="light"] .action-buttons,
html body[data-theme="light"] .action-buttons *,
body[data-theme="light"] .action-buttons *,
[data-theme="light"] .action-buttons *,
html body[data-theme="light"] .action-btn,
body[data-theme="light"] .action-btn,
[data-theme="light"] .action-btn,
html body[data-theme="light"] button.action-btn,
body[data-theme="light"] button.action-btn,
[data-theme="light"] button.action-btn,
html body[data-theme="light"] a.action-btn,
body[data-theme="light"] a.action-btn,
[data-theme="light"] a.action-btn,
html body[data-theme="light"] .action-buttons .action-btn,
body[data-theme="light"] .action-buttons .action-btn,
[data-theme="light"] .action-buttons .action-btn,
html body[data-theme="light"] .action-buttons button,
body[data-theme="light"] .action-buttons button,
[data-theme="light"] .action-buttons button,
html body[data-theme="light"] .action-buttons a,
body[data-theme="light"] .action-buttons a,
[data-theme="light"] .action-buttons a,
html body[data-theme="light"] .poster-with-buttons .action-btn,
body[data-theme="light"] .poster-with-buttons .action-btn,
[data-theme="light"] .poster-with-buttons .action-btn,
html body[data-theme="light"] .modern-detay-container .action-btn,
body[data-theme="light"] .modern-detay-container .action-btn,
[data-theme="light"] .modern-detay-container .action-btn,
html body[data-theme="light"] .sezon-detay-page .action-btn,
body[data-theme="light"] .sezon-detay-page .action-btn,
[data-theme="light"] .sezon-detay-page .action-btn,
html body[data-theme="light"] .bolum-detay-page .action-btn,
body[data-theme="light"] .bolum-detay-page .action-btn,
[data-theme="light"] .bolum-detay-page .action-btn,
html body[data-theme="light"] .detail-action-menu .action-btn,
body[data-theme="light"] .detail-action-menu .action-btn,
[data-theme="light"] .detail-action-menu .action-btn,
html body[data-theme="light"] .list-banner-cta,
body[data-theme="light"] .list-banner-cta,
[data-theme="light"] .list-banner-cta,
html body[data-theme="light"] .list-banner-cta-add,
body[data-theme="light"] .list-banner-cta-add,
[data-theme="light"] .list-banner-cta-add,
html body[data-theme="light"] .list-banner-cta-share,
body[data-theme="light"] .list-banner-cta-share,
[data-theme="light"] .list-banner-cta-share,
html body[data-theme="light"] .list-add-action,
body[data-theme="light"] .list-add-action,
[data-theme="light"] .list-add-action,
html body[data-theme="light"] .list-add-btn,
body[data-theme="light"] .list-add-btn,
[data-theme="light"] .list-add-btn,
html body[data-theme="light"] [data-quick-add],
body[data-theme="light"] [data-quick-add],
[data-theme="light"] [data-quick-add],
html body[data-theme="light"] .action-btn.favorite,
body[data-theme="light"] .action-btn.favorite,
[data-theme="light"] .action-btn.favorite,
html body[data-theme="light"] .action-btn.list-add,
body[data-theme="light"] .action-btn.list-add,
[data-theme="light"] .action-btn.list-add,
html body[data-theme="light"] .action-btn.list-add-btn,
body[data-theme="light"] .action-btn.list-add-btn,
[data-theme="light"] .action-btn.list-add-btn,
html body[data-theme="light"] .action-btn.detail-more-btn,
body[data-theme="light"] .action-btn.detail-more-btn,
[data-theme="light"] .action-btn.detail-more-btn,
html body[data-theme="light"] .action-btn.list-menu-btn,
body[data-theme="light"] .action-btn.list-menu-btn,
[data-theme="light"] .action-btn.list-menu-btn,
html body[data-theme="light"] .action-btn.restore,
body[data-theme="light"] .action-btn.restore,
[data-theme="light"] .action-btn.restore,
html body[data-theme="light"] .action-btn.delete,
body[data-theme="light"] .action-btn.delete,
[data-theme="light"] .action-btn.delete,
html body[data-theme="light"] .action-btn.accept,
body[data-theme="light"] .action-btn.accept,
[data-theme="light"] .action-btn.accept,
html body[data-theme="light"] .action-btn.reject,
body[data-theme="light"] .action-btn.reject,
[data-theme="light"] .action-btn.reject,
html body[data-theme="light"] .action-btn.external-add-film,
body[data-theme="light"] .action-btn.external-add-film,
[data-theme="light"] .action-btn.external-add-film,
html body[data-theme="light"] .action-btn.external-close-film,
body[data-theme="light"] .action-btn.external-close-film,
[data-theme="light"] .action-btn.external-close-film,
html body[data-theme="light"] .action-btn.external-add-dizi,
body[data-theme="light"] .action-btn.external-add-dizi,
[data-theme="light"] .action-btn.external-add-dizi,
html body[data-theme="light"] .action-btn.external-close-dizi,
body[data-theme="light"] .action-btn.external-close-dizi,
[data-theme="light"] .action-btn.external-close-dizi,
html body[data-theme="light"] .action-btn.external-add-game,
body[data-theme="light"] .action-btn.external-add-game,
[data-theme="light"] .action-btn.external-add-game,
html body[data-theme="light"] .action-btn.external-close-game,
body[data-theme="light"] .action-btn.external-close-game,
[data-theme="light"] .action-btn.external-close-game,
html body[data-theme="light"] .action-btn.external-add-kitap,
body[data-theme="light"] .action-btn.external-add-kitap,
[data-theme="light"] .action-btn.external-add-kitap,
html body[data-theme="light"] .action-btn.external-close-kitap,
body[data-theme="light"] .action-btn.external-close-kitap,
[data-theme="light"] .action-btn.external-close-kitap,
html body[data-theme="light"] .action-btn.external-add-book,
body[data-theme="light"] .action-btn.external-add-book,
[data-theme="light"] .action-btn.external-add-book,
html body[data-theme="light"] .action-btn.external-close-book,
body[data-theme="light"] .action-btn.external-close-book,
[data-theme="light"] .action-btn.external-close-book,
html body[data-theme="light"] .detail-review-action-btn,
body[data-theme="light"] .detail-review-action-btn,
[data-theme="light"] .detail-review-action-btn,
html body[data-theme="light"] .action-btn:hover,
body[data-theme="light"] .action-btn:hover,
[data-theme="light"] .action-btn:hover,
html body[data-theme="light"] .action-btn:active,
body[data-theme="light"] .action-btn:active,
[data-theme="light"] .action-btn:active,
html body[data-theme="light"] .action-btn:focus,
body[data-theme="light"] .action-btn:focus,
[data-theme="light"] .action-btn:focus,
html body[data-theme="light"] .action-btn.in-list,
body[data-theme="light"] .action-btn.in-list,
[data-theme="light"] .action-btn.in-list,
html body[data-theme="light"] .action-btn[data-in-list="1"],
body[data-theme="light"] .action-btn[data-in-list="1"],
[data-theme="light"] .action-btn[data-in-list="1"],
html body[data-theme="light"] .action-btn.in-list:hover,
body[data-theme="light"] .action-btn.in-list:hover,
[data-theme="light"] .action-btn.in-list:hover,
html body[data-theme="light"] .action-btn[data-in-list="1"]:hover,
body[data-theme="light"] .action-btn[data-in-list="1"]:hover,
[data-theme="light"] .action-btn[data-in-list="1"]:hover,
html body[data-theme="light"] .action-btn.active,
body[data-theme="light"] .action-btn.active,
[data-theme="light"] .action-btn.active,
html body[data-theme="light"] .action-btn.active:hover,
body[data-theme="light"] .action-btn.active:hover,
[data-theme="light"] .action-btn.active:hover,
html body[data-theme="light"] .action-buttons .action-btn:hover,
body[data-theme="light"] .action-buttons .action-btn:hover,
[data-theme="light"] .action-buttons .action-btn:hover,
html body[data-theme="light"] .action-buttons .action-btn:active,
body[data-theme="light"] .action-buttons .action-btn:active,
[data-theme="light"] .action-buttons .action-btn:active,
html body[data-theme="light"] .action-buttons .action-btn.in-list,
body[data-theme="light"] .action-buttons .action-btn.in-list,
[data-theme="light"] .action-buttons .action-btn.in-list,
html body[data-theme="light"] .action-buttons .action-btn[data-in-list="1"],
body[data-theme="light"] .action-buttons .action-btn[data-in-list="1"],
[data-theme="light"] .action-buttons .action-btn[data-in-list="1"],
html body[data-theme="light"] .action-buttons .action-btn.in-list:hover,
body[data-theme="light"] .action-buttons .action-btn.in-list:hover,
[data-theme="light"] .action-buttons .action-btn.in-list:hover,
html body[data-theme="light"] .action-buttons .action-btn[data-in-list="1"]:hover,
body[data-theme="light"] .action-buttons .action-btn[data-in-list="1"]:hover,
[data-theme="light"] .action-buttons .action-btn[data-in-list="1"]:hover,
html body[data-theme="light"] .action-buttons .action-btn.active,
body[data-theme="light"] .action-buttons .action-btn.active,
[data-theme="light"] .action-buttons .action-btn.active,
html body[data-theme="light"] .action-buttons .action-btn.active:hover,
body[data-theme="light"] .action-buttons .action-btn.active:hover,
[data-theme="light"] .action-buttons .action-btn.active:hover,
html body[data-theme="light"] .list-banner-cta:hover,
body[data-theme="light"] .list-banner-cta:hover,
[data-theme="light"] .list-banner-cta:hover,
html body[data-theme="light"] .list-banner-cta-add:hover,
body[data-theme="light"] .list-banner-cta-add:hover,
[data-theme="light"] .list-banner-cta-add:hover,
html body[data-theme="light"] .list-banner-cta-share:hover,
body[data-theme="light"] .list-banner-cta-share:hover,
[data-theme="light"] .list-banner-cta-share:hover {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* ==========================================================================
   Açık tema: Arama sayfası grid ve sonuçlar konteyneri tam şeffaf / renksiz
   ========================================================================== */
html body[data-theme="light"] .arama-container,
html body[data-theme="light"] .sonuclar-container,
html body[data-theme="light"] .sonuclar-grid,
html body[data-theme="light"] #arama-dinamik-alan,
body[data-theme="light"] .arama-container,
body[data-theme="light"] .sonuclar-container,
body[data-theme="light"] .sonuclar-grid,
body[data-theme="light"] #arama-dinamik-alan,
[data-theme="light"] .arama-container,
[data-theme="light"] .sonuclar-container,
[data-theme="light"] .sonuclar-grid,
[data-theme="light"] #arama-dinamik-alan {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ==========================================================================
   Açık tema: Anasayfa ve takip sayfalarındaki istatistik kartları (#eceef1)
   ========================================================================== */
html body[data-theme="light"] .stat-card,
html body[data-theme="light"] .stats-card,
html body[data-theme="light"] .profile-stat-card,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .stats-card,
body[data-theme="light"] .profile-stat-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .stats-card,
[data-theme="light"] .profile-stat-card {
  background: #eceef1 !important;
  background-color: #eceef1 !important;
}

html body[data-theme="light"] .stat-card:hover,
html body[data-theme="light"] .stats-card:hover,
html body[data-theme="light"] .profile-stat-card:hover,
body[data-theme="light"] .stat-card:hover,
body[data-theme="light"] .stats-card:hover,
body[data-theme="light"] .profile-stat-card:hover,
[data-theme="light"] .stat-card:hover,
[data-theme="light"] .stats-card:hover,
[data-theme="light"] .profile-stat-card:hover {
  background: #eceef1 !important;
  background-color: #eceef1 !important;
}

/* ==========================================================================
   Açık tema: Arama sayfası "aranıyor..." metni (#212529)
   ========================================================================== */
html body[data-theme="light"] .skeleton-header-sub,
body[data-theme="light"] .skeleton-header-sub,
[data-theme="light"] .skeleton-header-sub {
  color: #212529 !important;
}

/* ==========================================================================
   Açık tema: Film, dizi gibi tüm detay sayfalarındaki başlığın altındaki subtitle metni (#d9dce2)
   ========================================================================== */
html body[data-theme="light"] .hero-tagline,
html body[data-theme="light"] .hero-tagline *,
html body[data-theme="light"] .hero-tagline .original-title,
html body[data-theme="light"] .title-section .hero-tagline,
html body[data-theme="light"] .title-section .hero-tagline *,
html body[data-theme="light"] .title-section .original-title,
html body[data-theme="light"] .modern-detay-container .hero-tagline,
html body[data-theme="light"] .modern-detay-container .hero-tagline *,
html body[data-theme="light"] .modern-detay-container .original-title,
body[data-theme="light"] .hero-tagline,
body[data-theme="light"] .hero-tagline *,
body[data-theme="light"] .hero-tagline .original-title,
body[data-theme="light"] .title-section .hero-tagline,
body[data-theme="light"] .title-section .hero-tagline *,
body[data-theme="light"] .title-section .original-title,
body[data-theme="light"] .modern-detay-container .hero-tagline,
body[data-theme="light"] .modern-detay-container .hero-tagline *,
body[data-theme="light"] .modern-detay-container .original-title,
[data-theme="light"] .hero-tagline,
[data-theme="light"] .hero-tagline *,
[data-theme="light"] .hero-tagline .original-title,
[data-theme="light"] .title-section .hero-tagline,
[data-theme="light"] .title-section .hero-tagline *,
[data-theme="light"] .title-section .original-title,
[data-theme="light"] .modern-detay-container .hero-tagline,
[data-theme="light"] .modern-detay-container .hero-tagline *,
[data-theme="light"] .modern-detay-container .original-title {
  color: #212529 !important;
  -webkit-text-fill-color: #212529 !important;
}

@media (max-width: 768px) {
  html body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  html body[data-theme="light"] .kitap-detay .hero-tagline,
  html body[data-theme="light"] .kitap-detay .hero-tagline *,
  html body[data-theme="light"] .kitap-detay .original-title,
  body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  body[data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  body[data-theme="light"] .kitap-detay .hero-tagline,
  body[data-theme="light"] .kitap-detay .hero-tagline *,
  body[data-theme="light"] .kitap-detay .original-title,
  [data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  [data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  [data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  [data-theme="light"] .kitap-detay .hero-tagline,
  [data-theme="light"] .kitap-detay .hero-tagline *,
  html body[data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline,
  html body[data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline *,
  html body[data-theme="light"] .modern-detay-container.dizi-detay .original-title,
  html body[data-theme="light"] .dizi-detay .hero-tagline,
  html body[data-theme="light"] .dizi-detay .hero-tagline *,
  html body[data-theme="light"] .dizi-detay .original-title,
  body[data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline,
  body[data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline *,
  body[data-theme="light"] .modern-detay-container.dizi-detay .original-title,
  body[data-theme="light"] .dizi-detay .hero-tagline,
  body[data-theme="light"] .dizi-detay .hero-tagline *,
  body[data-theme="light"] .dizi-detay .original-title,
  [data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline,
  [data-theme="light"] .modern-detay-container.dizi-detay .hero-tagline *,
  [data-theme="light"] .modern-detay-container.dizi-detay .original-title,
  [data-theme="light"] .dizi-detay .hero-tagline,
  [data-theme="light"] .dizi-detay .hero-tagline * {
    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;
  }
}


/* ==========================================================================
   Açık tema: Liste Detay ve Koleksiyon Detay toolbar öğeleri tam beyaz (#ffffff)
   ========================================================================== */
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-runtime-badge,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-toolbar-left .list-runtime-badge,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-items-count-badge,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-toolbar-right .list-items-count-badge,
html body[data-theme="light"] .lists-detail .list-items-toolbar .item-count,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-view-switcher,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-toolbar-right .list-view-switcher,
html body[data-theme="light"] .lists-detail .list-items-toolbar .list-toolbar-left .list-view-switcher,
html body[data-theme="light"] .lists-detail .list-runtime-badge,
html body[data-theme="light"] .lists-detail .list-items-count-badge,
html body[data-theme="light"] .lists-detail .list-view-switcher,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-runtime-badge,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-toolbar-left .list-runtime-badge,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-items-count-badge,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-toolbar-right .list-items-count-badge,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-view-switcher,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-toolbar-right .list-view-switcher,
html body[data-theme="light"] .collection-page .list-items-toolbar .list-toolbar-left .list-view-switcher,
html body[data-theme="light"] .collection-page .list-runtime-badge,
html body[data-theme="light"] .collection-page .list-items-count-badge,
html body[data-theme="light"] .collection-page .list-view-switcher,
body[data-theme="light"] .lists-detail .list-runtime-badge,
body[data-theme="light"] .lists-detail .list-items-count-badge,
body[data-theme="light"] .lists-detail .list-view-switcher,
body[data-theme="light"] .collection-page .list-runtime-badge,
body[data-theme="light"] .collection-page .list-items-count-badge,
body[data-theme="light"] .collection-page .list-view-switcher,
[data-theme="light"] .lists-detail .list-runtime-badge,
[data-theme="light"] .lists-detail .list-items-count-badge,
[data-theme="light"] .lists-detail .list-view-switcher,
[data-theme="light"] .collection-page .list-runtime-badge,
[data-theme="light"] .collection-page .list-items-count-badge,
[data-theme="light"] .collection-page .list-view-switcher {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Liste Detay ve Koleksiyon Detay sayfalarında araç çubuğu öğeleri tam 40px */
html body[data-theme="dark"] .lists-detail .list-items-toolbar .list-runtime-badge,
html body[data-theme="dark"] .collection-page .list-items-toolbar .list-runtime-badge,
html body[data-theme="dark"] .lists-detail .list-items-toolbar .list-items-count-badge,
html body[data-theme="dark"] .collection-page .list-items-toolbar .list-items-count-badge,
html body[data-theme="dark"] .lists-detail .list-items-toolbar .item-count,
html body[data-theme="dark"] .collection-page .list-items-toolbar .item-count,
html body:not([data-theme="light"]) .lists-detail .list-items-toolbar .list-runtime-badge,
html body:not([data-theme="light"]) .collection-page .list-items-toolbar .list-runtime-badge,
html body:not([data-theme="light"]) .lists-detail .list-items-toolbar .list-items-count-badge,
html body:not([data-theme="light"]) .collection-page .list-items-toolbar .list-items-count-badge,
html body:not([data-theme="light"]) .lists-detail .list-items-toolbar .item-count,
html body:not([data-theme="light"]) .collection-page .list-items-toolbar .item-count,
html body .lists-detail .list-items-toolbar .list-runtime-badge,
html body .collection-page .list-items-toolbar .list-runtime-badge,
html body .lists-detail .list-items-toolbar .list-items-count-badge,
html body .collection-page .list-items-toolbar .list-items-count-badge,
html body .lists-detail .list-runtime-badge,
html body .collection-page .list-runtime-badge,
html body .lists-detail .list-items-count-badge,
html body .collection-page .list-items-count-badge {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 38px !important;
  box-sizing: border-box !important;
}

html body .lists-detail .list-items-toolbar .list-view-switcher,
html body .collection-page .list-items-toolbar .list-view-switcher,
html body .lists-detail .list-view-switcher,
html body .collection-page .list-view-switcher,
.list-view-switcher {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
}

html body .lists-detail .list-items-toolbar .list-view-switcher,
html body .collection-page .list-items-toolbar .list-view-switcher,
html body .lists-detail .list-view-switcher,
html body .collection-page .list-view-switcher {
  padding: 4px !important;
}

html body[data-theme="light"] .lists-detail .list-items-toolbar .view-slider-pill,
html body[data-theme="light"] .collection-page .list-items-toolbar .view-slider-pill,
html body[data-theme="dark"] .lists-detail .list-items-toolbar .view-slider-pill,
html body[data-theme="dark"] .collection-page .list-items-toolbar .view-slider-pill,
html body .lists-detail .list-items-toolbar .view-slider-pill,
html body .collection-page .list-items-toolbar .view-slider-pill,
html body .lists-detail .view-slider-pill,
html body .collection-page .view-slider-pill,
.view-slider-pill {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

html body[data-theme="light"] .lists-detail .list-items-toolbar .view-switch-btn,
html body[data-theme="light"] .collection-page .list-items-toolbar .view-switch-btn,
html body[data-theme="dark"] .lists-detail .list-items-toolbar .view-switch-btn,
html body[data-theme="dark"] .collection-page .list-items-toolbar .view-switch-btn,
html body .lists-detail .list-items-toolbar .view-switch-btn,
html body .collection-page .list-items-toolbar .view-switch-btn,
html body .lists-detail .view-switch-btn,
html body .collection-page .view-switch-btn,
.view-switch-btn {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .lists-detail .view-switch-btn:not(.active),
html body .collection-page .view-switch-btn:not(.active),
html body .lists-detail .view-switch-btn:not(.active) i,
html body .collection-page .view-switch-btn:not(.active) i,
html body .lists-detail .view-switch-btn:not(.active) svg,
html body .collection-page .view-switch-btn:not(.active) svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
}


/* Açık Tema: Quick Sheet & Kitap Modalı "Yeni Liste Oluştur" Butonu */
html body[data-theme="light"] .qs-create-btn,
html body[data-theme="light"] .book-list-create-chip,
[data-theme="light"] .qs-create-btn,
[data-theme="light"] .book-list-create-chip {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.25) !important;
}

html body[data-theme="light"] .qs-create-btn:hover,
html body[data-theme="light"] .book-list-create-chip:hover,
[data-theme="light"] .qs-create-btn:hover,
[data-theme="light"] .book-list-create-chip:hover {
  background: linear-gradient(135deg, #5b71db 0%, #693e94 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35) !important;
}

html body[data-theme="light"] .qs-create-btn span,
html body[data-theme="light"] .qs-create-btn i,
html body[data-theme="light"] .qs-create-btn svg,
html body[data-theme="light"] .book-list-create-chip span,
html body[data-theme="light"] .book-list-create-chip svg,
[data-theme="light"] .qs-create-btn span,
[data-theme="light"] .qs-create-btn i,
[data-theme="light"] .qs-create-btn svg,
[data-theme="light"] .book-list-create-chip span,
[data-theme="light"] .book-list-create-chip svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


/* Açık Tema: Watch Provider Badges (Platform Rozetleri - örn. Apple TV+ / Prime) */
html body[data-theme="light"] .provider-badge:not(.store-badge),
body[data-theme="light"] .provider-badge:not(.store-badge),
[data-theme="light"] .provider-badge:not(.store-badge),
html body[data-theme="light"] .provider-badge-text,
body[data-theme="light"] .provider-badge-text,
[data-theme="light"] .provider-badge-text {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

html body[data-theme="light"] .provider-badge:not(.store-badge):hover,
body[data-theme="light"] .provider-badge:not(.store-badge):hover,
[data-theme="light"] .provider-badge:not(.store-badge):hover,
html body[data-theme="light"] .provider-badge-text:hover,
body[data-theme="light"] .provider-badge-text:hover,
[data-theme="light"] .provider-badge-text:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

html body[data-theme="light"] .provider-badge span,
body[data-theme="light"] .provider-badge span,
[data-theme="light"] .provider-badge span,
html body[data-theme="light"] .provider-badge-text span,
body[data-theme="light"] .provider-badge-text span,
[data-theme="light"] .provider-badge-text span {
  color: #1f2937 !important;
}


/* Açık Tema: Oyun Detay RAWG Rozeti (Sadece Mobil) */
@media (max-width: 768px) {
  html body[data-theme="light"] .rating-badge.rawg .rating-label,
  body[data-theme="light"] .rating-badge.rawg .rating-label,
  [data-theme="light"] .rating-badge.rawg .rating-label {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    font-weight: 800 !important;
  }
}


/* Açık Tema: Kitap Ekleme / Düzenleme Modalı */
html body[data-theme="light"] .book-edit-modal-overlay,
body[data-theme="light"] .book-edit-modal-overlay,
[data-theme="light"] .book-edit-modal-overlay {
  background: rgba(15, 23, 42, 0.45) !important;
}

html body[data-theme="light"] .book-edit-modal-dialog,
body[data-theme="light"] .book-edit-modal-dialog,
[data-theme="light"] .book-edit-modal-dialog {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.18), 0 0 40px rgba(93, 111, 212, 0.08) !important;
}

html body[data-theme="light"] .book-edit-scroll-body,
body[data-theme="light"] .book-edit-scroll-body,
[data-theme="light"] .book-edit-scroll-body {
  background: #ffffff !important;
}

html body[data-theme="light"] .book-edit-modal-header,
body[data-theme="light"] .book-edit-modal-header,
[data-theme="light"] .book-edit-modal-header {
  background: #ffffff !important;
}

html body[data-theme="light"] .book-edit-modal-header::after,
body[data-theme="light"] .book-edit-modal-header::after,
[data-theme="light"] .book-edit-modal-header::after {
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.5) 45%, transparent 100%) !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .modal-title,
body[data-theme="light"] .book-edit-modal-dialog .modal-title,
[data-theme="light"] .book-edit-modal-dialog .modal-title {
  color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .modal-title svg,
html body[data-theme="light"] .book-edit-modal-dialog .modal-title i,
body[data-theme="light"] .book-edit-modal-dialog .modal-title svg,
body[data-theme="light"] .book-edit-modal-dialog .modal-title i,
[data-theme="light"] .book-edit-modal-dialog .modal-title svg,
[data-theme="light"] .book-edit-modal-dialog .modal-title i {
  color: #4f46e5 !important;
}

html body[data-theme="light"] .book-edit-close-btn,
body[data-theme="light"] .book-edit-close-btn,
[data-theme="light"] .book-edit-close-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #475569 !important;
}

html body[data-theme="light"] .book-edit-close-btn:hover,
body[data-theme="light"] .book-edit-close-btn:hover,
[data-theme="light"] .book-edit-close-btn:hover {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3,
body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3,
[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 {
  color: #1e293b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 svg,
html body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 i,
body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 svg,
body[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 i,
[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 svg,
[data-theme="light"] .book-edit-modal-dialog .modal-section-head h3 i {
  color: #4f46e5 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .modal-section-head p,
body[data-theme="light"] .book-edit-modal-dialog .modal-section-head p,
[data-theme="light"] .book-edit-modal-dialog .modal-section-head p {
  color: #64748b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input),
html body[data-theme="light"] .book-edit-modal-dialog textarea,
html body[data-theme="light"] .book-edit-modal-dialog .field-input:not(.cover-url-pill-input),
html body[data-theme="light"] .book-edit-modal-dialog .field-textarea,
body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input),
body[data-theme="light"] .book-edit-modal-dialog textarea,
body[data-theme="light"] .book-edit-modal-dialog .field-input:not(.cover-url-pill-input),
body[data-theme="light"] .book-edit-modal-dialog .field-textarea,
[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input),
[data-theme="light"] .book-edit-modal-dialog textarea,
[data-theme="light"] .book-edit-modal-dialog .field-input:not(.cover-url-pill-input),
[data-theme="light"] .book-edit-modal-dialog .field-textarea {
  background: #f1f3f7 !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):focus,
html body[data-theme="light"] .book-edit-modal-dialog textarea:focus,
html body[data-theme="light"] .book-edit-modal-dialog .field-input:focus,
html body[data-theme="light"] .book-edit-modal-dialog .field-textarea:focus,
body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):focus,
body[data-theme="light"] .book-edit-modal-dialog textarea:focus,
body[data-theme="light"] .book-edit-modal-dialog .field-input:focus,
body[data-theme="light"] .book-edit-modal-dialog .field-textarea:focus,
[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):focus,
[data-theme="light"] .book-edit-modal-dialog textarea:focus,
[data-theme="light"] .book-edit-modal-dialog .field-input:focus,
[data-theme="light"] .book-edit-modal-dialog .field-textarea:focus {
  background: #ffffff !important;
  border: 1px solid #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15) !important;
  color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:placeholder-shown):not(:focus),
html body[data-theme="light"] .book-edit-modal-dialog textarea:not(:placeholder-shown):not(:focus),
html body[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:focus),
html body[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value textarea:not(:focus),
body[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:placeholder-shown):not(:focus),
body[data-theme="light"] .book-edit-modal-dialog textarea:not(:placeholder-shown):not(:focus),
body[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:focus),
body[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value textarea:not(:focus),
[data-theme="light"] .book-edit-modal-dialog input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:placeholder-shown):not(:focus),
[data-theme="light"] .book-edit-modal-dialog textarea:not(:placeholder-shown):not(:focus),
[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value input:not([type="file"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.cover-url-pill-input):not(:focus),
[data-theme="light"] .book-edit-modal-dialog .floating-field.has-value textarea:not(:focus) {
  background: #f1f3f7 !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog input:-webkit-autofill:not(:focus),
html body[data-theme="light"] .book-edit-modal-dialog textarea:-webkit-autofill:not(:focus),
body[data-theme="light"] .book-edit-modal-dialog input:-webkit-autofill:not(:focus),
body[data-theme="light"] .book-edit-modal-dialog textarea:-webkit-autofill:not(:focus),
[data-theme="light"] .book-edit-modal-dialog input:-webkit-autofill:not(:focus),
[data-theme="light"] .book-edit-modal-dialog textarea:-webkit-autofill:not(:focus) {
  -webkit-box-shadow: 0 0 0 1000px #f1f3f7 inset !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-dialog input::placeholder,
html body[data-theme="light"] .book-edit-modal-dialog textarea::placeholder,
body[data-theme="light"] .book-edit-modal-dialog input::placeholder,
body[data-theme="light"] .book-edit-modal-dialog textarea::placeholder,
[data-theme="light"] .book-edit-modal-dialog input::placeholder,
[data-theme="light"] .book-edit-modal-dialog textarea::placeholder {
  color: #94a3b8 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field .field-label {
  color: #64748b !important;
  background: transparent !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field.has-value .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:not(:placeholder-shown) ~ .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:not(:placeholder-shown) ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field.has-value .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:not(:placeholder-shown) ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:not(:placeholder-shown) ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field.has-value .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:not(:placeholder-shown) ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:not(:placeholder-shown) ~ .field-label {
  background: #ffffff !important;
  color: #475569 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
html body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
body[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field:focus-within .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field input:focus ~ .field-label,
[data-theme="light"] .book-edit-modal-dialog .form-group.floating-field textarea:focus ~ .field-label {
  color: #4f46e5 !important;
  background: #ffffff !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-manager-head h3,
body[data-theme="light"] .book-edit-modal-dialog .cover-manager-head h3,
[data-theme="light"] .book-edit-modal-dialog .cover-manager-head h3 {
  color: #1e293b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-manager-head p,
body[data-theme="light"] .book-edit-modal-dialog .cover-manager-head p,
[data-theme="light"] .book-edit-modal-dialog .cover-manager-head p {
  color: #64748b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot,
[data-theme="light"] .book-edit-modal-dialog .cover-slot {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot-label,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot-label,
[data-theme="light"] .book-edit-modal-dialog .cover-slot-label {
  color: #1e293b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot-hint,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot-hint,
[data-theme="light"] .book-edit-modal-dialog .cover-slot-hint {
  color: #64748b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot-empty,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot-empty,
[data-theme="light"] .book-edit-modal-dialog .cover-slot-empty {
  background: #f1f3f7 !important;
  color: #64748b !important;
  border: 1px dashed #cbd5e1 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-wrap,
body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-wrap,
[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-wrap {
  background: #f1f3f7 !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-input,
body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-input,
[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-input {
  color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-clear,
body[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-clear,
[data-theme="light"] .book-edit-modal-dialog .cover-url-pill-clear {
  color: #64748b !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn,
[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn {
  background: #f1f3f7 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn:hover,
body[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn:hover,
[data-theme="light"] .book-edit-modal-dialog .cover-slot-actions .cover-pick-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

html body[data-theme="light"] .book-edit-modal-footer,
body[data-theme="light"] .book-edit-modal-footer,
[data-theme="light"] .book-edit-modal-footer {
  background: #ffffff !important;
}

html body[data-theme="light"] .book-edit-modal-footer::before,
body[data-theme="light"] .book-edit-modal-footer::before,
[data-theme="light"] .book-edit-modal-footer::before {
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.5) 45%, transparent 100%) !important;
}

html body[data-theme="light"] .book-edit-modal-footer .btn-secondary,
body[data-theme="light"] .book-edit-modal-footer .btn-secondary,
[data-theme="light"] .book-edit-modal-footer .btn-secondary {
  background: #f1f3f7 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

html body[data-theme="light"] .book-edit-modal-footer .btn-secondary:hover,
body[data-theme="light"] .book-edit-modal-footer .btn-secondary:hover,
[data-theme="light"] .book-edit-modal-footer .btn-secondary:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

@media (max-width: 768px) {
  html body[data-theme="light"] .book-edit-modal-dialog,
  body[data-theme="light"] .book-edit-modal-dialog,
  [data-theme="light"] .book-edit-modal-dialog {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   Açık Tema: Detay Sayfaları Rozetleri
   - Mobilde (max-width: 768px): Katı beyaz (#ffffff) ve hafif gölgeli
   - Masaüstünde (min-width: 769px): Koyu tema ile birebir aynı (yarı saydam koyu buzlu cam)
   ========================================================================== */
@media (max-width: 768px) {
  html body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge[style],
  html body[data-theme="light"] .kitap-detay .rating-badge,
  html body[data-theme="light"] .kitap-detay .rating-badge[style],
  body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge,
  body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge[style],
  [data-theme="light"] .modern-detay-container.kitap-detay .rating-badge,
  [data-theme="light"] .modern-detay-container.kitap-detay .rating-badge[style],
  html body[data-theme="light"] .rating-trailer-container .rating-badge,
  html body[data-theme="light"] .rating-trailer-container .rating-badge[style],
  body[data-theme="light"] .rating-trailer-container .rating-badge,
  body[data-theme="light"] .rating-trailer-container .rating-badge[style],
  [data-theme="light"] .rating-trailer-container .rating-badge,
  [data-theme="light"] .rating-trailer-container .rating-badge[style] {
    background: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  }

  html body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge .rating-value,
  html body[data-theme="light"] .kitap-detay .rating-badge .rating-value,
  body[data-theme="light"] .modern-detay-container.kitap-detay .rating-badge .rating-value,
  [data-theme="light"] .modern-detay-container.kitap-detay .rating-badge .rating-value,
  html body[data-theme="light"] .rating-trailer-container .rating-badge .rating-value,
  body[data-theme="light"] .rating-trailer-container .rating-badge .rating-value,
  [data-theme="light"] .rating-trailer-container .rating-badge .rating-value {
    color: #d97706 !important;
  }

  html body[data-theme="light"] .rating-badge.hardcover .rating-label,
  body[data-theme="light"] .rating-badge.hardcover .rating-label,
  [data-theme="light"] .rating-badge.hardcover .rating-label {
    color: #e05638 !important;
    -webkit-text-fill-color: #e05638 !important;
    font-weight: 800 !important;
  }

  html body[data-theme="light"] .rating-badge.google-books .rating-label,
  body[data-theme="light"] .rating-badge.google-books .rating-label,
  [data-theme="light"] .rating-badge.google-books .rating-label {
    color: #1a73e8 !important;
    -webkit-text-fill-color: #1a73e8 !important;
    font-weight: 800 !important;
  }
}

@media (min-width: 769px) {

  /* Masaüstünde açık temada rozetler koyu tema ile birebir aynı */
  html body[data-theme="light"] .rating-trailer-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]),
  html body[data-theme="light"] .modern-detay-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]),
  body[data-theme="light"] .rating-trailer-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]),
  body[data-theme="light"] .modern-detay-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]),
  [data-theme="light"] .rating-trailer-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]),
  [data-theme="light"] .modern-detay-container .rating-badge:not([style*="linear-gradient"]):not([style*="radial-gradient"]) {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
  }

  html body[data-theme="light"] .rating-trailer-container .rating-badge .rating-value,
  html body[data-theme="light"] .modern-detay-container .rating-badge .rating-value,
  body[data-theme="light"] .rating-trailer-container .rating-badge .rating-value,
  body[data-theme="light"] .modern-detay-container .rating-badge .rating-value,
  [data-theme="light"] .rating-trailer-container .rating-badge .rating-value,
  [data-theme="light"] .modern-detay-container .rating-badge .rating-value {
    color: #f39c12 !important;
  }

  /* Rozet etiketleri masaüstünde koyu temayla aynı */
  html body[data-theme="light"] .rating-badge.hardcover .rating-label,
  body[data-theme="light"] .rating-badge.hardcover .rating-label,
  [data-theme="light"] .rating-badge.hardcover .rating-label {
    color: #ff7e5f !important;
    -webkit-text-fill-color: #ff7e5f !important;
    font-weight: 800 !important;
  }

  html body[data-theme="light"] .rating-badge.rawg .rating-label,
  body[data-theme="light"] .rating-badge.rawg .rating-label,
  [data-theme="light"] .rating-badge.rawg .rating-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
  }

  html body[data-theme="light"] .rating-badge.google-books .rating-label,
  body[data-theme="light"] .rating-badge.google-books .rating-label,
  [data-theme="light"] .rating-badge.google-books .rating-label {
    color: #4285f4 !important;
    -webkit-text-fill-color: #4285f4 !important;
    font-weight: 800 !important;
  }

  /* Masaüstü kitap detay sayfalarına özel rozet içi şeffaflığı %50 */
  html body[data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge[style],
  html body[data-theme="light"] .kitap-detay .rating-trailer-container .rating-badge,
  html body[data-theme="light"] .kitap-detay .rating-trailer-container .rating-badge[style],
  body[data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge,
  body[data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge[style],
  [data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge,
  [data-theme="light"] .modern-detay-container.kitap-detay .rating-trailer-container .rating-badge[style] {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  /* Açık temada kitap detay altbaşlığı (#212529) */
  html body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  html body[data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  html body[data-theme="light"] .kitap-detay .hero-tagline,
  html body[data-theme="light"] .kitap-detay .hero-tagline *,
  html body[data-theme="light"] .kitap-detay .original-title,
  body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  body[data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  body[data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  body[data-theme="light"] .kitap-detay .hero-tagline,
  body[data-theme="light"] .kitap-detay .hero-tagline *,
  body[data-theme="light"] .kitap-detay .original-title,
  [data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline,
  [data-theme="light"] .modern-detay-container.kitap-detay .hero-tagline *,
  [data-theme="light"] .modern-detay-container.kitap-detay .original-title,
  [data-theme="light"] .kitap-detay .hero-tagline,
  [data-theme="light"] .kitap-detay .hero-tagline * {
    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;
  }
}