/*
 * custom-viewer.css (v3.0 - For PDF.js v3.2.146)
 * CSS viết riêng để sửa lỗi sidebar trên phiên bản cũ.
*/

/* 1. Ẩn tất cả các thanh công cụ và nút bấm không cần thiết */
#toolbarContainer,
#secondaryToolbar,
.doorHanger,
#sidebarToggle {
    display: none !important;
}

/* 2. Ẩn hoàn toàn container của sidebar */
#sidebarContainer {
    display: none !important;
    visibility: hidden !important;
}

/* 3. ĐỊNH NGHĨA LẠI LAYOUT CHÍNH
   Đây là quy tắc quan trọng nhất. Chúng ta buộc #viewerContainer
   phải chiếm toàn bộ không gian và loại bỏ lề trái do JS tạo ra. */
#viewerContainer {
    /* Bỏ khoảng trống 32px của thanh toolbar đã bị ẩn */
    top: 0 !important;

    /* Chiếm toàn bộ không gian từ cạnh trái, bất chấp tính toán của JS */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;

    /* Chỉ cho phép cuộn dọc */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    
    /* Căn giữa các trang PDF */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 4. Reset lại các lớp mà JS có thể thêm vào #outerContainer */
#outerContainer.sidebarOpen #viewerContainer {
    left: 0 !important;
}

/* 5. Tinh chỉnh lại style của trang PDF cho đẹp */
.pdfViewer .page {
    margin: 10px auto !important; /* Lề trên dưới cho đẹp */
    border-image: none !important; /* Bỏ viền bóng đổ mặc định */
    border: 1px solid #888; /* Thay bằng viền thường */
    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important; /* Thêm bóng đổ mới */
}

/* 6. Đổi màu nền cho chuyên nghiệp hơn */
body, #outerContainer {
    background-color: #525659 !important;
}