/* OriginalBibles 3.5.1.3: Dedicated historic Bible reader page layout.
   Only applies to single posts containing the existing [flipbook] shortcode. */
.ob-reader-page {max-width:100%;margin:22px auto 44px;}
.ob-reader-page #primary,.ob-reader-page .content-area {width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:0 15px!important;}
.ob-reader-page #main,.ob-reader-page .ob-reader-entry {width:100%;max-width:100%;}
.ob-reader-page .ob-reader-entry .entry-content-wrap {border-radius:22px;padding:clamp(20px,3.2vw,50px);background:#fff;box-shadow:0 15px 55px rgba(16,35,59,.07);}
.ob-reader-page .ob-reading-breadcrumb {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 28px;padding:0;font:600 13px/1.5 var(--ob-font);color:#738196;}
.ob-reader-page .ob-reading-breadcrumb a {color:#315a7a;text-decoration:none;}
.ob-reader-page .ob-reading-breadcrumb a:hover{text-decoration:underline;}
.ob-reader-page .ob-reading-breadcrumb [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65ch;}
.ob-reader-page .ob-reading-hero {padding:clamp(24px,4vw,44px);border-radius:20px;background:linear-gradient(114deg,#f8f9fc,#eef3f7);border:1px solid #e6ebf2;position:relative;overflow:hidden;}
.ob-reader-page .ob-reading-hero:before{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-90px;border:1px solid rgba(173,142,88,.28);border-radius:100%;box-shadow:0 0 0 26px rgba(173,142,88,.035),0 0 0 54px rgba(173,142,88,.03);pointer-events:none;}
.ob-reader-page .ob-reading-overline{font:800 11px/1.5 var(--ob-font);letter-spacing:.16em;text-transform:uppercase;color:#946e35;margin-bottom:14px;display:flex;gap:9px;align-items:center;}
.ob-reader-page .ob-reading-mark{font-size:17px;color:#b28b53;line-height:1;}
.ob-reader-page .ob-reading-hero .entry-header{margin:0;position:relative;display:flex;gap:26px;justify-content:space-between;align-items:center;}
.ob-reader-page .ob-reading-hero .header-details-wrapper{flex:1;min-width:0;}
.ob-reader-page .ob-reading-hero .entry-title{font-family:var(--ob-font);font-weight:780;color:#15283f;font-size:clamp(32px,4.4vw,58px);line-height:1.12;max-width:770px;margin:14px 0 8px;letter-spacing:-.048em;}
.ob-reader-page .ob-reading-hero .figure-categories{margin:0;}
.ob-reader-page .ob-reading-hero .figure-categories .cat-links{display:flex;gap:5px;flex-wrap:wrap;}
.ob-reader-page .ob-reading-hero .figure-categories .cat-links a.covernews-categories{background:#e2eaf3;color:#385974;border-radius:100px;padding:4px 9px;font-size:10px;}
.ob-reader-page .ob-reading-hero .post-item-metadata,.ob-reader-page .ob-reading-hero .entry-meta{display:none;}
.ob-reader-page .ob-reading-hero .post-excerpt{font-size:15px;color:#596c80;max-width:700px;}
.ob-reader-page .ob-reading-hero .aft-post-thumbnail-wrapper{flex:0 0 145px;max-width:145px;margin:0;align-self:center;}
.ob-reader-page .ob-reading-hero .aft-post-thumbnail-wrapper img{max-height:205px;object-fit:contain;width:100%;border-radius:10px;border:1px solid #e0e5ec;box-shadow:0 8px 20px rgba(18,35,55,.1);}
.ob-reader-page .ob-reading-summary{font:400 clamp(14px,1.4vw,16px)/1.7 var(--ob-font);color:#5a6c7e;max-width:720px;margin:12px 0 0;position:relative;}
.ob-reader-page .ob-reader-section{padding-top:35px;}
.ob-reader-page .ob-reader-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #e5ebf1;padding:0 0 24px;margin-bottom:27px;}
.ob-reader-page .ob-reader-small-label{display:block;font:800 10px/1.5 var(--ob-font);letter-spacing:.19em;color:#9a793f;margin:0 0 9px;}
.ob-reader-page .ob-reader-section-head h2{font:780 clamp(23px,2.5vw,34px)/1.18 var(--ob-font);letter-spacing:-.04em;color:#1b2d43;margin:0 0 8px;}
.ob-reader-page .ob-reader-section-head p{color:#61738a;font:400 14px/1.6 var(--ob-font);margin:0;}
.ob-reader-page .ob-reader-live-label{white-space:nowrap;color:#3b6a58;border-radius:100px;border:1px solid #deede4;background:#f0f8f2;padding:8px 13px;font:750 11px/1.2 var(--ob-font);}
.ob-reader-page .ob-reader-live-label span{font-size:10px;color:#50a16f;margin-right:6px;}
/* The original shortcode remains operational; style only its rendered controls. */
.ob-reader-page #flipbook-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 13px;min-height:76px;background:#f4f7fa;border:1px solid #e3e9f1;border-radius:14px;padding:16px 18px;margin:0 0 17px!important;text-align:left!important;font:700 12px/1.45 var(--ob-font);color:#40556b;}
.ob-reader-page #flipbook-controls label{font:700 12px/1.45 var(--ob-font);color:#485e73;margin:0!important;white-space:normal;}
.ob-reader-page #flipbook-controls label[style]{margin-left:0!important;}
.ob-reader-page #flipbook-controls select{font:650 13px/1.2 var(--ob-font)!important;color:#24455f;min-height:40px;padding:6px 24px 6px 10px!important;background:#fff;border:1px solid #d6e1ea;border-radius:8px;max-width:160px;}
.ob-reader-page #flipbook-controls label:has(input[type=checkbox]){background:#fff;border:1px solid #dce5ee;padding:8px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;cursor:pointer;}
.ob-reader-page #flipbook-controls input[type=checkbox]{width:16px;height:16px;accent-color:#1f577d;margin:0;}
.ob-reader-page #flipbook-viewer{background:#f7f8fa;border:1px solid #e5e8ed;border-radius:15px;padding:15px 15px 24px;min-width:0;text-align:center!important;}
.ob-reader-page #flipbook-viewer>div:first-child{display:flex;justify-content:flex-end;margin:0 0 10px!important;}
.ob-reader-page #flipbook-viewer>div:nth-child(2){display:flex;gap:10px;justify-content:center;margin:12px 0!important;}
.ob-reader-page #flipbook-viewer>div:last-child{display:flex;gap:10px;justify-content:center;margin:16px 0 0!important;}
.ob-reader-page #flipbook-viewer button{font:760 13px/1.3 var(--ob-font)!important;background:#193e5e;color:#fff;padding:11px 21px!important;min-height:42px;border-radius:9px;border:0;box-shadow:0 3px 9px rgba(21,47,72,.12);margin:0!important;}
.ob-reader-page #flipbook-viewer button:hover{background:#235b86;}
.ob-reader-page #flipbook-viewer>div:first-child button{background:#fff;color:#2b516d;border:1px solid #d8e2ec;box-shadow:none;}
.ob-reader-page #flipbook-viewer>div:first-child button:hover{background:#e6f0f6;}
.ob-reader-page #flipbook-viewer .ob-reader-spread{display:flex;align-items:flex-start;justify-content:center;gap:12px;overflow-x:auto;scrollbar-width:thin;padding:18px 4px 20px;background:#e9e4dc;border:1px solid #ded7ca;border-radius:10px;min-height:340px;}
.ob-reader-page .ob-reader-spread canvas{flex:0 0 auto;min-width:0;width:calc(50% - 13px)!important;max-width:calc(50% - 13px)!important;height:auto!important;margin:0!important;box-shadow:0 9px 23px rgba(26,29,34,.2)!important;border-radius:2px;transform-origin:center;transition:transform .3s;}
.ob-reader-page #flipbook-viewer[data-page-count="4"] .ob-reader-spread canvas{width:calc(25% - 11px)!important;max-width:calc(25% - 11px)!important;}
.ob-reader-page #flipbook-viewer[data-page-count="8"] .ob-reader-spread canvas{width:calc(12.5% - 11px)!important;max-width:calc(12.5% - 11px)!important;}
.ob-reader-page #flipbook-viewer .ob-reader-status{font:700 12px/1.45 var(--ob-font);color:#667a90;margin:8px 0 12px;}
.ob-reader-page .entry-content{max-width:none;line-height:1.65;font-size:16px;}
.ob-reader-page .entry-content>.post-item-metadata{margin-top:30px;padding-top:24px;border-top:1px solid #e2e8f0;}
.ob-reader-page .entry-content .post-navigation{margin-top:22px;padding-top:12px;}
.ob-reader-page .entry-content .post-navigation .nav-links{border-color:#e5eaf0;}
.ob-reader-page .ob-reader-entry>.related-posts,.ob-reader-page .ob-reader-entry>#comments{margin-top:32px;}
.ob-reader-page :where(button,input,select,a):focus-visible{outline:3px solid #bb945b!important;outline-offset:3px;}
@media(max-width:800px){
 .ob-reader-page .ob-reading-hero{padding:24px;}
 .ob-reader-page .ob-reading-hero .entry-header{align-items:start;}
 .ob-reader-page .ob-reading-hero .aft-post-thumbnail-wrapper{flex-basis:105px;max-width:105px;}
 .ob-reader-page .ob-reader-live-label{display:none;}
 .ob-reader-page #flipbook-controls{justify-content:flex-start;}
 .ob-reader-page #flipbook-viewer .ob-reader-spread{justify-content:flex-start;}
 .ob-reader-page .ob-reader-spread canvas{width:min(82vw,430px)!important;max-width:min(82vw,430px)!important;}
 .ob-reader-page #flipbook-viewer[data-page-count="4"] .ob-reader-spread canvas,
 .ob-reader-page #flipbook-viewer[data-page-count="8"] .ob-reader-spread canvas{width:min(70vw,360px)!important;max-width:min(70vw,360px)!important;}
}
@media(max-width:540px){
 .ob-reader-page{margin-top:10px;}
 .ob-reader-page #primary{padding:0 8px!important;}
 .ob-reader-page .ob-reader-entry .entry-content-wrap{padding:15px;border-radius:13px;}
 .ob-reader-page .ob-reading-hero{padding:22px 18px;}
 .ob-reader-page .ob-reading-hero .entry-header{display:block;}
 .ob-reader-page .ob-reading-hero .aft-post-thumbnail-wrapper{display:none;}
 .ob-reader-page .ob-reading-hero .entry-title{font-size:clamp(31px,8vw,42px);}
 .ob-reader-page .ob-reading-breadcrumb{font-size:11px;gap:7px;margin-bottom:16px;}
 .ob-reader-page #flipbook-controls{padding:12px;gap:7px 9px;}
 .ob-reader-page #flipbook-controls label:has(input[type=checkbox]){width:100%;}
 .ob-reader-page #flipbook-viewer{padding:8px;}
 .ob-reader-page #flipbook-viewer .ob-reader-spread{min-height:300px;}
 .ob-reader-page #flipbook-viewer button{padding:10px 17px!important;}
}

.ob-reader-page .ob-reader-swipe-hint{display:none;font:650 12px/1.4 var(--ob-font);color:#697d90;margin:9px 0 0;text-align:center;}
@media(max-width:800px){.ob-reader-page .ob-reader-swipe-hint{display:block;}}

/* v3.5.1.6: PDF Zoom now controls visible canvas dimensions as well as
   rendering resolution. Inline important width is set for each zoom level;
   overflow pages align left so their left edges cannot be clipped. */
.ob-reader-page .ob-reader-spread.ob-reader-zoom-overflow { justify-content:flex-start!important; }
.ob-reader-page #flipbook-controls .ob-zoom-indicator {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:51px; padding:6px 9px; border-radius:7px;
  background:#e4edf6; color:#244e72; font:750 12px/1.3 var(--ob-font);
}