/*
Theme Name: HelloBD ePaper Pro
Theme URI: https://www.hellobdnewz.com/
Author: HelloBD Newz
Description: A fast, mobile-first WordPress ePaper theme with PDF edition publishing, date archives, page thumbnails, zoom/fullscreen controls and newspaper-style branding.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hellobd-epaper
*/

:root{--ep-bg:#f4f5f7;--ep-card:#fff;--ep-text:#172033;--ep-muted:#667085;--ep-accent:#b3131b;--ep-dark:#101828;--ep-line:#e5e7eb;--ep-radius:14px;--ep-shadow:0 8px 26px rgba(16,24,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ep-bg);color:var(--ep-text);font-family:system-ui,-apple-system,"Noto Sans Telugu","Noto Sans",Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.ep-container{width:min(1280px,calc(100% - 28px));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}.ep-site-header{background:#fff;border-bottom:1px solid var(--ep-line);position:sticky;top:0;z-index:50}.ep-topbar{background:var(--ep-dark);color:#fff;font-size:13px}.ep-topbar .ep-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ep-social{display:flex;gap:14px}.ep-brand-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:15px 0}.ep-logo-wrap{text-align:center}.ep-logo-wrap img{max-height:70px;width:auto}.ep-site-title{font-size:clamp(27px,4vw,46px);font-weight:900;letter-spacing:-.03em}.ep-site-tagline{font-size:12px;color:var(--ep-muted);margin-top:2px}.ep-header-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.ep-btn,.ep-icon-btn{appearance:none;border:1px solid var(--ep-line);background:#fff;color:var(--ep-text);border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.2s}.ep-btn:hover,.ep-icon-btn:hover{border-color:var(--ep-accent);color:var(--ep-accent)}.ep-btn-primary{background:var(--ep-accent);color:#fff;border-color:var(--ep-accent)}.ep-btn-primary:hover{color:#fff;filter:brightness(.95)}.ep-menu{background:#fff;border-top:1px solid var(--ep-line)}.ep-menu ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:8px;overflow:auto}.ep-menu a{display:block;padding:10px 13px;font-size:14px;font-weight:700;white-space:nowrap}.ep-menu a:hover{color:var(--ep-accent)}.ep-ad{margin:14px auto;text-align:center;min-height:1px}.ep-ad>*{max-width:100%}.ep-main{padding:18px 0 32px}.ep-viewer-shell{background:var(--ep-card);border:1px solid var(--ep-line);border-radius:var(--ep-radius);box-shadow:var(--ep-shadow);overflow:hidden}.ep-viewer-head{padding:13px 15px;border-bottom:1px solid var(--ep-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ep-edition-title{font-weight:850;font-size:16px}.ep-edition-meta{color:var(--ep-muted);font-size:13px;margin-top:2px}.ep-toolbar{padding:10px 12px;background:#f9fafb;border-bottom:1px solid var(--ep-line);display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;position:sticky;top:105px;z-index:30}.ep-toolbar .ep-page-label{font-size:13px;font-weight:800;min-width:98px;text-align:center}.ep-zoom-label{font-size:12px;color:var(--ep-muted);min-width:42px;text-align:center}.ep-viewer-layout{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:600px;background:#dfe3e8}.ep-thumbs{background:#20262f;padding:12px;overflow-y:auto;max-height:calc(100vh - 180px)}.ep-thumb{display:block;width:100%;border:2px solid transparent;border-radius:7px;padding:4px;margin:0 0 10px;background:#fff;cursor:pointer;position:relative}.ep-thumb.is-active{border-color:#ffce3a;box-shadow:0 0 0 2px rgba(255,206,58,.25)}.ep-thumb canvas{display:block;width:100%;height:auto}.ep-thumb-num{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.75);color:#fff;border-radius:999px;font-size:11px;padding:2px 7px}.ep-stage{overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:18px;min-width:0;max-height:calc(100vh - 180px)}.ep-canvas-wrap{background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.18);line-height:0}.ep-canvas-wrap canvas{display:block;max-width:none}.ep-loading{padding:60px 20px;text-align:center;color:var(--ep-muted)}.ep-error{padding:30px;margin:20px;background:#fff2f2;border:1px solid #ffc9c9;border-radius:12px;color:#8b1b1b;line-height:1.7}.ep-mobile-thumbs-toggle{display:none}.ep-archive-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.ep-page-title{font-size:clamp(26px,3vw,38px);margin:0;font-weight:900}.ep-filters{display:flex;gap:9px;flex-wrap:wrap}.ep-input,.ep-select{border:1px solid var(--ep-line);background:#fff;border-radius:9px;padding:9px 11px;min-height:40px}.ep-edition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ep-edition-card{background:#fff;border:1px solid var(--ep-line);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(16,24,40,.05);transition:.2s}.ep-edition-card:hover{transform:translateY(-3px);box-shadow:var(--ep-shadow)}.ep-cover{aspect-ratio:3/4;background:#e9edf2;overflow:hidden}.ep-cover img{width:100%;height:100%;object-fit:cover}.ep-cover-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:18px;color:var(--ep-muted);font-weight:800}.ep-card-body{padding:13px}.ep-card-date{font-weight:850}.ep-card-region{font-size:12px;color:var(--ep-muted);margin-top:3px}.ep-card-actions{display:flex;gap:8px;margin-top:11px}.ep-pagination{margin-top:24px}.ep-pagination .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.ep-pagination .page-numbers{background:#fff;border:1px solid var(--ep-line);padding:7px 11px;border-radius:8px}.ep-pagination .current{background:var(--ep-accent);border-color:var(--ep-accent);color:#fff}.ep-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:36px;text-align:center}.ep-footer{background:var(--ep-dark);color:#d0d5dd;padding:26px 0}.ep-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ep-footer-menu ul{display:flex;gap:14px;list-style:none;padding:0;margin:0}.ep-footer a:hover{color:#fff}.ep-date-jump{display:flex;gap:7px;align-items:center}.ep-badge{display:inline-block;border-radius:999px;background:#fff0f0;color:var(--ep-accent);padding:4px 9px;font-size:11px;font-weight:800}.ep-fullscreen:fullscreen{background:#161b22;padding:0}.ep-fullscreen:fullscreen .ep-viewer-layout{height:calc(100vh - 58px)}.ep-fullscreen:fullscreen .ep-stage,.ep-fullscreen:fullscreen .ep-thumbs{max-height:calc(100vh - 58px)}.ep-fullscreen:fullscreen .ep-toolbar{top:0}.ep-noscript{background:#fff3cd;padding:16px;border-radius:10px;margin:15px}
@media(max-width:1000px){.ep-edition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-brand-row{grid-template-columns:1fr auto}.ep-brand-spacer{display:none}.ep-logo-wrap{text-align:left}.ep-header-actions{justify-content:end}.ep-site-tagline{display:none}}
@media(max-width:760px){.ep-container{width:min(100% - 18px,1280px)}.ep-topbar{display:none}.ep-site-header{position:relative}.ep-brand-row{padding:10px 0;grid-template-columns:1fr auto}.ep-logo-wrap img{max-height:50px}.ep-site-title{font-size:25px}.ep-header-actions .ep-btn span{display:none}.ep-menu{display:none}.ep-main{padding-top:9px}.ep-viewer-shell{border-radius:9px}.ep-viewer-head{padding:10px}.ep-toolbar{position:sticky;top:0;padding:7px 6px;gap:5px}.ep-icon-btn{padding:8px 9px}.ep-viewer-layout{grid-template-columns:1fr;min-height:420px}.ep-thumbs{display:none;position:absolute;left:0;right:0;z-index:35;max-height:52vh;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.ep-thumbs.is-open{display:grid}.ep-thumb{margin:0}.ep-stage{padding:8px;max-height:calc(100vh - 160px);justify-content:flex-start}.ep-mobile-thumbs-toggle{display:inline-flex}.ep-edition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ep-archive-head{align-items:stretch}.ep-filters{width:100%}.ep-input,.ep-select{flex:1;min-width:120px}.ep-footer-inner{justify-content:center;text-align:center}.ep-footer-menu{width:100%}.ep-footer-menu ul{justify-content:center;flex-wrap:wrap}}
@media(max-width:430px){.ep-edition-grid{grid-template-columns:1fr 1fr}.ep-card-body{padding:10px}.ep-card-actions .ep-btn{padding:7px 9px;font-size:12px}.ep-viewer-head{align-items:flex-start}.ep-viewer-head .ep-date-jump{width:100%}.ep-viewer-head .ep-input{width:100%}.ep-toolbar .ep-page-label{min-width:74px}}
