/* 
   Bibliorus Reader Isolated Stylesheet v1.2 (Security & Fixes)
   Prefix: #bibliorus-reader-native
*/

/* 1. SURGICAL RESET */
#bibliorus-reader-native {
    all: initial;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important;
    background: #f5f7fa !important;
    color: #333 !important;
    width: 100% !important;
    min-height: 600px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    
    /* COPY PROTECTION */
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

#bibliorus-reader-native * {
    box-sizing: border-box !important;
}

/* Re-apply Variables */
#bibliorus-reader-native {
    --bg-primary: #f5f7fa;
    --bg-secondary: #c3cfe2;
    --text-primary: #333;
    --text-secondary: #666;
    --user-font-family: Georgia, serif;
    --header-bg: #5a6b7d;
    --header-dark: #3d4a5c;
    --accent: #5a6b7d;
    --accent-dark: #3d4a5c;
    --border: #ddd;
    --card-bg: #ffffff;
    --info-bg: #e7f3ff;
    --info-text: #004085;
    --base-font-size: 18px;
}

#bibliorus-reader-native.sepia {
    --bg-primary: #f4ecd8; --card-bg: #fdf6e3; --text-primary: #5b4636; --border: #d3c6aa;
}
#bibliorus-reader-native.dark {
    --bg-primary: #1a1a1a; --card-bg: #2d2d2d; --text-primary: #e0e0e0; --border: #444;
}

/* 2. HEADER */
#bibliorus-reader-native .br-reader-header {
    background: linear-gradient(135deg, var(--header-bg) 0%, var(--header-dark) 100%) !important;
    color: white !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    width: 100% !important;
    display: block !important;
}

#bibliorus-reader-native .br-header-top { display: flex !important; justify-content: space-between !important; align-items: center !important; }
#bibliorus-reader-native .br-reader-header h1 { font-size: 2.5em !important; margin: 0 !important; color: white !important; font-weight: bold !important; }

#bibliorus-reader-native .br-header-controls { display: flex !important; gap: 10px !important; justify-content: center !important; align-items: center !important; margin-top: 15px !important; flex-wrap: wrap !important; }
#bibliorus-reader-native .br-book-selector { display: flex !important; gap: 10px !important; align-items: center !important; }
#bibliorus-reader-native .br-book-selector select { padding: 8px 15px !important; border-radius: 4px !important; background: white !important; color: #5a6b7d !important; font-weight: bold !important; min-width: 200px !important; }

#bibliorus-reader-native .br-sidebar-toggle { background: #ff6f00 !important; color: white !important; padding: 8px 16px !important; border-radius: 5px !important; cursor: pointer !important; font-weight: bold !important; display: flex !important; align-items: center !important; gap: 8px !important; }

#bibliorus-reader-native .br-view-btn, 
#bibliorus-reader-native .br-theme-btn { padding: 8px 16px !important; border: 2px solid white !important; background: transparent !important; color: white !important; border-radius: 5px !important; cursor: pointer !important; font-weight: bold !important; font-size: 0.85em !important; }
#bibliorus-reader-native .br-view-btn.br-active, 
#bibliorus-reader-native .br-theme-btn.br-active { background: rgba(255, 255, 255, 0.3) !important; }

/* 3. NAVIGATION BAR (Mavi Çubuk) */
#bibliorus-reader-native .br-article-controls {
    background: var(--info-bg) !important;
    padding: 15px !important;
    border-bottom: 1px solid var(--border) !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    position: sticky !important;
    top: 140px !important;
    z-index: 9998 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* FLOWABLE (TEXT) MODUNDA MAVİ ÇUBUĞU GİZLE */
#bibliorus-reader-native.is-flowable .br-article-controls {
    display: none !important;
}

#bibliorus-reader-native .br-article-controls button { padding: 8px 16px !important; background: var(--accent) !important; color: white !important; border-radius: 4px !important; cursor: pointer !important; font-weight: bold !important; }

