@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

/* LILITH RESURRECTION - FINAL HYBRID (DARK MODE + METADATA FIX) */

/* 1. GENEL ZEMİN VE ARKA PLAN (V4'ten) */
body {
    background-color: #050505 !important; /* Derin Siyah */
    color: #e0e0e0 !important; /* Genel metin rengi */
}

/* 2. BAŞLIKLAR (Gölge Kaldırıldı - Net Görüntü) */
h1, h2, h3, h4, h5, h6, .site-title {
    color: #d4af37 !important; /* Babil Altını */
    text-shadow: none !important; /* Gölge yok, tertemiz */
    font-weight: bold !important;
    letter-spacing: 1px;
}

/* 3. METADATA GÖRÜNÜRLÜK DÜZELTMESİ (Yeşil Daireli Yer İçin) - ÖZEL EKLEME */
/* Sol taraf (Etiketler): Altın Olsun */
dt, .property-label, label, strong, b {
    color: #d4af37 !important;
    opacity: 1 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px #000000; /* Okunabilirlik gölgesi */
}

/* Sağ taraf (Değerler): Beyaz Olsun */
dd, .value, .element-text, span {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #000000;
}

/* 4. HERO VE PARAGRAF KUTULARI (V4'ten - Buzlu Cam Efekti) */
/* Sadece ana sayfadaki büyük yazıların arkasına kutu koyar */
.hero-text, .jumbotron p, .welcome-text p { 
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 15px !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
    font-size: 1.1rem !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.8);
}

/* Diğer düz paragraflar */
p {
    color: #eeeeee !important;
    text-shadow: 1px 1px 2px #000 !important;
    font-weight: 500 !important;
}

/* 5. LİNKLER (Birleştirilmiş) */
a {
    color: #d4af37 !important;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px #d4af37;
}

/* 6. MENÜ (NAVBAR) (V4'ten) */
.navbar, header {
    background-color: #000000 !important;
    border-bottom: 2px solid #8a0303 !important;
}
.nav-link {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}

/* 7. BUTONLAR (V4'ten - Kırmızı ve Şık) */
.btn-primary, .btn-secondary, .btn-dark {
    background-color: #8a0303 !important;
    border: 1px solid #5c0000 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 10px 30px !important;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.btn:hover {
    background-color: #b30000 !important;
    transform: scale(1.05);
}

/* 8. KARTLAR VE KUTULAR (V4'ten) */
.card, .bg-light, .bg-white {
    background-color: #1a1a1a !important; /* Koyu Gri Kart */
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* KART İÇİ DÜZELTMELERİ (Foto 1 ve 4 için) */

/* Kartın Başlığı (O lacivert görünen yer) */
.card-title, .card-title a, h4 a {
    color: #d4af37 !important; /* Altın Sarısı */
    text-shadow: none !important; /* Kart içinde gölgeyi kaldır, net olsun */
}

/* Kartın Açıklama Yazısı (Silik görünen yer) */
.card-text, .card-body p {
    color: #cccccc !important; /* Açık Gri/Beyaz */
    opacity: 1 !important;
}

/* İKON VE KÜÇÜK BİLGİLER (Foto 3 için) */
.text-muted, .text-secondary {
    color: #bbbbbb !important; /* Daha parlak bir gri yap */
}
/* İkonların Rengi (FontAwesome ikonları) */
.fas, .fa {
    color: #d4af37 !important; /* İkonlar da Altın olsun */
}

/* KART ZEMİNİ GARANTİLEME (Foto 4 için) */
.card, .group, .item-set {
    background-color: #1a1a1a !important; /* Koyu Gri Zemin */
    border: 1px solid #333 !important;
}

/* BEYAZ ŞERİT VE AYIRICI DÜZELTMESİ (SVG & HTML FIX) */

/* 1. Sayfa Dibindeki Beyazlığı Kapat */
html {
    background-color: #050505 !important;
}

/* 2. O Beyaz Şeridi (SVG Dalga/Ok Şeklini) Siyaha Boya */
svg, svg path, svg rect, .shape-divider {
    fill: #050505 !important; /* Sitenin arka planıyla aynı renk */
    stroke: none !important;
}

/* 3. Eğer Şerit Bir Sınır Çizgisiyle (Border) Geliyorsa */
.border-white, .border-light {
    border-color: #333 !important;
}

/* 4. Sayfa Sonu Boşluklarını Karart */
footer, .site-footer-container {
    margin-top: 0 !important;
    background-color: #000000 !important;
}

/* BAĞLANTI KİMLİĞİ GİZLEME (BOOTSTRAP FIX) */
/* Listenin en sonundaki 'property-item' kutusunu gizler */
.property-item:last-child {
    display: none !important;
}

/* Garanti olsun diye, eğer 'property-item' değilse: */
.item-property:last-child {
    display: none !important;
}

/* ========================================= */
/* 9. MEDIA VIEWER (OCTOPUS) ÖZEL KARARTMA  */
/* ========================================= */

/* 1. Viewer'ın Ana Kutusu (O beyaz/gri çerçeveyi yok et) */
.media-render, .media-embed, .octopus-viewer {
    background-color: #050505 !important; /* Senin zemin rengin */
    border: 1px solid #333 !important; /* Hafif bir çerçeve */
}

/* 2. Üstteki Başlık Barı (Gecenin Kraliçesi yazan beyaz şerit) */
.viewer-header, .header-panel, .title-bar {
    background-color: #1a1a1a !important; /* Koyu Gri/Siyah */
    color: #d4af37 !important; /* Altın Sarısı Yazı */
    border-bottom: 2px solid #8a0303 !important; /* Kırmızı ince çizgi (tema uyumu) */
}

/* 3. Başlık Yazısı */
.viewer-header h3, .viewer-header span, .title-bar-text {
    color: #d4af37 !important;
    text-shadow: none !important;
}

/* 4. Resmin Arkasındaki O Gri Alan (Canvas) */
.openseadragon-container, .canvas-container, .image-viewer-display {
    background-color: #000000 !important; /* Tam Siyah */
}

/* 5. Butonlar (Büyüteç, sığdır vs.) */
.viewer-controls button, .toolbar-button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #d4af37 !important; /* Altın çerçeveli butonlar */
    border-radius: 5px !important;
}

.viewer-controls button:hover {
    background-color: #8a0303 !important; /* Üzerine gelince kırmızı */
}

/* 6. Tam Ekran İkonu (Sağ üstteki) */
.full-screen-button, .expand-button {
    color: #d4af37 !important;
}

/* ================================================== */
/* MEDIA VIEWER - FINAL V3 (DOM YAPISINA GÖRE) */
/* ================================================== */

/* 1. ANA ÇERÇEVE (En dıştaki kutu) */
.mediaviewer {
    background-color: #050505 !important; /* Simsiyah Zemin */
    border: 1px solid #333 !important;     /* İnce gri çerçeve */
    font-family: sans-serif !important;
}

/* 2. ÜST BAŞLIK (Header) */
.mediaviewer-header {
    background-color: #000000 !important;
    border-bottom: 2px solid #8a0303 !important; /* Kırmızı Çizgi */
    color: #d4af37 !important; /* Altın rengi yazılar */
    padding: 10px !important;
}

