/* PDF Flipbook – assets/flipbook.css v1.4 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400;700&display=swap');

.pfb-wrapper {
    --pfb-cream  : #f8f4ee;
    --pfb-dark   : #1a1410;
    --pfb-gold   : #b8943f;
    --pfb-shadow : rgba(26,20,16,.45);
    --pfb-radius : 4px;
    position     : relative;
    width        : 100%;
    max-width    : var(--pfb-w, 900px);
    margin       : 2.5rem auto;
    font-family  : 'Lato', sans-serif;
    box-sizing   : border-box;
}
.pfb-title {
    font-family   : 'Cormorant Garamond', Georgia, serif;
    font-size     : 1.6rem;
    font-weight   : 600;
    color         : var(--pfb-dark);
    text-align    : center;
    letter-spacing: .06em;
    margin-bottom : .75rem;
}

/* Loader */
.pfb-loader {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:260px; background:var(--pfb-cream);
    border:1px solid #ddd3c0; border-radius:var(--pfb-radius);
    padding:2rem; gap:1rem;
}
.pfb-loader-book { position:relative; width:60px; height:44px; }
.pfb-loader-page {
    position:absolute; top:0; width:28px; height:44px;
    background:#fff; border:1px solid #c9b99a; border-radius:2px;
    transform-origin:left center; box-shadow:2px 2px 6px rgba(0,0,0,.15);
}
.pfb-loader-page:first-child { left:0; animation:pfb-flip 1.3s ease-in-out infinite alternate; }
.pfb-loader-page:last-child  { left:30px; }
@keyframes pfb-flip { 0%{transform:rotateY(0)} 100%{transform:rotateY(-40deg)} }
.pfb-loader-text { font-size:.85rem; color:#7a6a55; margin:0; font-weight:300; }
.pfb-progress-bar { width:200px; height:4px; background:#ddd3c0; border-radius:99px; overflow:hidden; }
.pfb-progress-fill { height:100%; width:0%; background:var(--pfb-gold); border-radius:99px; transition:width .3s ease; }

/* Conteneur flipbook */
.pfb-canvas-container {
    background:var(--pfb-cream); border:1px solid #ddd3c0;
    border-radius:var(--pfb-radius); padding:1.5rem 1rem .75rem;
    box-shadow:0 8px 40px var(--pfb-shadow); box-sizing:border-box;
}
.pfb-book-wrap {
    display:flex; justify-content:center; align-items:center;
    overflow:hidden; width:100%;
}
.pfb-book { display:block; }

/* Contrôles */
.pfb-controls {
    display:flex; align-items:center; justify-content:center;
    gap:.5rem; margin-top:1rem; padding-top:.75rem;
    border-top:1px solid #ddd3c0; flex-wrap:wrap;
}
.pfb-btn {
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; border:1px solid #c9b99a;
    border-radius:var(--pfb-radius); background:#fff; color:var(--pfb-dark);
    font-size:1.25rem; cursor:pointer; text-decoration:none;
    transition:background .15s,color .15s,border-color .15s,transform .1s;
    user-select:none; flex-shrink:0; line-height:1;
}
.pfb-btn:hover { background:var(--pfb-gold); color:#fff; border-color:var(--pfb-gold); transform:translateY(-1px); }
.pfb-btn:active { transform:translateY(0); }
.pfb-page-info { font-family:'Cormorant Garamond',serif; font-size:1.05rem; color:#5a4a36; min-width:80px; text-align:center; }

/* Overlay plein écran (géré en JSpur, pas via l'API Fullscreen) */
.pfb-fs-overlay { font-family:'Lato',sans-serif; }
.pfb-fs-overlay canvas { border-radius:4px; box-shadow:0 8px 60px rgba(0,0,0,.8); }
.pfb-fs-controls { display:flex; align-items:center; justify-content:center; gap:.5rem; }

/* Responsive */
@media (max-width:700px) {
    .pfb-wrapper { margin:1.5rem auto; }
    .pfb-btn     { width:32px; height:32px; font-size:1rem; }
}