/* 4. CONTENT AREA */
#bibliorus-reader-native .br-article-container { background: var(--bg-primary) !important; padding: 20px !important; }
#bibliorus-reader-native .br-article-card { background: var(--card-bg) !important; padding: 40px !important; border-radius: 8px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; min-height: 600px !important; max-width: 1000px !important; margin: 0 auto !important; }
#bibliorus-reader-native .br-article-content { line-height: 1.8 !important; font-size: var(--base-font-size) !important; font-family: var(--user-font-family) !important; text-align: justify !important; color: var(--text-primary) !important; }
#bibliorus-reader-native .br-article-content img { max-width: 100% !important; height: auto !important; border-radius: 12px !important; margin: 25px 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; display: block !important; margin-left: auto !important; margin-right: auto !important; }

/* ARABIC */
#bibliorus-reader-native [lang="ar"], #bibliorus-reader-native .ar-text { font-family: 'Mushaf', sans-serif !important; direction: rtl !important; font-size: calc(var(--base-font-size) * 1.5) !important; display: block !important; margin: 15px 0 !important; }

/* FOOTNOTES */
#bibliorus-reader-native .br-footnotes-section { background: #eef2f7 !important; border-left: 5px solid #2196F3 !important; padding: 25px !important; margin-top: 50px !important; border-radius: 8px !important; }
#bibliorus-reader-native .br-footnote-item { background: white !important; padding: 12px 15px !important; margin: 10px 0 !important; border-radius: 6px !important; border: 1px solid #e0e0e0 !important; font-size: 0.92em !important; }
#bibliorus-reader-native .br-footnote-item.br-highlight { background: #fff9c4 !important; border-color: #ffd600 !important; }

/* SCROLL TO TOP */
#bibliorus-reader-native .br-scroll-to-top {
    position: fixed !important; bottom: 30px !important; right: 30px !important; width: 50px !important; height: 50px !important; background: #ff6f00 !important; color: white !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; cursor: pointer !important; opacity: 0 !important; transition: 0.3s !important; pointer-events: none !important; z-index: 100005 !important;
}
#bibliorus-reader-native .br-scroll-to-top.show { opacity: 1 !important; pointer-events: auto !important; }

/* SIDEBAR */
#bibliorus-reader-native .br-sidebar { position: fixed !important; left: 0 !important; top: 0 !important; width: 420px !important; height: 100vh !important; background: white !important; transform: translateX(-100%) !important; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: 100000 !important; display: flex !important; flex-direction: column !important; box-shadow: 20px 0 50px rgba(0,0,0,0.1) !important; overflow: hidden !important; }
#bibliorus-reader-native .br-sidebar.br-expanded { transform: translateX(0) !important; }

/* Scrollbar Styling */
#bibliorus-reader-native .br-sidebar *::-webkit-scrollbar { width: 6px !important; }
#bibliorus-reader-native .br-sidebar *::-webkit-scrollbar-track { background: #f1f5f9 !important; }
#bibliorus-reader-native .br-sidebar *::-webkit-scrollbar-thumb { background: #cbd5e1 !important; border-radius: 10px !important; }
#bibliorus-reader-native .br-sidebar *::-webkit-scrollbar-thumb:hover { background: #94a3b8 !important; }

#bibliorus-reader-native .br-sidebar-header { padding: 20px 25px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
#bibliorus-reader-native .br-sidebar-header span { font-weight: 900 !important; font-size: 14px !important; letter-spacing: 1px !important; color: #1e293b !important; text-transform: uppercase !important; }
#bibliorus-reader-native .br-sidebar-close { background: #fee2e2 !important; color: #ef4444 !important; border: none !important; width: 32px !important; height: 32px !important; border-radius: 8px !important; cursor: pointer !important; font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s !important; }

#bibliorus-reader-native .br-sidebar-tabs { display: flex !important; background: #fff !important; border-bottom: 1px solid #e2e8f0 !important; }
#bibliorus-reader-native .br-sidebar-tab { flex: 1 !important; padding: 15px !important; text-align: center !important; cursor: pointer !important; font-weight: 700 !important; font-size: 13px !important; color: #64748b !important; border-bottom: 3px solid transparent !important; transition: all 0.3s !important; }
#bibliorus-reader-native .br-sidebar-tab.active { color: #2563eb !important; border-bottom-color: #2563eb !important; background: #f0f7ff !important; }
#bibliorus-reader-native .br-sidebar-tab i { margin-right: 8px !important; }

