/* NViNiO News Modern UI v2.0
 * Progressive visual layer: keeps the existing theme engine intact.
 */
:root{
  --nv-bg:#f5f7fb;
  --nv-surface:#ffffff;
  --nv-surface-2:#f8fafc;
  --nv-text:#111827;
  --nv-muted:#687386;
  --nv-border:#e7ebf1;
  --nv-brand:#d62839;
  --nv-brand-2:#ff5364;
  --nv-shadow:0 12px 40px rgba(15,23,42,.08);
  --nv-shadow-soft:0 6px 22px rgba(15,23,42,.06);
  --nv-radius:18px;
  --nv-radius-sm:12px;
  --nv-header:74px;
  --nv-code:#0d1117;
}
html[data-theme="dark"]{
  --nv-bg:#0b1016;
  --nv-surface:#111821;
  --nv-surface-2:#161f2b;
  --nv-text:#edf2f7;
  --nv-muted:#9aa8b8;
  --nv-border:#273241;
  --nv-shadow:0 18px 55px rgba(0,0,0,.35);
  --nv-shadow-soft:0 8px 26px rgba(0,0,0,.26);
  --nv-code:#080b10;
}
html{scroll-behavior:smooth}
body{
  background:var(--nv-bg)!important;
  color:var(--nv-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  padding-top:var(--nv-header)!important;
  transition:background-color .25s ease,color .25s ease;
}
body::selection{background:rgba(214,40,57,.2)}
a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.site-header-modern{
  height:var(--nv-header);
  background:color-mix(in srgb,var(--nv-surface) 92%,transparent)!important;
  border-bottom:1px solid var(--nv-border);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  z-index:1050;
  transition:box-shadow .25s ease,background .25s ease,border-color .25s ease;
}
.site-header-modern.is-scrolled{box-shadow:0 8px 30px rgba(15,23,42,.08)}
html[data-theme="dark"] .site-header-modern.is-scrolled{box-shadow:0 10px 34px rgba(0,0,0,.28)}
.nvinio-header-inner{min-height:var(--nv-header);display:flex;gap:14px;align-items:center}
.nvinio-brand{display:flex;align-items:center;min-width:150px;margin:0;padding:0!important}
.nvinio-brand img.site-logo{max-height:42px;width:auto;padding:0!important}
.nvinio-header-search{flex:1;max-width:760px;margin:0 auto}
.nvinio-header-search .input-group{
  position:relative;background:var(--nv-surface-2);border:1px solid var(--nv-border);
  border-radius:999px;overflow:hidden;height:46px;box-shadow:none!important;
}
.nvinio-search-leading{display:flex;align-items:center;padding-left:16px;color:var(--nv-muted)}
.nvinio-header-search input.form-control{
  height:44px;border:0!important;background:transparent!important;color:var(--nv-text)!important;
  box-shadow:none!important;padding-left:10px;
}
.nvinio-header-search input::placeholder{color:var(--nv-muted)}
.nvinio-search-btn{
  min-width:48px;border:0!important;border-radius:999px!important;margin:3px;
  background:var(--nv-brand)!important;color:#fff!important;
  display:flex;align-items:center;justify-content:center;
}
.nvinio-search-btn:hover{transform:scale(.96);background:var(--nv-brand-2)!important}
.nvinio-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.nvinio-icon-btn,.nvinio-menu-btn{
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--nv-border);background:var(--nv-surface);color:var(--nv-text);
  border-radius:12px;cursor:pointer;transition:all .2s ease;
}
.nvinio-icon-btn:hover,.nvinio-menu-btn:hover{transform:translateY(-1px);box-shadow:var(--nv-shadow-soft)}
.nvinio-icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-moon{display:none}
html[data-theme="dark"] .theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-moon{display:block}
.nvinio-header-btn{
  border-radius:12px!important;padding:.6rem .78rem!important;font-weight:650;display:inline-flex;gap:6px;align-items:center;
  border:1px solid var(--nv-border)!important;background:var(--nv-surface)!important;color:var(--nv-text)!important;
}
.nvinio-header-btn:hover{transform:translateY(-1px);box-shadow:var(--nv-shadow-soft)}
.nvinio-register-btn{background:var(--nv-brand)!important;color:#fff!important;border-color:var(--nv-brand)!important}
.nvinio-menu-btn{flex-direction:column;gap:4px}
.nvinio-menu-btn span{width:17px;height:2px;background:currentColor;border-radius:5px}
#content{min-height:calc(100vh - var(--nv-header))}
.post-container{max-width:1280px}
.post-single,.post-item,.sidebar-block,.mt-md-3,.my-md-3,.adblock,.single-comments{
  border-color:var(--nv-border)!important;background:var(--nv-surface)!important;color:var(--nv-text);
}
.post-item.post-card{
  display:grid;grid-template-columns:minmax(190px,30%) 1fr;gap:18px;
  border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius)!important;
  overflow:hidden;background:var(--nv-surface)!important;box-shadow:var(--nv-shadow-soft)!important;
  padding:10px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.post-item.post-card:hover{transform:translateY(-3px);box-shadow:var(--nv-shadow)!important;border-color:rgba(214,40,57,.18)!important}
.post-card-media{min-height:160px;border-radius:14px;overflow:hidden;background:var(--nv-surface-2)}
.post-card-media .post-img-link{display:block;width:100%;height:100%}
.post-card-media .post-feat-img{width:100%;height:100%;min-height:160px;object-fit:cover;display:block}
.post-card-body{padding:5px 6px 6px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.post-card-title-link{color:inherit!important;text-decoration:none!important}
.post-card .post-title{font-size:1.12rem;line-height:1.4;font-weight:750;color:var(--nv-text);margin:0 0 12px}
.post-card .post-title:hover{color:var(--nv-brand)}
.post-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--nv-muted);font-size:.8rem}
.post-source{font-weight:800;letter-spacing:.06em;font-size:.68rem;color:var(--nv-brand)}
.post-feed-logo{display:flex;align-items:center}
.post-time{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.post-admin-actions{display:flex;gap:6px;margin-top:10px}
.feed-logo-img{max-height:25px!important;width:auto;max-width:120px}
.post-single-modern{max-width:100%;border:1px solid var(--nv-border)!important;border-radius:22px!important;box-shadow:var(--nv-shadow)!important;overflow:hidden}
.post-single-title{font-size:clamp(1.7rem,3.3vw,3rem)!important;line-height:1.14!important;font-weight:800!important;color:var(--nv-text)!important}
.post-single-meta{color:var(--nv-muted)!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.post-single-image{border-radius:18px;margin:8px 16px 0;min-height:420px!important;background-color:var(--nv-surface-2)!important}
.post-single-content{color:var(--nv-text)!important;font-size:1.07rem!important;line-height:1.82}
.post-single-content h2,.post-single-content h3,.post-single-content h4{color:var(--nv-text)}
.post-single-content a{color:var(--nv-brand)}
.post-single-content blockquote{
  border-left:4px solid var(--nv-brand);background:var(--nv-surface-2);padding:14px 18px;border-radius:0 12px 12px 0;
}
.nvinio-sharebar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--nv-border);border-bottom:1px solid var(--nv-border);
  margin:14px 0 8px;background:var(--nv-surface-2);border-radius:14px;
}
.nvinio-share-label{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--nv-text);font-size:.9rem}
.nvinio-share-label svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nvinio-share-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nvinio-share-btn{
  min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--nv-border)!important;
  background:var(--nv-surface)!important;color:var(--nv-text)!important;display:inline-flex;align-items:center;justify-content:center;
  font-weight:750;font-size:.78rem;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.nvinio-share-btn:hover{transform:translateY(-2px);box-shadow:var(--nv-shadow-soft)}
