/*
Theme Name: Protidiner Kontho ePaper
Theme URI: https://example.com
Author: Your Newspaper
Description: একটি ক্লাসিক (নন-ব্লক) ওয়ার্ডপ্রেস থিম, দৈনিক ই-পেপার সংস্করণ প্রকাশের জন্য। Classic Editor ও Classic Widgets প্লাগইনের সাথে সম্পূর্ণ সামঞ্জস্যপূর্ণ।
Version: 1.0
Requires PHP: 7.4
Text Domain: protidiner-kontho
*/

:root{
  --paper:#ECE6D6;
  --paper-dark:#DED5BE;
  --ink:#1C1A16;
  --ink-soft:#4A443A;
  --maroon:#7E1F32;
  --maroon-deep:#5C1524;
  --gold:#B8912E;
  --rule:#B8AF98;
  --white:#FBF9F2;
  --shadow: 0 10px 30px rgba(28,26,22,.18);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Noto Sans Bengali','Noto Serif Bengali',serif;
}
a{color:inherit;}
::selection{background:var(--gold); color:var(--white);}

.util-bar{
  background:var(--ink); color:var(--paper); font-family:'JetBrains Mono',monospace;
  font-size:11px; letter-spacing:.04em; display:flex; justify-content:space-between;
  align-items:center; padding:6px 20px;
}
.util-bar .edition-badge{ background:var(--maroon); color:var(--white); padding:2px 10px; border-radius:2px; font-weight:600;}

.masthead{ background:var(--paper); border-bottom:4px double var(--ink); padding:22px 20px 14px; text-align:center;}
.masthead .eyebrow{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.25em; text-transform:uppercase; color:var(--maroon-deep); margin-bottom:6px;}
.masthead h1{ font-family:'Noto Serif Bengali', serif; font-weight:900; font-size:clamp(34px,7vw,64px); margin:0;}
.masthead h1 a{text-decoration:none; color:inherit;}
.masthead .tagline{ font-family:'Tiro Bangla', serif; font-style:italic; font-size:14px; color:var(--ink-soft); margin-top:6px;}
.masthead-meta{ display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:12px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-soft);}
.masthead-meta b{color:var(--ink);}

nav.main-nav{ background:var(--maroon); display:flex; justify-content:center; flex-wrap:wrap; box-shadow:var(--shadow);}
nav.main-nav ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center;}
nav.main-nav a{ color:var(--white); text-decoration:none; font-size:14px; font-weight:600; padding:12px 18px; display:block; border-right:1px solid rgba(255,255,255,.15);}
nav.main-nav a:hover{ background:var(--maroon-deep);}

.layout{ max-width:1280px; margin:0 auto; padding:22px 18px 60px; display:grid; grid-template-columns:260px 1fr; gap:22px;}
@media(max-width:980px){ .layout{grid-template-columns:1fr;} .side-left{order:2;} .viewer-col{order:1;} }
.thumb-grid{grid-template-columns:1fr 1fr;}

.panel{ background:var(--white); border:1px solid var(--rule); box-shadow:var(--shadow); margin-bottom:18px;}
.panel-title{ font-family:'Noto Serif Bengali',serif; font-weight:700; font-size:14px; background:var(--ink); color:var(--paper); padding:9px 14px;}

.archive-controls{padding:14px;}
.archive-controls label{display:block; font-size:11px; color:var(--ink-soft); margin-bottom:4px; font-family:'JetBrains Mono',monospace;}
.archive-controls input[type=date]{width:100%; padding:8px; border:1px solid var(--rule); background:var(--paper); font-family:'JetBrains Mono',monospace; font-size:13px;}
.archive-controls button{margin-top:10px; width:100%; padding:9px; background:var(--maroon); color:var(--white); border:none; font-weight:700; cursor:pointer;}
.archive-controls button:hover{background:var(--maroon-deep);}