/* 3. SOL MENÜ (Media Selector - Dosya listesi) */
.mediaviewer-media-selector {
    background-color: #1a1a1a !important; /* Koyu Gri */
    border-right: 1px solid #333 !important;
    color: #cccccc !important;
}

/* Sol menüdeki elemanların (kutucukların) içine gir */
.mediaviewer-media-selector > div, 
.mediaviewer-media-selector li {
    background-color: transparent !important;
    color: #cccccc !important;
    border-bottom: 1px solid #333 !important;
}

/* Üzerine gelince veya seçili olunca */
.mediaviewer-media-selector > div:hover,
.mediaviewer-media-selector .active {
    background-color: #8a0303 !important; /* Lilith Kırmızısı */
    color: #ffffff !important;
}

/* 4. ORTA ALAN (Resmin durduğu yer) */
.mediaviewer-media-view {
    background-color: #000000 !important; /* Resim arkası tam siyah */
}

/* 5. SAĞ MENÜ (Media Info - Üstveri Alanları) */
.mediaviewer-media-info {
    background-color: #1a1a1a !important; /* Koyu Gri */
    border-left: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

/* Sağ taraftaki başlıkları düzelt (O istenmeyen kırmızılıkları sil) */
.mediaviewer-media-info h4, 
.mediaviewer-media-info h3 {
    color: #d4af37 !important; /* Altın Başlık */
    border-bottom: 1px solid #444 !important; /* İnce gri çizgi (kırmızı değil) */
    background-color: transparent !important;
}

/* 6. ALT BİLGİ (Footer) */
.mediaviewer-footer {
    background-color: #000000 !important;
    border-top: 1px solid #333 !important;
    color: #777 !important;
}

/* 7. GENEL YAZI RENGİ GARANTİSİ */
.mediaviewer * {
    text-shadow: none !important; /* Gölgeleri kaldır net olsun */
}

/* GEREKSİZ SİSTEM BİLGİLERİNİ GİZLE (METADATA INFO KUTUSU) */
.item-metadata-info {
    display: none !important;
}

/* ITEM SETS (KOLEKSİYON) KUTUSUNU YOK ET */
.item-sets-section {
    display: none !important;
}

/* === RESİM ALANI - LİLİTH'İN GÖLGESİ (PARLAK & BELİRGİN VERSİYON) === */

.media-embeds-section,
.single-media-container, 
.media-wrapper, 
.image-wrapper {
    background-color: #260a0a !important; /* Daha belirgin, zengin bir koyu bordo zemin */
    border-color: #8a0303 !important;     /* Çerçeveler artık temanın parlak kırmızısı */
    color: #d4af37 !important;            /* Yazılar Altın */
    box-shadow: none !important;
}

/* Dış kutuya şık çerçeve ve derinlikli gölge */
.single-media-container {
    border: 2px solid #8a0303 !important; /* Çerçeveyi biraz kalınlaştırdık ve parlattık */
    border-radius: 8px !important;
    padding: 20px !important;
    /* Siyah gölgenin içine çok hafif kızıl bir hare ekledik */
    box-shadow: 0 15px 35px rgba(0,0,0,0.9), 0 0 25px rgba(138, 3, 3, 0.3) !important;
}

/* Başlık Yazısı */
.media-title, .media-info h6 {
    color: #d4af37 !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    text-shadow: none !important;
}

/* Varsa resimdeki beyazlıkları temizle */
.img-thumbnail, img {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* === VIEWER SAĞ MENÜ TEMİZLİĞİ === */

/* 1. "Üstveri Alanları" yazan o başlık kutusunu tamamen yok et */
.mediaviewer-media-info .card-header,
.mediaviewer-media-info .metadata-section h5 {
    display: none !important;
}

/* 2. Başlık gidince oluşan boşluğu ve çizgileri temizle */
.mediaviewer-media-info .card {
    border: none !important;
    background-color: transparent !important;
}

.mediaviewer-media-info .card-body {
    padding-top: 0 !important; /* Yukarıdaki boşluğu sıfırla */
}

/* === FOOTER BAŞLIK DÜZELTMESİ (QUICK LINKS & INFORMATION) === */

/* 1. Önce o bozuk "Büyük İ" sorununu kökten çöz */
footer h6, 
.site-footer-container h6 {
    text-transform: none !important; /* Zorla büyütmeyi kapat */
}

/* 2. "Quick Links" Başlığını Bul ve "Hızlı Erişim" Yap */
/* Genelde 2. sütundadır */
footer .col-lg-4:nth-of-type(2) h6 { 
    visibility: hidden; /* Orijinal yazıyı gizle (yerini koru) */
    position: relative;
}

footer .col-lg-4:nth-of-type(2) h6::after {
    content: "Hızlı Erişim"; /* Yeni Yazı */
    visibility: visible;     /* Sadece bunu göster */
    position: absolute;
    top: 0;
    left: 0;
    color: #d4af37; /* Altın Rengi */
    font-weight: bold;
    text-transform: uppercase; /* Şimdi düzgünce büyütebiliriz (i -> İ olur sorun yok) */
}

/* 3. "Information" Başlığını Bul ve "Bilgi" Yap */
/* Genelde 3. sütundadır */
footer .col-lg-4:nth-of-type(3) h6 { 
    visibility: hidden;
    position: relative;
}

footer .col-lg-4:nth-of-type(3) h6::after {
    content: "Bilgi"; /* Yeni Yazı */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    color: #d4af37;
    font-weight: bold;
    text-transform: uppercase;
}

/* === OLUŞTURMA VE GÜNCELLEME TARİHİNİ GİZLE === */
.page-meta-info {
    display: none !important;
}

/* === FOOTER TEMİZLİĞİ (SADECE POWERED BY ALANI - GÜVENLİ VERSİYON) === */

/* 1. Sadece "Powered by" yazısını içeren o en alttaki özel kutuyu hedef al */
/* "border-secondary" sınıfı sadece o en alttaki şeritte var, üstteki yazılarda yok */
footer .border-top.border-secondary {
    display: none !important;
}

/* 2. Garanti olsun diye, sadece ortalanmış (centered) küçük yazıları gizle */
/* Senin açıklamaların solda (left) durduğu için bu kod onlara dokunmaz */
footer .text-center .small {
    display: none !important;
}

/* === FOOTER (ALT KISIM) RENGİNİ HEADER (ÜST KISIM) İLE EŞİTLEME === */

footer, 
.site-footer,
footer.bg-dark {
    background-color: #000000 !important; /* Griyi ez ve Simsiyah yap */
    color: #e0e0e0 !important; /* Yazı rengini koru */
    
    /* İstersen üstteki gibi alta da kırmızı çizgi ekleyip simetri yapabilirsin */
    /* İstemezsen alttaki satırı silebilirsin */
    border-top: 2px solid #8a0303 !important; 
}

/* === MENÜ İSİM DÜZELTMESİ (LILITH RESURRECTION - NOKTASIZ I) === */

/* 1. Menüdeki ilk sıradaki (Lilith Resurrection) linki hedef al */
.navbar-nav .nav-item:first-child .nav-link,
ul.navbar-nav li:first-child a {
    font-size: 0 !important; /* Orijinal "İ"li yazıyı tamamen sıfırla/görünmez yap */
    /* Hizalamayı korumak için gerekirse padding ayarı */
    display: flex !important; 
    align-items: center;
}

/* 2. Yerine temiz "LILITH RESURRECTION" yazısını monte et */
.navbar-nav .nav-item:first-child .nav-link::after,
ul.navbar-nav li:first-child a::after {
    content: "LILITH RESURRECTION"; /* İstediğin temiz hali */
    font-size: 1rem !important;     /* Yazı boyutu (yaklaşık 16px, diğerleriyle uyumlu) */
    color: #ffffff !important;      /* Beyaz renk */
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
}

/* 3. Mouse ile üzerine gelince (Hover) efekti */
.navbar-nav .nav-item:first-child .nav-link:hover::after,
ul.navbar-nav li:first-child a:hover::after {
    color: #ffffff !important;
    text-shadow: 0 0 10px #d4af37; /* Altın parlaması */
}

/* Sayaç (1 items) Butonunu Kırmızı Yapma */
.badge.bg-primary {
    background-color: #b30000 !important; /* Arama butonuyla aynı kırmızı */
    border: 1px solid #b30000 !important;
    color: #fff !important; /* Kırmızı üstüne Beyaz yazı */
}

/* Arama (Advanced Search) Butonunu Kırmızı Yapma */
.btn-outline-primary {
    color: #b30000 !important;          /* Yazı ve ikon rengi (Koyu Kırmızı) */
    border-color: #b30000 !important;   /* Çerçeve rengi */
}

/* Üzerine gelince (Hover) rengi */
.btn-outline-primary:hover {
    background-color: #b30000 !important; /* Arkaplan dolgusu */
    color: #fff !important;             /* Kırmızı üstüne BEYAZ yazı daha şık durur */
    border-color: #b30000 !important;
}

/* Izgara (Grid) Butonunun Seçili Halini Kırmızı Yapma */
.btn-outline-secondary.active {
    background-color: #b30000 !important;
    border-color: #b30000 !important;
    color: #fff !important;
}

/* Başlığın yanındaki Koleksiyon İkonunu (Simgeyi) Kırmızı Yapma */
.bi-collection {
    color: #b30000 !important;
}

/* --- LOGO DEĞİŞİMİ (Doğru Hedef: Archive İkonu) --- */

/* 1. Eski 'Archive' kutu ikonunu gizliyoruz */
.bi-archive::before {
    content: none !important; 
}

/* 2. Senin Lilith resmini yerleştiriyoruz */
.bi-archive {
    background-image: url('https://grup7.arsivtest.com/files/asset/1d1709a44cc357f633415476a8fc60b21c2c881c.png'); 
    
    background-size: contain;      /* Resim sığsın */
    background-repeat: no-repeat;  /* Tekrar etmesin */
    background-position: center;   /* Ortala */
    display: inline-block;         
    vertical-align: middle;        
    
    /* BOYUT AYARLARI */
    width: 50px;   
    height: 50px;  
    
    color: transparent !important; /* Mavi renk kalıntısını temizle */
}

/* ================================================= */
/* LILITH RESURRECTION - NOKTA ATIŞI DÜZELTME v2 */
/* ================================================= */

/* 1. HEADER (ÜST MENÜ) RENGİNİ SİYAH YAPMA */
/* Hem header etiketini, hem navbar sınıfını hedef alıp garantiye alıyoruz */
header, 
.navbar, 
#navbarMain {
    background-color: #000000 !important; /* Zifiri siyah */
    border-bottom: 2px solid #8a0303 !important; /* Altına kırmızı çizgi */
}
/* 2. LOGO DEĞİŞİMİ (SADECE HEADER İÇİN) - GÜÇLENDİRİLMİŞ VERSİYON */
/* Header, navbar veya navbar-brand içindeki tüm arşiv/koleksiyon ikonlarını hedefler */

header .bi-archive::before, 
header .bi-collection::before,
.navbar-brand .bi-archive::before,
.navbar-brand .bi-collection::before {
    content: none !important; /* Eski ikonu sil */
}

header .bi-archive, 
header .bi-collection,
.navbar-brand .bi-archive,
.navbar-brand .bi-collection {
    /* Senin Logon */
    background-image: url('https://grup7.arsivtest.com/files/asset/dd29078d55c143a9e854d5425b79680d9020c239.png'); 
    
    background-size: contain;      
    background-repeat: no-repeat;  
    background-position: center;   
    display: inline-block !important;         
    vertical-align: middle !important;        
    
    /* İkon Boyutu - Sıkışmayı önleyen kodlarla beraber */
    width: 140px !important;   
    height: 140px !important;
    min-width: 140px !important;  /* ÖNEMLİ: Sıkışmayı engeller */
    min-height: 140px !important; /* ÖNEMLİ: Sıkışmayı engeller */
    
    color: transparent !important; 
    margin-right: 15px !important; 

}
/* --- ESER KARTLARININ ALTINDAKİ METADATA (ID, TARİH) GİZLEME --- */

/* Yolladığın görseldeki 'text-muted small' ve hizalama sınıflarını hedef alır */
.d-flex.justify-content-center.align-items-center.flex-wrap.gap-3.text-muted.small {
    display: none !important;
}

/* --- ARAMA KUTUSU VE INPUT ALANLARINI KARARTMA --- */

/* 1. Kutunun kendisini koyu gri yap */
.form-control, 
input[name="search"],
input[type="text"] {
    background-color: #1a1a1a !important; /* Koyu Antrasit Zemin */
    color: #ffffff !important;            /* Yazı Rengi Beyaz */
    border: 1px solid #444 !important;    /* Çerçeve Rengi (Hafif Gri) */
}

/* 2. "Search items..." yazan silik yazının rengini aç (ki okunsun) */
.form-control::placeholder {
    color: #bbbbbb !important; 
    opacity: 1;
}

/* 3. Kutuya tıklayınca (Focus) mavi değil, kırmızı parlasın */
.form-control:focus {
    background-color: #1a1a1a !important; /* Renk değişmesin */
    color: #ffffff !important;
    border-color: #8a0303 !important;     /* Çerçeve kırmızı olsun */
    box-shadow: 0 0 8px rgba(138, 3, 3, 0.5) !important; /* Hafif kırmızı ışık */
}

/* --- AÇILIR MENÜLERİ (SORT BY & ITEMS PER PAGE) KARARTMA --- */

/* 1. Dropdown kutularını koyu gri yap */
.form-select {
    background-color: #1a1a1a !important; /* Arama kutusuyla aynı koyu gri */
    color: #ffffff !important;            /* Yazılar beyaz */
    border: 1px solid #444 !important;    /* Çerçeve rengi */
}

/* 2. Tıklayınca (Focus) kırmızı parlasın */
.form-select:focus {
    border-color: #8a0303 !important;     /* Kırmızı çerçeve */
    box-shadow: 0 0 8px rgba(138, 3, 3, 0.5) !important; /* Kırmızı ışık */
    background-color: #1a1a1a !important; /* Renk değişmesin */
    color: #ffffff !important;
}

/* --- SAYFA NUMARASI GÖSTERGESİNİ (INPUT GROUP TEXT) KARARTMA --- */

.input-group-text {
    background-color: #1a1a1a !important; /* Diğer kutularla aynı koyu gri */
    color: #ffffff !important;            /* Yazı rengi beyaz */
    border: 1px solid #444 !important;    /* Çerçeve rengi uyumlu olsun */
}

/* --- ESER RESMİNİN ÇEVRESİNDEKİ BEYAZLIĞI KARARTMA --- */

/* Resim kapsayıcısının (wrapper) o inatçı beyaz rengini eziyoruz */
.card-img-top-wrapper, 
.thumbnail-contain {
    background-color: #1a1a1a !important; /* Kutularla aynı koyu gri */
    border-color: #1a1a1a !important;     /* Varsa kenar çizgilerini de uydur */
}

/* Garanti olsun diye resmin oturduğu link bloğunu da boyayalım */
.card-img-top-wrapper a {
    background-color: transparent !important;
}

/* ================================================= */
/* ÇEREZ BARI - FINAL V3 (BÜYÜK YAZI & KİBAR BUTONLAR) */
/* ================================================= */

/* 1. Ana Barın Kendisi */
#cookie-bar {
    background-color: #000000 !important;
    color: #d4af37 !important;
    border-top: 3px solid #8a0303 !important;
    padding: 15px 20px !important;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.8) !important;
    
    /* YAZI AYARLARI BURADA */
    font-size: 16px !important;   /* 14'ten 16'ya çıkardık (Daha okunaklı) */
    font-weight: 500 !important;  /* Yazıyı biraz daha dolgun yaptık */
    line-height: 1.4 !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* Mobilde ve Dar Ekranlarda Hizalama */