.share-copy.is-copied{background:#168a62!important;color:#fff!important;border-color:#168a62!important}
.share-facebook:hover{color:#1877f2!important}.share-x:hover{color:#000!important}.share-linkedin:hover{color:#0a66c2!important}
.share-whatsapp:hover{color:#128c7e!important}.share-telegram:hover{color:#229ed9!important}.share-email:hover{color:var(--nv-brand)!important}
.nvinio-share-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.is-fallback-hidden{display:none!important}
.nvinio-reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--nv-brand),var(--nv-brand-2));z-index:1100;transition:width .08s linear}
.related-card{border:1px solid var(--nv-border)!important;border-radius:14px!important;overflow:hidden;background:var(--nv-surface)!important;box-shadow:var(--nv-shadow-soft)}
.related-card .post-feat-image{margin:0!important;border-radius:0!important}
.related-card .post-feat-img{height:150px;width:100%;object-fit:cover}
.related-card .post-title{color:var(--nv-text);font-size:.95rem;line-height:1.4;margin:0}
.sidebar-block{border-radius:18px!important;box-shadow:var(--nv-shadow-soft)!important;padding:16px!important}
.sidebar-heading{color:var(--nv-text)!important}
.single-comments{border:1px solid var(--nv-border)!important;border-radius:18px!important}
.breadcrumb{background:transparent!important;color:var(--nv-muted)}
.table,.syntaxhighlighter,code{color:var(--nv-text)}
pre,pre code,.syntaxhighlighter{background:var(--nv-code)!important;color:#e6edf3}
.nvinio-adblock{border-radius:16px!important}
.nvinio-reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.nvinio-reveal.is-visible{opacity:1;transform:none}
@media (max-width: 991px){
  .nvinio-brand{min-width:125px}.nvinio-header-search{max-width:none}
  .nvinio-header-btn span{display:none}.nvinio-header-btn{width:42px;height:42px;padding:0!important;justify-content:center}
}
@media (max-width: 767px){
  :root{--nv-header:66px}
  body{padding-top:var(--nv-header)!important}
  .nvinio-header-inner{padding:0 10px;gap:8px}
  .nvinio-brand{min-width:auto}.nvinio-brand img.site-logo{max-height:34px;max-width:125px}
  .nvinio-header-search{order:2;min-width:0;flex:1}.nvinio-header-actions{order:3;gap:5px}
  .nvinio-search-leading{padding-left:10px}.nvinio-search-btn{min-width:40px}
  .nvinio-icon-btn{width:38px;height:38px}
  .nvinio-register-btn,.nvinio-signin-btn,.nvinio-dashboard-btn{display:none!important}
  .post-item.post-card{grid-template-columns:115px 1fr;gap:12px;padding:8px!important;border-radius:16px!important}
  .post-card-media,.post-card-media .post-feat-img{min-height:115px;height:115px}
  .post-card .post-title{font-size:1rem;margin-bottom:8px;line-height:1.3}
  .post-card-meta{font-size:.72rem}.post-time{margin-left:0;width:100%}
  .post-single-image{min-height:270px!important;margin:8px 10px 0;border-radius:14px}
  .nvinio-sharebar{align-items:flex-start;flex-direction:column;margin:10px 10px 4px}
  .nvinio-share-actions{width:100%}.nvinio-share-btn{flex:1;min-width:36px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}