/*
Theme Name: Art Book Stall
Description: A polished Parisian bookstall with animated books. Published WordPress posts become books on the shelves.
Version: 1.7.2
Requires at least: 6.4
Requires PHP: 7.4
Author: Art Book Stall
Text Domain: artbookstall
*/
.book-modal{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:transparent;color:#393b33;overflow:auto;overscroll-behavior:contain}
.book-modal[open]{display:flex;align-items:center;justify-content:center}
.book-modal::backdrop{background:#25271feb;backdrop-filter:blur(8px)}
.book-modal .reader-dialog{flex-shrink:0;margin:auto;padding:18px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reader-foot a{text-decoration:underline;text-underline-offset:4px}
.reader-dialog svg,.masthead svg,.scene-caption svg{flex-shrink:0}
.skip-link{position:absolute;top:-100px;left:16px;z-index:99999;background:#fff;padding:12px}
.skip-link:focus{top:16px}
.wp-reading{max-width:780px;margin:50px auto;padding:0 24px 60px;font:19px/1.8 Georgia,serif;overflow-wrap:anywhere}
.wp-reading h1{font-size:clamp(32px,6vw,55px);line-height:1.15;font-weight:normal}
.wp-reading h2,.wp-reading h3{line-height:1.25}
.wp-reading img,.wp-reading video,.wp-reading iframe{max-width:100%;height:auto}
.wp-reading a{text-decoration:underline;text-underline-offset:3px}
.wp-reading .back-link{font:14px Arial,sans-serif}
.wp-reading .post-link{padding:28px 0;border-bottom:1px solid #ccc}
.wp-reading .post-link h2{margin:0}
.wp-reading pre{overflow:auto;font-size:15px;padding:20px;background:#f4f0e6}
.wp-reading input{font:inherit;max-width:100%}
.wp-reading .wp-caption{max-width:100%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignright{float:right;margin:0 0 16px 24px}.alignleft{float:left;margin:0 24px 16px 0}
@media(max-height:600px){.book-modal[open]{align-items:flex-start}.book-modal .reader-dialog{margin:24px auto;max-height:none!important}}

/* Each post image is a page, with its entire composition visible. */
.image-page-content{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:20px}
.book-page-figure{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;gap:12px}
.book-page-image-area{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}
.book-page-image{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.book-page-figure figcaption{flex-shrink:0;max-height:25%;overflow:auto;font:italic 14px/1.5 Georgia,serif;text-align:center;color:#625c50;overflow-wrap:anywhere}
.book-image-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:14px/1.5 Arial,sans-serif;color:#625c50;text-align:center;padding:20px}
.book-page-image.is-loading{opacity:0}
.book-page-image.is-loaded{opacity:1;transition:opacity 180ms ease}
@media(max-width:650px){.image-page-content{padding-top:18px}.book-page-figure{gap:10px}}

/* Content fills both sides of the open book, with compact page furniture. */
.reader-dialog .left-page,.reader-dialog .right-page,.reader-dialog .turn-face{padding:18px 22px;height:min(76dvh,760px);min-height:300px}
.reader-dialog .turn-face{height:100%}
.reader-dialog .page-kicker{flex-shrink:0;padding-bottom:8px;font-size:10px;line-height:14px}
.reader-dialog .page-content{padding-top:0;margin-top:12px;min-height:0;overflow:auto}
.reader-dialog .page-number{flex-shrink:0;margin-top:8px;line-height:14px;font-size:11px}
.reading-flow{display:flex;flex-direction:column;gap:12px;font:18px/1.55 Georgia,serif;overflow-wrap:anywhere}
.reading-flow p{font:inherit!important;margin:0!important;white-space:pre-wrap;flex-shrink:0;overflow-wrap:anywhere}
.reading-flow p:first-letter{float:none!important;font:inherit!important;padding:0!important;color:inherit!important}
.reading-flow .book-page-figure{flex:none;gap:6px;margin:0;min-height:0;width:100%}
.reading-flow .book-page-image-area{min-height:0;flex:1;overflow:hidden}
.flow-caption{font:italic 14px/1.4 Georgia,serif;text-align:center;color:#625c50;overflow-wrap:anywhere}
.reading-flow .book-page-figure figcaption{font:italic 14px/1.4 Georgia,serif;max-height:35%;margin:0;flex-shrink:0}
.reader-dialog .turning-page.forward .turn-back,.reader-dialog .turning-page.back .turn-back{animation:none}
.reader-controls{margin-top:18px}.reader-foot{margin-top:4px}
.reader-dialog .reader-toolbar{margin-bottom:14px}
@media(max-width:650px){.reader-dialog .right-page,.reader-dialog .turn-face{padding:14px 15px;height:73dvh;min-height:260px}.reader-dialog .turn-face{height:100%}.reader-dialog .page-content{margin-top:9px}.reading-flow{font-size:17px;line-height:1.5}.reader-controls{margin-top:14px}.reader-dialog .page-kicker{font-size:9px}.reader-dialog .reader-toolbar{margin-bottom:10px}}

.spread.single-page{display:block;max-width:560px;margin:0 auto}.spread.single-page .left-page{display:none}.spread.single-page .opening-cover,.spread.single-page .turning-page{left:0;width:100%}

.reader-dialog .page-number-left{text-align:left}.reader-dialog .page-number-right{text-align:right}

.paired-image-figure{display:flex;flex:none;flex-direction:column;width:100%;margin:0;min-height:0}
.paired-image-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center}
.paired-left .paired-image-stage{justify-content:flex-end}
.paired-right .paired-image-stage{justify-content:flex-start}
.paired-image{display:block;flex:none;max-width:none;object-fit:contain}
.paired-caption{flex:none;overflow:auto;margin:0;padding:6px 6px 0}
@media(max-width:650px) and (orientation:landscape){
 .reader-dialog .left-page,.reader-dialog .right-page,.reader-dialog .turn-face{padding:14px 15px}
 .spread:not(.single-page){display:grid;grid-template-columns:1fr 1fr}
 .spread:not(.single-page) .left-page{display:flex}
 .spread:not(.single-page) .opening-cover,.spread:not(.single-page) .turning-page{left:50%;width:50%}
}
@media(max-height:600px) and (orientation:landscape){
 .book-modal .reader-dialog{margin:0 auto;padding:8px 0}
 .reader-dialog .left-page,.reader-dialog .right-page{height:calc(100dvh - 140px);min-height:150px}
 .reader-dialog .turn-face{height:100%;min-height:150px}
 .reader-dialog .reader-toolbar{margin-bottom:8px}
 .reader-controls{margin-top:10px}
}

/* Clip complementary halves of one image at the exact centre fold. */
.full-spread-clip{position:relative;overflow:hidden;flex:none}
.full-spread-image{position:absolute;top:0}
.full-spread-left .full-spread-image{left:0}
.full-spread-right .full-spread-image{right:0}

/* Give complete-image spreads almost the entire physical page. Numbers overlay
   the bottom corners so their footer no longer reduces the image's scale. */
.reader-dialog .spread.full-image-layout .left-page,
.reader-dialog .spread.full-image-layout .turn-back{padding:3px 0 3px 3px}
.reader-dialog .spread.full-image-layout .right-page,
.reader-dialog .spread.full-image-layout .turn-front{padding:3px 3px 3px 0}
.reader-dialog .spread.full-image-layout.single-page .right-page,
.reader-dialog .spread.full-image-layout.single-page .turn-front{padding:3px}
.reader-dialog .spread.full-image-layout .page-kicker{display:none}
.reader-dialog .spread.full-image-layout .page-content{margin-top:0}
.reader-dialog .spread.full-image-layout .page-number{position:absolute;bottom:8px;z-index:2;margin:0;padding:2px 4px;border-radius:2px;background:#f8f2e5d9;color:#393b33;pointer-events:none}
.reader-dialog .spread.full-image-layout .page-number-left{left:8px}
.reader-dialog .spread.full-image-layout .page-number-right{right:8px}

/* Match the first complete image's proportions instead of a fixed book box. */
.book-modal .reader-dialog.image-reader[data-slot=dialog-content]{width:calc(100vw - 40px);max-width:1600px!important;margin:auto;padding:8px 0;max-height:none}
.reader-dialog .spread.full-image-layout{margin:0 auto;max-width:100%}
.reader-dialog .spread.full-image-layout.single-page{max-width:100%}
.reader-dialog.image-reader .spread.full-image-layout .left-page,
.reader-dialog.image-reader .spread.full-image-layout .right-page{height:var(--fitted-page-height);min-height:0}
.reader-dialog.image-reader .spread.full-image-layout .turn-face{height:100%;min-height:0}
@media(max-width:650px) and (orientation:portrait){.book-modal .reader-dialog.image-reader[data-slot=dialog-content]{width:calc(100vw - 24px)}}