/* Controls container and buttons */
#pdf-controls {
    text-align: center;
    margin-bottom: 10px;
}
#pdf-controls button {
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
}

/* Canvas (for legacy single-page usage, optional) */
#pdf-canvas {
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
}

/* Flipbook container centered with shadow */
#flipbook-container {
    width: 800px; /* You can adjust width */
    margin: 20px auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* Flipbook area size must match page size */
#flipbook {
    width: 800px;  /* Should match your PDF page width */
    height: 600px; /* Should match your PDF page height */
}

/* Each flipbook page styling */
.flipbook-page {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    background-color: white;
    /* Make sure no margin or padding */
    margin: 0;
    padding: 0;
}