#bibliorus-reader-native .br-sidebar-content { flex: 1 !important; overflow: hidden !important; position: relative !important; display: flex !important; flex-direction: column !important; }
#bibliorus-reader-native .br-tab-content { display: none !important; width: 100% !important; height: 100% !important; }
#bibliorus-reader-native .br-tab-content.active { display: flex !important; flex-direction: column !important; }

#bibliorus-reader-native #tocList, #bibliorus-reader-native .br-search-results { flex: 1 !important; overflow-y: auto !important; padding-bottom: 20px !important; }
#bibliorus-reader-native .br-search-results { border-top: 1px solid #f1f5f9 !important; }

#bibliorus-reader-native .br-toc-search-wrap { padding: 15px !important; background: #fff !important; position: sticky !important; top: 0 !important; z-index: 10 !important; }
#bibliorus-reader-native .br-toc-search-wrap input { width: 100% !important; padding: 10px 15px !important; border: 2px solid #f1f5f9 !important; border-radius: 10px !important; outline: none !important; font-size: 14px !important; }

#bibliorus-reader-native .br-toc-item { padding: 12px 25px !important; border-bottom: 1px solid #f1f5f9 !important; cursor: pointer !important; font-size: 14px !important; color: #334155 !important; line-height: 1.5 !important; transition: all 0.2s !important; }
#bibliorus-reader-native .br-toc-item:hover { background: #f8fafc !important; color: #2563eb !important; }
#bibliorus-reader-native .br-toc-item.br-active { background: #eff6ff !important; color: #2563eb !important; font-weight: 700 !important; border-left: 4px solid #2563eb !important; }

#bibliorus-reader-native .br-search-box-wrap { padding: 20px !important; display: flex !important; gap: 10px !important; }
#bibliorus-reader-native .br-search-box-wrap input { flex: 1 !important; padding: 12px 15px !important; border: 2px solid #e2e8f0 !important; border-radius: 10px !important; outline: none !important; }
#bibliorus-reader-native .br-search-box-wrap button { background: #2563eb !important; color: white !important; border: none !important; padding: 0 15px !important; border-radius: 10px !important; cursor: pointer !important; }

#bibliorus-reader-native .br-search-stats { padding: 0 20px 10px !important; font-size: 12px !important; color: #64748b !important; font-weight: 600 !important; border-bottom: 1px solid #f1f5f9 !important; }
#bibliorus-reader-native .br-search-placeholder { padding: 40px 20px !important; text-align: center !important; color: #94a3b8 !important; font-size: 14px !important; }

#bibliorus-reader-native .br-search-result-item { padding: 20px !important; border-bottom: 1px solid #f1f5f9 !important; cursor: pointer !important; transition: all 0.2s !important; }
#bibliorus-reader-native .br-search-result-item:hover { background: #f8fafc !important; }
#bibliorus-reader-native .br-search-result-book { font-size: 11px !important; font-weight: 800 !important; color: #3b82f6 !important; text-transform: uppercase !important; margin-bottom: 5px !important; }
#bibliorus-reader-native .br-search-result-title { font-size: 15px !important; font-weight: 700 !important; color: #1e293b !important; margin-bottom: 8px !important; }
#bibliorus-reader-native .br-search-result-snippet { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important; }
#bibliorus-reader-native .br-search-result-snippet mark { background: #fef08a !important; color: #854d0e !important; padding: 0 2px !important; border-radius: 2px !important; font-weight: 700 !important; }

/* RESPONSIVE */
@media (max-width: 768px) {
    #bibliorus-reader-native .br-reader-header h1 { font-size: 1.5em !important; }
    #bibliorus-reader-native .br-header-controls { flex-direction: column !important; }
    #bibliorus-reader-native .br-article-controls { position: relative !important; top: 0 !important; }
}
body.admin-bar #bibliorus-reader-native .br-reader-header { top: 32px !important; }