#cookie-bar p {
    margin: 0 !important;
    padding-right: 20px !important; /* Yazı ile buton arasını biraz açtık */
    display: inline-block !important;
}

/* 2. Butonların Genel Yapısı (Senin beğendiğin kibar hali) */
#cookie-bar .cb-enable, 
#cookie-bar .cb-policy {
    border-radius: 50px !important;
    font-weight: bold !important;
    font-size: 12px !important;   
    padding: 8px 18px !important; /* Buton içini milim genişlettik, dengelesin diye */
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out !important;
    margin-left: 5px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5) !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 3. "Kabul Et" Butonu (Kırmızı) */
#cookie-bar .cb-enable {
    background-color: #b30000 !important;
    color: #ffffff !important;
    border: 1px solid #b30000 !important;
}

#cookie-bar .cb-enable:hover {
    background-color: #ff0000 !important;
    transform: scale(1.05);
}

/* 4. "Çerez Politikası" Butonu (Altın Çerçeve) */
#cookie-bar .cb-policy {
    background-color: transparent !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
}

#cookie-bar .cb-policy:hover {
    background-color: #d4af37 !important;
    color: #000000 !important;
    transform: scale(1.05);
}

/* --- KOLEKSİYON LİSTESİ TEMİZLİĞİ (SADECE BAŞLIK VE RESİM) --- */