.recent-list{list-style:none; margin:0; padding:0;}
.recent-list li{padding:9px 14px; border-top:1px solid var(--rule); font-size:12.5px;}
.recent-list li a{ display:flex; justify-content:space-between; text-decoration:none; color:var(--ink-soft);}
.recent-list li a:hover{color:var(--maroon);}
.recent-list li.active a{color:var(--maroon); font-weight:700;}

.section-pills{padding:12px 14px; display:flex; flex-wrap:wrap; gap:6px;}
.section-pills a{ border:1px solid var(--rule); background:var(--paper); padding:5px 10px; font-size:12px; color:var(--ink-soft); text-decoration:none;}
.section-pills a.active{background:var(--gold); border-color:var(--gold); color:var(--white); font-weight:600;}

.viewer-col .panel{overflow:hidden;}
.viewer-toolbar{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:var(--paper-dark); border-bottom:1px solid var(--rule); flex-wrap:wrap; gap:8px;}
.viewer-toolbar .page-indicator{font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:600;}
.viewer-toolbar .tools{display:flex; gap:6px; align-items:center;}
.viewer-toolbar button{background:var(--white); border:1px solid var(--rule); width:32px; height:32px; cursor:pointer; font-size:15px;}
.viewer-toolbar button:hover{background:var(--gold); color:var(--white); border-color:var(--gold);}
.viewer-toolbar .zoom-label{font-family:'JetBrains Mono',monospace; font-size:12px; width:44px; text-align:center;}

.page-stage{ background:#3a352c; padding:26px; display:flex; justify-content:center; overflow:auto; min-height:70vh;}
.paper-sheet{ background:var(--white); width:640px; max-width:100%; box-shadow:0 18px 40px rgba(0,0,0,.45); transform-origin:top center; transition:transform .15s ease; flex-shrink:0;}
.paper-sheet img{width:100%; display:block;}
.paper-sheet .no-image{padding:60px 20px; text-align:center; color:var(--ink-soft); font-family:'JetBrains Mono',monospace; font-size:13px;}

.thumb-grid{padding:12px; display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.thumb{ text-decoration:none; display:block; border:2px solid transparent; background:var(--paper); padding:6px; text-align:center;}
.thumb.active{border-color:var(--maroon);}
.thumb-face{background:var(--white); height:86px; border:1px solid var(--rule); margin-bottom:5px; overflow:hidden;}
.thumb-face img{width:100%; height:100%; object-fit:cover;}
.thumb span{font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ink-soft);}

.stamp{ margin:14px auto; border:2px solid var(--maroon); border-radius:50%; width:92px; height:92px; display:flex; align-items:center; justify-content:center; flex-direction:column; transform:rotate(-8deg); color:var(--maroon); text-align:center; font-family:'JetBrains Mono',monospace; font-size:9px;}
.stamp b{font-size:15px; display:block; font-family:'Noto Serif Bengali',serif;}

.widget-area{padding:14px;}
.widget-area .widget{margin-bottom:18px; font-size:13px;}
.widget-area .widget_title{font-family:'Noto Serif Bengali',serif; font-weight:700; font-size:14px; border-bottom:2px solid var(--gold); padding-bottom:6px; margin-bottom:8px;}

footer.site-footer{ background:var(--ink); color:var(--paper); text-align:center; padding:26px 18px; font-size:12px; font-family:'JetBrains Mono',monospace;}
footer.site-footer .cols{display:flex; justify-content:center; gap:34px; flex-wrap:wrap; margin-bottom:14px; text-align:left;}
footer.site-footer h4{color:var(--gold); font-size:11px; letter-spacing:.1em; margin:0 0 8px;}
footer.site-footer a{color:var(--paper); opacity:.75; text-decoration:none; display:block; margin-bottom:5px; font-size:11.5px;}
footer.site-footer a:hover{opacity:1; color:var(--gold);}
footer.site-footer .rule{border:none; border-top:1px solid #3a352c; margin:16px auto; max-width:1280px;}

.entry-content{background:var(--white); padding:20px; border:1px solid var(--rule);}
.entry-content img{max-width:100%; height:auto;}