/*
Theme Name: Newsroom Live Customer
Theme URI: https://studio.btvodia.com
Author: B TV
Description: Customer news portal based on the NewsDesk editorial layout, with integrated Live, Breaking and Infographics and native Newsroom Studio syncing. No newsroom plugins required.
Version: 1.2.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: newsroom-live-customer
*/
:root{--nrcl-ink:#111827;--nrcl-border:#e5e8ee;--nrcl-muted:#657282;--nrcl-yellow:#f3ac00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--nrcl-ink);font-family:Arial,"Noto Sans Oriya",system-ui,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px;white-space:nowrap}.nrcl-notice{padding:16px;background:#ffedcc;border:1px solid #ffca75;border-radius:10px}.nrcl-editor{min-width:0}.nrcl-editor .dvld-wrap{max-width:none!important;margin:0!important;padding:0!important}.nrcl-login{max-width:430px;margin:40px auto;background:#fff;border:1px solid var(--nrcl-border);border-radius:15px;padding:30px;box-shadow:0 8px 30px #0a243015}.nrcl-login h1{margin:0 0 20px}.nrcl-login label{display:block;margin-top:12px;font-weight:700}.nrcl-login input:not([type=checkbox]){width:100%;padding:12px;border-radius:8px;border:1px solid #cfd8e0}.nrcl-login #wp-submit{padding:10px 20px;border:0;border-radius:7px;background:#00805e;color:white;margin-top:16px}.nrcl-login p{margin:10px 0}.nrcl-content-card,.nrcl-workspace{padding:22px;border:1px solid var(--nrcl-border);border-radius:14px;background:white;min-width:0}.nrcl-content-card>h1{margin-top:0}.nrcl-infographics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.nrcl-graphic-card{padding:12px;border:1px solid var(--nrcl-border);border-radius:11px;overflow:hidden;min-width:0}.nrcl-graphic-card > img{width:100%;object-fit:cover;aspect-ratio:16/9}.nrcl-graphic-card strong{display:block;font-size:14px;margin-top:7px}

/* v1.1.4: Customer infographics and editorial navigation fixes. */
.nrcl-infographics-shell{max-width:100%;min-width:0}
.nrcl-graphics-controls{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:12px;font-size:13px;color:#475569}
.nrcl-graphics-controls button{border:1px solid #d5dce4;border-radius:9px;background:#fff;color:#111827;min-width:40px;min-height:38px;font-size:25px;cursor:pointer}
.nrcl-graphics-controls button:hover{background:#f1f5f9}
.nrcl-news-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:26px auto 8px}
.nrcl-news-pagination .page-numbers{border:1px solid #dce3e9;border-radius:7px;padding:9px 12px;background:white;font-size:13px;font-weight:700}
.nrcl-news-pagination .current{background:#132d42;color:white;border-color:#132d42}
.nrcl-graphics-section .nrcl-infographics{align-items:stretch}
.nrcl-infographics .nrcl-graphic-card{min-width:0;overflow:hidden}
@media(max-width:700px){
  /* Reorder only on phones; desktop continues lead / breaking / categories. */
  .nrcl-news-home .nrcl-three-columns>.nrcl-middle-col{order:1}
  .nrcl-news-home .nrcl-three-columns>.nrcl-lead-col{order:2}
  .nrcl-news-home .nrcl-three-columns>.nrcl-right-col{order:3}
  .nrcl-infographics{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;}
  .nrcl-infographics::-webkit-scrollbar{display:none}
  .nrcl-infographics .nrcl-graphic-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;width:100%;margin:0;padding:10px;box-sizing:border-box}
  .nrcl-graphics-controls{margin-top:9px}
  .nrcl-graphics-empty{font-size:13px}
}

/* v1.1.5: compact infographic carousel. Restrict each visual to a
 * news-card-sized viewport instead of stretching one image across the page. */
.nrcl-graphics-section .nrcl-infographics,
.nrcl-content-card .nrcl-infographics{
  display:flex!important;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  max-width:100%;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scroll-padding-inline:2px;
  -webkit-overflow-scrolling:touch;
}
.nrcl-infographics .nrcl-graphic-card{
  flex:0 0 290px;
  width:290px;
  max-width:calc(100% - 2px);
  min-width:0;
  scroll-snap-align:start;
  border-radius:10px;
  padding:10px;
  box-sizing:border-box;
}
.nrcl-infographics .nrcl-graphic-card>.dvld-infographic-artwork{
  width:100%;max-width:100%;margin:0 auto;
}
.nrcl-infographics .nrcl-graphic-card strong{
  font-size:13px;
  line-height:1.35;
  padding:3px 2px;
  overflow-wrap:anywhere;
}
@media(max-width:700px){
 .nrcl-graphics-section .nrcl-infographics,
 .nrcl-content-card .nrcl-infographics{gap:10px;scrollbar-width:none;}
 .nrcl-graphics-section .nrcl-infographics::-webkit-scrollbar,
 .nrcl-content-card .nrcl-infographics::-webkit-scrollbar{display:none;}
 .nrcl-infographics .nrcl-graphic-card{
   flex:0 0 min(88%,325px);
   width:min(88%,325px);
   max-width:calc(100% - 2px);
   margin:0;
 }
}
/* On larger screens use a bounded multi-card grid rather than oversized
   slides. Carousel auto/manual navigation remains mobile-only. */
@media(min-width:701px){
 .nrcl-graphics-section .nrcl-infographics,
 .nrcl-content-card .nrcl-infographics{
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr));
   align-items:start;
   overflow:visible;
 }
 .nrcl-infographics .nrcl-graphic-card{
   flex:none;
   width:100%;
   max-width:300px;
 }
 .nrcl-graphics-controls{display:none;}
}
@media(min-width:701px) and (max-width:1100px){
 .nrcl-graphics-section .nrcl-infographics,
 .nrcl-content-card .nrcl-infographics{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* 1.1.8 Frontend login, articles, footer */
.nrcl-login-page{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:35px 15px;background:radial-gradient(circle at 20% 10%,#dceafc,#f7f9ff 65%)}
.nrcl-login-page .nrcl-login{margin:0;width:min(440px,100%);border:1px solid #dce4ef;box-shadow:0 18px 55px #102e5833;padding:30px}
.nrcl-login-brand{display:flex;justify-content:center;align-items:center;min-height:76px;margin-bottom:12px}
.nrcl-login-brand img{width:auto;height:auto;max-width:180px;max-height:95px;object-fit:contain}
.nrcl-login-page h1{text-align:center;font-size:30px;margin:0 0 8px}
.nrcl-login-intro{text-align:center;color:#64748b;margin-bottom:20px!important}
.nrcl-login-help{text-align:center}.nrcl-login-help a{color:#0868b7}
.nrcl-login-page .nrcl-login #wp-submit{display:block;width:100%;padding:13px 20px;background:#0c4180;font-weight:800;cursor:pointer}
.nrcl-blog-editor{max-width:850px;margin:30px auto}.nrcl-blog-editor form{display:flex;flex-direction:column;gap:11px}.nrcl-blog-editor label{font-weight:750;margin-top:7px}
.nrcl-blog-editor input,.nrcl-blog-editor textarea,.nrcl-blog-editor select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#111}
.nrcl-blog-editor button{align-self:flex-start;margin-top:16px;padding:12px 22px;background:#047857;color:white;font-weight:800;border:0;border-radius:8px;cursor:pointer}
.nrcl-footer{background:var(--nrcl-footer-bg,#f8fafc)!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px max(22px,calc((100vw - 1200px)/2));}
.nrcl-footer nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.nrcl-footer nav a:hover{text-decoration:underline}
.nrcl-footer nav ul{display:contents;list-style:none}
.nrcl-footer nav li{list-style:none}
/* Latest 10 infographics scroll automatically, with manual drag/swipe and buttons at every width. */
@media(min-width:701px){
 .nrcl-graphics-section .nrcl-infographics,.nrcl-content-card .nrcl-infographics{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;}
 .nrcl-infographics .nrcl-graphic-card{flex:0 0 clamp(185px,23%,290px);width:clamp(185px,23%,290px);max-width:none}
 .nrcl-graphics-controls{display:flex}
}
@media(max-width:700px){.nrcl-footer{padding:19px 13px;justify-content:center;text-align:center}.nrcl-footer nav{justify-content:center}.nrcl-blog-editor{margin:10px}}