/* Açıklama metinlerini ve diğer özellikleri liste görünümünde gizle */
.resource-list .description,
.resource-list .property {
    display: none !important;
}

/* Ama Başlık (Title) gizlenmesin, o kalsın */
.resource-list .title {
    display: block !important;
    margin-bottom: 20px !important; /* Resimle arası biraz açılsın */
    font-size: 1.2em !important; /* Başlık biraz daha belirgin olsun */
    color: #d4af37 !important;   /* Başlıklar da altın sarısı olsun */
}

/* --- KOLEKSİYON LİSTESİNDEKİ NOKTALARI KALDIRMA --- */

/* Listenin genel yapısındaki noktaları ve soldaki boşluğu sil */
ul.resource-list,
.resource-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Liste elemanlarının (li) başındaki işaretçiyi (marker) yok et */
.resource-list li,
.resource-list .item {
    list-style-type: none !important;
}

/* Kesin Çözüm: Marker elementini gizle */
.resource-list .item::marker {
    display: none !important;
    content: "" !important;
}

/* --- KOLEKSİYON LİSTESİ: ESERLER ARASI BOŞLUK --- */

.resource-list .item,
.resource-list li {
    margin-bottom: 50px !important; /* Eserler arası 50px boşluk bırak */
    padding-bottom: 30px !important; /* Altına biraz iç pay ver */
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important; /* Altına çok silik, zarif bir altın çizgi çek */
}

/* Listenin en sonundaki eserin altına çizgi koyma (Gerek yok çünkü) */
.resource-list .item:last-child,
.resource-list li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* --- SİMETRİ VE HİZALAMA FİNAL VURUŞU (GÜVENLİ VERSİYON) --- */

/* 1. Sadece KAYNAK LİSTESİNDEKİ (Koleksiyon) resimleri hedefle */
/* .item img YERİNE daha spesifik davranıyoruz ki Viewer bozulmasın */

.resource-list .resource-icon img,
.resource-list .item img,
.resource-list img { 
    width: 300px !important;       
    height: 200px !important;      
    object-fit: contain !important; 
    background-color: #000 !important; 
    margin-right: 30px !important; 
    border-radius: 5px !important; 
    border: 1px solid #333 !important; 
}

/* 2. ACİL DURUM KORUMASI: VIEWER BUTONLARINI RAHAT BIRAK */
/* Eğer yukarıdaki kod yanlışlıkla yine bulaşırsa, bu kod onu ezer ve düzeltir */

