/* 1. TÜM BOŞLUKLARI VE TAŞMALARI KÖKTEN SIFIRLA */
* {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
}

html, body {
    width: 100% !important; /* Laptop ekranına boydan boya yayılsın */
    background-color: #6b7280; 
}

/* 2. KİTAP KILIFLARI GENEL AYARLARI */
details {
    display: block !important;
    width: 100% !important;
    background: transparent !important; 
    border: none !important;
    border-top: 1px solid transparent !important; 
    border-bottom: 1px solid transparent !important; 
}

summary {
    display: block !important;
    width: 100% !important;
    font-family: 'Arimo', sans-serif !important;
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
    list-style: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); 
}

/* --- GRİ GEÇİŞLERİ (ORİJİNAL) --- */
details > summary { background: #6b7280 !important; color: #ffffff !important; padding: 5px 4px !important; }
details > details > summary { background: #9ca3af !important; color: #ffffff !important; padding: 4px 4px !important; }
details > details > details > summary { background: #d1d5db !important; color: #111827 !important; padding: 4px 4px !important; }
details > details > details > details > summary { background: #e5e7eb !important; color: #111827 !important; padding: 4px 4px !important; }
details > details > details > details > details > summary { background: #f3f4f6 !important; color: #111827 !important; padding: 4px 4px !important; }

/* 3. ARAPÇA METİN AYARLARI */
.arabi {
    display: block !important;
    margin-top: 0 !important;
    line-height: 2 !important;
    width: 100% !important;
    padding: 13px 5px 0.5px 5px !important;
    text-align: center;
    direction: rtl;
    font-family: 'Amiri', serif !important;
    font-size: 1.5rem;
    background: #f9fafb !important;
}
.arabi3{
    font-family: 'Amiri', serif !important;
    font-size: 1.5rem;
    color: 9ca3af;
}

/* 4. İÇERİK YAZILARI */
details {
    font-family: 'Arimo', sans-serif !important;
    font-size: 1.3rem !important;
    line-height: 1.3;
    text-align: center;
    background: #f9fafb !important;
    color: #111827 !important;
}

.elifler, .lahika, .sayfa {
    display: block !important;
    text-align: center !important;
    padding: 5px 0 5px !important;
    font-size: 0.85rem;
    color: #374151;
    background: #f9fafb !important; 
}

.sayfa::before {
    content: "";
    display: block;
    width: 95%;
    height: 2px;
    background: #cfd8dc;
    margin: 5px auto 5px !important;
}

summary::-webkit-details-marker { display: none !important; }

/* 5. ÜST PANEL VE BEYAZ ŞERİT (SADECE LAPTOP) */
.ust-panel {
    display: flex !important;
    background-color: #1f2937 !important;
    padding: 10px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important; /* Laptop ekranını tam kaplasın */
    z-index: 10000 !important;
    height: 60px !important;
}

body { padding-top: 60px !important; }

.panel-eleman {
    background-color: #4b5563 !important;
    color: white !important;
    border: none !important;
    padding: 8px 15px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 1.1rem !important;
    min-width: 45px !important;
}

/* OKUNAKLI BEYAZ ŞERİT */
.panel-bilgi-seridi {
    flex: 1 !important;
    margin: 0 10px !important;
    background-color: #ffffff !important;
    height: 44px !important; 
    border-radius: 6px !important;
    position: relative !important;
    /* overflow: hidden !important; */ /* MOBİL YAVŞAKLIĞI: YAZILAR KESİLMESİN DİYE KAPATTIK */
    display: flex !important;
    align-items: center !important;
    border: 2px solid #374151 !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) !important;
}

#durum-cubugu-doluluk {
    position: absolute;
    left: 0; top: 0; height: 100%; width: 0%;
    background-color: #4ade80 !important;
    opacity: 0.3;
    z-index: 1;
}

.bar-akis-sistemi {
    position: relative; 
    z-index: 2;
    display: flex !important; 
    width: 100%; 
    align-items: center;
    padding: 0 10px; 
}

/* Sayfa No: Laptopta iri ve net */
#bar-sayfa-metni {
    font-size: 1.3rem !important; 
    font-weight: 900 !important;
    color: #b91c1c !important; 
    margin-right: 20px !important;
    white-space: nowrap;
    border-right: 2px solid #eee;
    padding-right: 12px;
}

/* Zamir Zinciri: Kesilmeden Boydan Boya */
#baslik-zinciri {
    display: flex; 
    gap: 6px; 
    /* overflow: hidden; */ /* TELEFONDA KAFASINA GÖRE SAKLIYORDU, İPTAL ETTİK */
    white-space: nowrap; 
    color: #000 !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}

.zincir-parca::after { 
    content: " >"; 
    color: #999; 
    margin-left: 6px; 
}

.zincir-parca:last-child::after { content: ""; }