.openseadragon-container img, 
.navigator, 
.viewer-controls img,
.toolbar-button img {
    width: auto !important;  /* Kendi boyutuna dön */
    height: auto !important; /* Kendi boyutuna dön */
    background-color: transparent !important; /* Siyah kutu yapma */
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Viewer içindeki ana resim (kanvas) için serbest bırakma */
.openseadragon-canvas img {
    width: auto !important;
    height: auto !important;
    object-fit: unset !important;
}

/* --- KOLEKSİYON LİSTESİ İSİM RENGİ (KESİN ÇÖZÜM) --- */

/* 1. Doğrudan ismin yazdığı sınıfı hedef alıyoruz */
.resource-name {
    color: #d4af37 !important; /* Koleksiyon başlığıyla aynı Altın Sarısı */
    font-weight: bold !important;
    text-shadow: none !important; /* Gölge varsa kaldır, net olsun */
}

/* 2. Linkin kendisine de aynı rengi zorluyoruz (Garanti olsun) */
.resource-list a {
    color: #d4af37 !important;
    text-decoration: none !important; /* Alt çizgiyi kaldır */
}

/* 3. Üzerine gelince (Hover) parlasın istersen (Opsiyonel) */
.resource-list a:hover .resource-name {
    color: #ffffff !important; /* Mouse gelince beyazlaşır */
    text-shadow: 0 0 10px #d4af37; /* Arkasında altın ışık yanar */
}

/* ================================================= */
/* FOOTER İSTATİSTİK TÜRKÇELEŞTİRME (LILITH STYLE) */
/* ================================================= */

/* 1. Hedef: Footer'daki o silik listeyi bul ve yazıları (Items/Media) sıfırla */
footer ul.list-unstyled.text-white-50 li {
    font-size: 0 !important; /* Orijinal yazıyı (10 Items) yok et */
    display: flex !important; /* Hizayı düzelt */
    align-items: center !important; /* İkon ve yazıyı ortala */
    margin-bottom: 8px !important;
}

/* 2. İkonu (Koleksiyon ve Resim simgesi) kurtar ve parlat */
footer ul.list-unstyled.text-white-50 li i {
    font-size: 14px !important; /* İkon boyutu (0 olmasın) */
    width: 25px !important; /* İkon için sabit alan */
    color: #d4af37 !important; /* Babil Altını Rengi */
    margin-right: 0 !important; /* Sağa boşluğu biz ayarlayacağız */
}

/* 3. ESER KISMI (Collection İkonunu gören satır) */
/* Bu satırın sonuna sanal bir yazı ekler */
footer ul.list-unstyled.text-white-50 li:has(.bi-collection)::after {
    content: "Eser Arşivi"; /* Yeni Yazımız */
    font-size: 14px !important; /* Okunabilir boyut */
    color: #e0e0e0 !important; /* Hafif kırık beyaz */
    font-weight: bold !important;
}

/* 4. MEDYA KISMI (Image İkonunu gören satır) */
footer ul.list-unstyled.text-white-50 li:has(.bi-image)::after {
    content: "Medya Dosyaları"; /* Yeni Yazımız */
    font-size: 14px !important;
    color: #e0e0e0 !important;
    font-weight: bold !important;
}

/* ================================================= */
/* LILITH FOOTER - SON CİLA (APPEND-ONLY PATCH)      */
/* ================================================= */

/* 1. "Bilgi" Başlığını 'KEHANETLER' Yap ve Parlat */
/* Eskiden yazdığımız 'Bilgi' kodunu sonradan gelen bu kural ezecektir */
footer .col-lg-4:nth-of-type(3) h6 {
    visibility: hidden !important;
    position: relative !important;
}

footer .col-lg-4:nth-of-type(3) h6::after {
    content: "KEHANETLER" !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    color: #d4af37 !important;
    letter-spacing: 2px !important;
    animation: pulse-red-glow 2s infinite !important; /* Başlık nefes alacak */
}

@keyframes pulse-red-glow {
    0% { text-shadow: 0 0 5px #8a0303; }
    50% { text-shadow: 0 0 15px #ff0000; }
    100% { text-shadow: 0 0 5px #8a0303; }
}

/* 2. İstatistikleri Türkçeleştir ve Kehanete Dönüştür */
/* En son eklenen font-size: 0 kuralı garantili gizleme sağlar */
footer ul.list-unstyled.text-white-50.small li {
    font-size: 0 !important; 
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

footer ul.list-unstyled.text-white-50.small li i {
    font-size: 14px !important;
    color: #d4af37 !important;
    margin-right: 10px !important;
    transition: all 0.3s ease !important;
}

/* Normal Görünüm (Eser/Medya Yazıları) */
footer ul.list-unstyled.text-white-50.small li:has(.bi-collection)::after {
    content: "Eser Koleksiyonu" !important;
    font-size: 14px !important;
    color: #e0e0e0 !important;
}

footer ul.list-unstyled.text-white-50.small li:has(.bi-image)::after {
    content: "Medya Dosyaları" !important;
    font-size: 14px !important;
    color: #e0e0e0 !important;
}

/* Kehanet Modu (Fareyle üzerine gelince metin değişir) */
footer ul.list-unstyled.text-white-50.small li:has(.bi-collection):hover::after {
    content: " - Karanlıkta bir eser seni bekliyor..." !important;
    color: #ff0000 !important;
    text-shadow: 0 0 10px #8a0303 !important;
}

footer ul.list-unstyled.text-white-50.small li:has(.bi-image):hover::after {
    content: " - Görünmeyeni görmeye hazır mısın?" !important;
    color: #ff0000 !important;
    text-shadow: 0 0 10px #8a0303 !important;
}

/* Hover anında ikonu kırmızı yap ve büyüt */
footer ul.list-unstyled.text-white-50.small li:hover i {
    color: #ff0000 !important;
    transform: scale(1.3) rotate(8deg) !important;
}

/* ================================================= */
/* LILITH - BROWSE ITEMS (HİZALI VE NET ÇEVİRİ)      */
/* ================================================= */

/* ================================================= */
/* DÜZELTME: SADECE LİSTELEME SAYFASINDA BAŞLIK DEĞİŞSİN */
/* ================================================= */

/* 1. Sadece 'resource browse' (Liste) sayfasındaki H1'i hedef al */
/* 'body.resource.browse' ekleyerek eserin içine girdiğimizde çalışmasını engelliyoruz */
body.resource.browse h1.display-5.fw-bold.mb-3 {
    font-size: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* İkon Ayarı */
body.resource.browse h1.display-5.fw-bold.mb-3 i,
body.resource.browse h1.display-5.fw-bold.mb-3 .bi {
    font-size: 2.5rem !important;
    color: #d4af37 !important;
    margin-right: 15px !important;
    display: inline-block !important;
}

/* Yeni Metin */
body.resource.browse h1.display-5.fw-bold.mb-3::after {
    content: "Eser Arşivi";
    font-size: 2.5rem !important;
    font-weight: bold !important;
    color: #d4af37 !important;
}

/* ================================================= */
/* ACİL DURUM: ESER DETAY SAYFASINI KURTARMA (GARANTİ) */
/* ================================================= */

/* Eğer eserin içine girildiyse (resource show), başlığı SAKIN değiştirme */
body.resource.show h1,
body.resource.show h1.display-5.fw-bold.mb-3 {
    font-size: 2.5rem !important; /* Orijinal boyuta dön */
    color: #d4af37 !important;    /* Rengini koru */
    content: none !important;     /* Ekstra yazıyı iptal et */
}

/* Eser içindeki başlığın yanındaki 'sanal' yazıyı zorla sil */
body.resource.show h1::after {
    content: none !important;
    display: none !important;
}

/* Başlık İkonunu Geri Getir */
h1.display-5.fw-bold.mb-3 i,
h1.display-5.fw-bold.mb-3 .bi {
    font-size: 2.5rem !important;
    color: #d4af37 !important; /* Altın Rengi */
    margin-right: 15px !important;
    display: inline-block !important;
}

/* Türkçe Başlık */
h1.display-5.fw-bold.mb-3::after {
    content: "Eser Arşivi";
    font-size: 2.5rem !important;
    font-weight: bold !important;
    color: #d4af37 !important;
}

/* --- 2. ALT AÇIKLAMA METNİ --- */
p.lead.text-muted {
    font-size: 0 !important;
    margin-top: 5px !important;
}

p.lead.text-muted::after {
    content: "Koleksiyonumuzdaki eserleri inceleyin.";
    font-size: 1.15rem !important;
    color: #cccccc !important;
    display: block !important;
}

/* --- 3. ADVANCED SEARCH BUTONU (Detaylı Arama) --- */
/* Flex yapısı ile ikonu ve yazıyı aynı hizaya kilitliyoruz */
.btn-outline-primary {
    font-size: 0 !important; /* Advanced Search yazısını gizle */
    display: inline-flex !important; /* İçindekileri esnek hizala */
    align-items: center !important; /* Dikeyde tam ortaya getir */
    gap: 8px !important; /* İkon ile yeni yazı arasına boşluk koy */
}

/* Filtre İkonunu Geri Getir */
.btn-outline-primary i,
.btn-outline-primary .bi {
    font-size: 1rem !important; /* İkon boyutu */
    display: block !important; /* Kaybolmasını engelle */
}

/* Türkçe Metni Ekle */
.btn-outline-primary::after {
    content: "Detaylı Arama";
    font-size: 1rem !important;
    font-weight: bold !important;
    line-height: 1 !important; /* Satır yüksekliğini sabitle */
}

/* --- SIRALAMA VE SAYFA BAŞINA DÜZELTMESİ (FİNAL V2) --- */

/* 1. ADIM: Her iki kutunun da İngilizce yazılarını gizle */
/* Bu kod hem "Sort by" hem "Items per page" yazılarını görünmez yapar */
.row .col-md-3 label.form-label.small.text-muted {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block !important;
    visibility: hidden !important; /* Garanti gizleme */
}

/* 2. ADIM: "SIRALAMA ŞEKLİ" (Ortadaki Kutu) */
/* Mantık: Satırdaki 2. kutuyu hedefler (Çünkü 1. kutu Arama Çubuğu'dur) */
.row > div:nth-child(2) label.form-label.small.text-muted::after {
    content: "Sıralama Şekli";
    font-size: 14px !important;
    color: #d4af37 !important; /* Altın Sarısı */
    font-weight: bold !important;
    visibility: visible !important; /* Gizlenen yerden geri çıkar */
    display: block !important;
    position: relative !important;
    line-height: 1.5 !important;
    top: 0 !important;
}

/* 3. ADIM: "SAYFA BAŞINA" (Sağdaki Kutu) */
/* Mantık: Satırdaki 3. kutuyu (veya son kutuyu) hedefler */
.row > div:nth-child(3) label.form-label.small.text-muted::after {
    content: "Sayfa Başına";
    font-size: 14px !important;
    color: #d4af37 !important;
    font-weight: bold !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    line-height: 1.5 !important;
    top: 0 !important;
}

/* --- ARAMA KUTUSU YERELLEŞTİRME (Search items -> Eser Ara) --- */

/* 1. Orijinal "Search items..." yazısını şeffaf yapıp gizliyoruz */
input[name="search"]::placeholder,
.form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* 2. Kapsayıcı kutuyu (input-group) hizalama merkezi yapıyoruz */
.input-group {
    position: relative !important;
}

/* 3. Yeni Türkçe metni "sanal bir etiket" olarak ekliyoruz */
.input-group::after {
    content: "Eser veya kelime arayın...";  /* İstediğin metni buraya yaz */
    
    position: absolute;
    left: 15px; /* Soldan boşluk (Yazı çok kenardaysa artır) */
    top: 50%;
    transform: translateY(-50%); /* Dikey olarak tam ortalar */
    
    color: #bbbbbb !important; /* Silik gri yazı rengi */
    font-size: 1rem !important;
    font-weight: normal !important;
    pointer-events: none; /* ÖNEMLİ: Tıklamayı engellemez, arkadaki kutuya tıklanır */
    z-index: 10;
    
    display: none; /* Başlangıçta gizli */
}

/* 4. SADECE kutu boşken bu yazıyı göster (:has teknolojisi) */
/* Mantık: Eğer input'un içinde placeholder görünüyorsa (yani yazı yazılmamışsa) bizim yazıyı aç */
.input-group:has(input:placeholder-shown)::after {
    display: block !important;
}

/* --- "BROWSE ALL" YERELLEŞTİRME --- */

/* 1. Hedef: Linkin adresi ".../item" ile biten o özel butonu bul */
a[href$="/item"] {
    font-size: 0 !important; /* İngilizce yazıyı yok et */
    display: inline-block !important; /* Hizayı koru */
    text-decoration: none !important; /* Alt çizgiyi kaldır */
}

/* 2. Yerine Türkçe metni koy */
a[href$="/item"]::after {
    content: "Tüm Eserleri Gör"; /* Yeni Yazı */
    
    font-size: 14px !important; /* Boyut (İsteğine göre artırıp azaltabilirsin) */
    color: #d4af37 !important; /* Senin Altın Rengi */
    font-weight: bold !important;
    text-transform: uppercase !important; /* Büyük harf */
    letter-spacing: 1px !important; /* Harf aralığı */
    
    /* İsteğe bağlı: Altına hafif bir çizgi ekleyelim mi? */
    border-bottom: 2px solid #8a0303 !important; 
    padding-bottom: 2px !important;
}

/* 3. Üzerine gelince (Hover) efekti */
a[href$="/item"]:hover::after {
    color: #ffffff !important; /* Beyaz olsun */
    text-shadow: 0 0 10px #d4af37 !important; /* Parlasın */
    border-color: #d4af37 !important; /* Çizgi altına dönsün */
}

/* --- PAGINATION (SAYFALAMA) DÜZELTMESİ: Prev -> Önceki --- */

/* 1. "Prev" yazan linki (Listenin ilk elemanını) bul ve yazısını gizle */
.site-page-pagination a:first-child {
    font-size: 0 !important; /* Prev yazısını yok et */
    display: inline-block !important; /* Hizayı bozma */
    text-decoration: none !important;
}

/* 2. Yerine "Önceki" yazısını ekle */
.site-page-pagination a:first-child::after {
    content: "Önceki"; /* Tam istediğin gibi yazım şekli */
    
    font-size: 16px !important; /* Diğer yazılarla (Sonraki) aynı boyuta getir */
    color: #d4af37 !important; /* Altın Rengi */
    font-weight: bold !important;
    
    /* Eğer temanın genel ayarı her şeyi büyütüyorsa (UPPERCASE), bunu engelle: */
    text-transform: none !important; 
    
    visibility: visible !important;
}

/* 3. Üzerine gelince (Hover) parlasın */
.site-page-pagination a:first-child:hover::after {
    color: #ffffff !important;
    text-shadow: 0 0 10px #d4af37;
}

/* ================================================= */
/* GÖRSELSİZ ESERLER İÇİN "LILITH ATMOSFERİ" (V3 - RESİMLİ & ANİMASYONLU) */
/* ================================================= */

/* Animasyon Güncellemesi: Artık yazı değil, kutunun atmosferi (gölgesi) nefes alacak */
@keyframes lilith-breath-image {
    0% { 
        transform: scale(1); 
        box-shadow: inset 0 0 100px rgba(0,0,0,0.9), 0 0 30px rgba(138, 3, 3, 0.2); 
        border-color: #8a0303;
    }
    50% { 
        transform: scale(1.02); /* Çok hafif yaklaşır */
        box-shadow: inset 0 0 100px rgba(0,0,0,0.9), 0 0 80px rgba(138, 3, 3, 0.6); /* Kırmızılık artar */
        border-color: #ff0000; /* Çerçeve parlar */
    }
    100% { 
        transform: scale(1); 
        box-shadow: inset 0 0 100px rgba(0,0,0,0.9), 0 0 30px rgba(138, 3, 3, 0.2); 
        border-color: #8a0303;
    }
}

/* Metadata alanının üstüne yerleşen sanal kutu */
body.resource.show:not(:has(.media-embeds-section)):not(:has(.media-render)) .metadata-section::before {
    /* 1. İÇERİK: Emojiyi siliyoruz */
    content: "" !important; 
    
    /* 2. KUTU YAPISI */
    display: block !important;
    width: 100%;
    height: 400px; /* Görsel rahat görünsün diye yüksekliği 400px yaptık */
    margin-bottom: 50px;
    
    /* 3. ARKA PLAN SİSTEMİ (Çift Katman) */
    background: 
        /* KATMAN 1 (Üst): Senin L Harfin */
        url('https://grup7.arsivtest.com/files/asset/ea50429f69db95227a25ef2fdb09af1a132b3c11.png') center center / 400px auto no-repeat,
        
        /* KATMAN 2 (Alt): Kırmızı Atmosfer (Vignette) */
        radial-gradient(circle at center, #2b0a0a 0%, #000000 80%) !important;
    
    /* 4. ÇERÇEVE */
    border: 1px solid #8a0303 !important; 
    border-radius: 4px;
    
    /* 5. ANİMASYON */
    /* Kutunun kendisi ve içindeki ışık nefes alır */
    animation: lilith-breath-image 6s ease-in-out infinite;
}

/* EKSTRA GÜVENLİK (Resim varsa gizle) */
/* Bu kod, normal görselli sayfalarda bu kutunun çıkmasını engeller */
body.resource.show:has(.media-embeds-section) .metadata-section::before,
body.resource.show:has(.media-render) .metadata-section::before {
    display: none !important;
    content: none !important;
}

/* ================================================= */
/* LİSTE GÖRÜNÜMÜ - V15 (FINAL DOM ÇÖZÜMÜ) */
/* ================================================= */

/* 1. ADIM: LINK KUTUSUNU ESNEK YAP (Hizalamayı Bu Çözer) */
/* Attığın fotodaki 'resource-link' sınıfını hedefliyoruz */
.resource-list .resource-link {
    display: flex !important;           /* İçindekileri yan yana diz */
    align-items: center !important;     /* Dikeyde ortala */
    gap: 30px !important;               /* Resim ile yazı arasına 30px boşluk */
    text-decoration: none !important;   /* Link alt çizgisini kaldır */
    width: 100% !important;             /* Tüm satıra yayıl */
}

/* 2. ADIM: RESİMLERİN STANDARDI (ZOOM SORUNUNU ÇÖZER) */
.resource-list .resource-link img {
    display: block !important;
    width: 300px !important;            /* Sabit genişlik */
    height: 200px !important;           /* Sabit yükseklik */
    min-width: 300px !important;        /* Küçülmeyi engelle */
    
    /* ZOOM SORUNU ÇÖZÜMÜ: */
    object-fit: contain !important;     /* Resmi kesme, kutuya sığdır (Letterbox) */
    background-color: #000 !important;  /* Kenarlarda kalan boşluk siyah olsun */
    
    border: 1px solid #333 !important;
    border-radius: 5px !important;
    margin: 0 !important;               /* Dış boşlukları sıfırla */
}

/* 3. ADIM: BAŞLIK YAZISI (KONUMU DÜZELTİR) */
/* Linkin içindeki 'resource-name' span'ını hedefliyoruz */
.resource-list .resource-link .resource-name {
    font-size: 1.5rem !important;       /* Yazı boyutu */
    color: #d4af37 !important;          /* Altın rengi */
    font-weight: bold !important;
    text-align: left !important;        /* Sola yasla */
    flex-grow: 1 !important;            /* Kalan boşluğu doldur */
}

/* 4. ADIM: BEYAZ KUTU YOK ETME & L LOGOSU (HİLELİ YÖNTEM) */
/* default.png gelirse, onu ekranın dışına itip arkadaki planı gösteriyoruz */
.resource-list .resource-link img[src*="default.png"] {
    /* --- BEYAZ İKONU GİZLE --- */
    object-position: -9999px -9999px !important; /* Resmi kutunun dışına fırlat */
    
    /* --- YERİNE L LOGOSUNU KOY --- */
    background: 
        url('https://grup7.arsivtest.com/files/asset/ea50429f69db95227a25ef2fdb09af1a132b3c11.png') center center / 200px auto no-repeat,
        radial-gradient(circle at center, #5c0000 0%, #1a0505 60%, #000000 100%) !important;
        
    /* Çerçeve ve Animasyon */
    border-color: #8a0303 !important;
    animation: lilith-breath-v15 5s ease-in-out infinite;
}

/* 5. ADIM: HİÇ RESMİ OLMAYANLAR İÇİN GÜVENLİK */
/* Eğer linkin içinde <img> yoksa, sanal bir tane yarat */
.resource-list .resource-link:not(:has(img))::before {
    content: "" !important;
    display: block !important;
    width: 300px !important;
    height: 200px !important;
    min-width: 300px !important;
    
    background: 
        url('https://grup7.arsivtest.com/files/asset/ea50429f69db95227a25ef2fdb09af1a132b3c11.png') center center / 60px auto no-repeat,
        radial-gradient(circle at center, #5c0000 0%, #1a0505 60%, #000000 100%) !important;
        
    border: 1px solid #333 !important;
    border-radius: 5px !important;
    animation: lilith-breath-v15 5s ease-in-out infinite;
}

/* LİSTE ÇİZGİLERİ VE BOŞLUKLARI */
.resource-list .item {
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
}

/* ANİMASYON */
@keyframes lilith-breath-v15 {
    0% { box-shadow: inset 0 0 40px rgba(0,0,0,0.9), 0 0 5px rgba(138, 3, 3, 0.3); border-color: #444; }
    50% { box-shadow: inset 0 0 80px rgba(0,0,0,0.8), 0 0 25px rgba(255, 0, 0, 0.5); border-color: #8a0303; }
    100% { box-shadow: inset 0 0 40px rgba(0,0,0,0.9), 0 0 5px rgba(138, 3, 3, 0.3); border-color: #444; }
}

/* ================================================= */
/* LILITH POETRY MODE - (DARK PARCHMENT EDITION) */
/* ================================================= */

/* Şiir Kartının Ana Gövdesi - KARANLIK MOD */
.siir-karti {
    /* --- GÖRÜNÜM --- */
    background-color: #1a1a1a !important; /* Kartın Zemini: Koyu Gri */
    color: #d4af37 !important;            /* Yazı Rengi: Babil Altını */
    border: 2px solid #8a0303 !important; /* Çerçeve: Lilith Kırmızısı */
    
    /* --- DERİNLİK VE GÖLGE --- */
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.8),      /* Dışarıya doğru koyu siyah gölge */
        inset 0 0 50px rgba(138, 3, 3, 0.1) !important; /* İçeriye doğru hafif kırmızı bir ışık */

    /* --- TİPOGRAFİ --- */
    font-family: 'Playfair Display', Georgia, serif !important; 
    font-size: 1.4rem !important;         /* Yazılar büyük */
    line-height: 2 !important;            /* Satır araları geniş */
    text-align: center !important;        /* Ortalı */
    letter-spacing: 0.5px !important;     

    /* --- KUTU AYARLARI --- */
    max-width: 600px !important;          
    margin: 50px auto !important;         
    padding: 60px 40px !important;        
    border-radius: 8px !important;        
    position: relative !important;
}

/* BAŞLIK AYARLARI (Icarus'un Düşüşü) */
.siir-karti h3,
.siir-karti h1, 
.siir-karti h2 {
    color: #ff0000 !important;            /* Parlak Kırmızı Başlık */
    font-family: 'Playfair Display', serif !important;
    font-weight: bold !important;
    font-size: 2rem !important;
    margin-bottom: 40px !important;       
    text-shadow: 0 0 10px rgba(138, 3, 3, 0.5) !important; 
    font-style: normal !important;        /* Başlık düz (italik değil) */
    letter-spacing: 2px !important;       
    text-transform: uppercase !important; /* BÜYÜK HARF */
}

/* DROP CAP İPTALİ (Boşluk sorununu çözen kısım) */
.siir-karti::first-letter {
   /* Burayı bilerek boşalttık ki 'I' harfi ayrılmasın */
}

/* MOBİL UYUM */
@media (max-width: 700px) {
    .siir-karti {
        max-width: 90% !important;
        padding: 30px 20px !important;
        font-size: 1.2rem !important;
    }
    .siir-karti h3 {
        font-size: 1.6rem !important;
    }
}

/* ========================================================== */
/* FİNAL DÜZELTME: "L" LOGOSU - KOLEKSİYON EFEKTİ (STATİK) */
/* Animasyon yok, Glow yok. Sadece Kızıl-Siyah Gradyan ve L. */
/* ========================================================== */

.card img[src*="default"],
.media-wrapper img[src*="default"],
.thumbnail-contain img[src*="default"] {
    /* 1. Orijinal çirkin beyaz dosya ikonunu görünmez yapıp kutu dışına atıyoruz */
    object-position: -9999px -9999px !important;
    padding: 0 !important;
    border: none !important;

    /* 2. ARKA PLAN VE LOGO KOMBİNASYONU (Tek satırda) */
    background: 
        /* ÜST KATMAN: Senin L Logon (Ortalı, 80px boyutunda, sıkışmaz) */
        url('https://grup7.arsivtest.com/files/asset/ea50429f69db95227a25ef2fdb09af1a132b3c11.png') center center / 170px auto no-repeat,
        
        /* ALT KATMAN: Koleksiyon Efekti (Merkezden yayılan koyu kızıl > Siyah) */
        radial-gradient(circle at center, #5c0000 0%, #1a0505 50%, #000000 100%) !important;

    /* 3. KUTU BOYUTLANDIRMA */
    background-color: #000000 !important; /* Yüklenmezse zemin siyah kalsın */
    width: 100% !important;
    height: 200px !important; /* Diğer resimlerle aynı hizada durması için */
    display: block !important;
    
    /* İsteğe bağlı ince çerçeve (Diğer kartlarla uyum için) */
    border: 1px solid #333 !important; 
    border-radius: 4px !important;
}

/* ========================================================== */
/* MEDIA VIEWER - SOL MENÜ KUTUSU FIX (RENKLİ & ASİL VERSİYON) */
/* Soldaki küçük kareye de o kızıl-siyah gradyanı ve L'yi basar */
/* ========================================================== */

.mediaviewer-media-selector img[src*="default"],
.mediaviewer-media-selector img[src*="file"] {
    
    /* 1. Orijinal beyaz ikonu gizle */
    object-position: -9999px -9999px !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    height: 100% !important;

    /* 2. ARKA PLAN: L LOGOSU + KIZIL GRADYAN */
    background: 
        /* Üst Katman: L Logosu (Kutu küçük olduğu için %70 boyut ideal) */
        url('https://grup7.arsivtest.com/files/asset/ea50429f69db95227a25ef2fdb09af1a132b3c11.png') center center / 70% no-repeat,
        
        /* Alt Katman: İstediğin Orijinal Kızıl > Siyah Geçiş */
        radial-gradient(circle at center, #5c0000 0%, #1a0505 60%, #000000 100%) !important;

    /* 3. Görünürlük Garantisi */
    opacity: 1 !important; 
    border-radius: 3px !important; /* Hafif bir yumuşatma */
}

/* ========================================================== */
/* MEDIA VIEWER FIX: HTML/ŞİİR İÇİN SCROLL KİLİDİNİ KIRMA */
/* Viewer'ın resmi donduran özelliğini metinler için iptal eder */
/* ========================================================== */

/* 1. HTML/Embed içeriğinin olduğu kutuyu bul */
.media-render, 
.media-embed,
.mediaviewer-media-view iframe,
.mediaviewer-media-view > div:not(.openseadragon-container) {
    /* "Resim gibi davranma" komutları */
    overflow-y: auto !important;  /* Dikey kaydırma çubuğunu zorla aç */
    overflow-x: hidden !important; /* Yatay kaydırmayı kapat */
    
    /* Mouse Etkileşimi */
    pointer-events: auto !important; /* Mouse tekerleği zoom değil, scroll yapsın */
    
    /* Boyutlandırma */
    height: 100% !important;      /* Viewer'ın boyuna uy */
    max-height: 80vh !important;  /* Ekrandan taşmasın */
    width: 100% !important;
    
    /* Konumlandırma */
    position: relative !important; /* Absolute olup kilitlenmesin */
    z-index: 100 !important;       /* Zoom katmanının üzerine çıksın */
}

/* 2. Eğer Viewer arkada boş bir "Canvas" (Resim alanı) tutuyorsa onu pasif yap */
/* Bu sayede tıkladığında arkadaki siyah boşluk değil, öndeki yazı seçilir */
.openseadragon-container {
    z-index: 1 !important; /* Yazının altında kalsın */
}

/* 3. Şiir Kartının Kendisi (Garanti Ayar) */
/* Şiir kartının, Viewer'ın içinde sıkışmadan esnemesini sağlar */
.siir-karti {
    height: auto !important;       /* Boyut sınırlamasını kaldır */
    overflow: visible !important;  /* İçeriği gizleme */
    margin-top: 20px !important;   /* Üstten biraz boşluk bırak */
    margin-bottom: 50px !important; /* Alttan kaydırma payı bırak */
}

/* ========================================================== */
/* SCROLL FIX V2: SADECE VIEWER İÇİNDE KAYDIRMA OLSUN */
/* Sayfa başındaki esere scrollbar koymayı engeller */
/* ========================================================== */

/* 1. ADIM: Sayfa üzerindeki (Önizleme) kutusunu SERBEST BIRAK */
/* Burası "Sayfa Başına" scroll gelmesini engeller */
.media-embeds-section .media-render,
.media-embeds-section .media-embed,
.single-media-container .media-render {
    overflow: visible !important; /* Çubuğu yok et */
    height: auto !important;      /* İçerik kadar uzasın */
    max-height: none !important;  /* Sınırlama koyma */
}

/* 2. ADIM: Sadece MEDIA VIEWER (Popup) açılınca kaydırmayı AÇ */
/* Burası sadece siyah ekran açıldığında çalışır */
.mediaviewer-media-view .media-render,
.mediaviewer-media-view .media-embed,
.mediaviewer-media-view iframe,
.octopus-viewer .media-render {
    overflow-y: auto !important;  /* Dikey kaydırma aktif */
    overflow-x: hidden !important;
    height: 100% !important;      /* Ekranı doldur */
    max-height: 85vh !important;  /* Taşıp gitmesin */
    display: block !important;
}