/* SITNAS Classic Original flat compact polish - 2026-04-27
   Scope: Classic Original only. Classic Compact remains untouched. */

body.theme-classic{
  --classic-shell-width:1070px;
}

/* Full-width navbar background, content aligned to 1070px edges */
body.theme-classic .site-classic-topbar-clean{
  background:#fff !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored,
body.theme-classic .site-classic-nav-colored.sticky{
  width:100% !important;
  max-width:none !important;
  left:auto !important;
  right:auto !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--site-secondary) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

@media (min-width:1100px){
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container{
    width:var(--classic-shell-width) !important;
    max-width:var(--classic-shell-width) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.theme-classic .site-classic-topbar-clean__row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.theme-classic .site-classic-topbar-clean__brandcol{
    padding-left:0 !important;
  }

  body.theme-classic .site-classic-topbar-clean__row > [class*="col-"]:last-child{
    padding-right:0 !important;
  }
}

body.theme-classic .site-classic-topbar-clean__row{
  min-height:54px !important;
  align-items:center !important;
}

body.theme-classic .site-classic-topbar-clean__brandwrap,
body.theme-classic .site-classic-topbar-clean__logo{
  padding:0 !important;
  margin:0 !important;
}

body.theme-classic .site-classic-logo-original,
body.theme-classic .site-classic-topbar-clean__logo img{
  display:block !important;
  max-height:50px !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored__container{
  position:relative !important;
}

body.theme-classic .site-classic-nav-colored__scroll,
body.theme-classic .site-classic-nav-colored .navbar-collapse,
body.theme-classic .site-classic-nav-colored .navbar-collapse.collapse,
body.theme-classic .site-classic-nav-colored .navbar-collapse.in{
  width:100% !important;
  min-width:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

body.theme-classic .site-classic-nav-colored .navbar-nav::-webkit-scrollbar{
  display:none;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li{
  display:flex !important;
  align-items:stretch !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:hover{
  min-height:42px !important;
  padding:12px 10px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li:first-child > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.site-classic-nav-emblem > a{
  padding-left:0 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:hover,
body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:hover,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border-bottom-color:var(--site-primary) !important;
  opacity:1 !important;
}

body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem > a{
  background:transparent !important;
  border-bottom-color:transparent !important;
  padding-right:10px !important;
}

body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem img{
  width:22px !important;
  height:22px !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu{
  margin:0 !important;
  padding:4px 0 !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a{
  padding:8px 12px !important;
  border-radius:0 !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:400 !important;
  background:#fff !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a:hover,
body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a:focus{
  color:#111827 !important;
  background:#f3f4f6 !important;
}

/* Flat, compact minimal look for Classic Original */
body.theme-classic .si-panel,
body.theme-classic .content-wrap,
body.theme-classic .widget,
body.theme-classic .thumbnail,
body.theme-classic .entry-box,
body.theme-classic .entry-content,
body.theme-classic .article-related,
body.theme-classic .article-sidebox,
body.theme-classic .post-thumb4,
body.theme-classic .thumb-ito,
body.theme-classic .thumb-post,
body.theme-classic .featured__content,
body.theme-classic .featured__content .desc,
body.theme-classic .caption,
body.theme-classic .home-banner,
body.theme-classic .cls-banner-script,
body.theme-classic .si-kicker,
body.theme-classic .si-pill,
body.theme-classic .pagination > li > a,
body.theme-classic .pagination > li > span,
body.theme-classic .breadcrumb,
body.theme-classic .si-kanal-breadcrumb,
body.theme-classic .article-breadcrumb{
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .si-lead-card__thumb,
body.theme-classic .si-side-card__thumb,
body.theme-classic .si-opini-card__thumb,
body.theme-classic .si-focus-item__thumb,
body.theme-classic .si-popular-item__thumb,
body.theme-classic .si-latest-item__thumb,
body.theme-classic .si-gallery-card__thumb,
body.theme-classic .si-video-item__thumb,
body.theme-classic .article-related__thumb-image,
body.theme-classic .article-main-image,
body.theme-classic .img-responsive,
body.theme-classic img{
  border-radius:0 !important;
}

/* Sidebar typography: smaller, thinner, balanced */
body.theme-classic .si-classic-sidebar,
body.theme-classic .si-classic-latest-sidebar{
  color:#374151;
}

body.theme-classic .si-classic-sidebar .label-to,
body.theme-classic .si-classic-sidebar-block__head,
body.theme-classic .si-classic-latest-sidebox__head{
  margin-bottom:8px !important;
  padding:0 0 7px !important;
  border-bottom:1px solid rgba(148,163,184,.28) !important;
}

body.theme-classic .si-classic-sidebar .label-to h2,
body.theme-classic .si-classic-sidebar-block__head h2,
body.theme-classic .si-classic-latest-sidebox__head h2{
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  color:#111827 !important;
  text-transform:none !important;
}

body.theme-classic .si-classic-sidebar-list,
body.theme-classic .si-classic-latest-trending-list{
  margin:0 !important;
  padding:0 !important;
}

body.theme-classic .si-classic-sidebar-list li,
body.theme-classic .todo.si-classic-sidebar-list li,
body.theme-classic .si-classic-latest-trending-item{
  margin:0 !important;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(148,163,184,.20) !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .si-classic-sidebar-list li:last-child,
body.theme-classic .todo.si-classic-sidebar-list li:last-child,
body.theme-classic .si-classic-latest-trending-item:last-child{
  border-bottom:0 !important;
}

body.theme-classic .si-classic-sidebar-list a,
body.theme-classic .todo.si-classic-sidebar-list li a,
body.theme-classic .si-classic-sidebar-feature-card h3 a,
body.theme-classic .si-classic-latest-trending-item h3 a{
  color:#1f2937 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.34 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
}

body.theme-classic .si-classic-sidebar-list a:hover,
body.theme-classic .todo.si-classic-sidebar-list li a:hover,
body.theme-classic .si-classic-sidebar-feature-card h3 a:hover,
body.theme-classic .si-classic-latest-trending-item h3 a:hover{
  color:var(--site-primary) !important;
  opacity:1 !important;
}

body.theme-classic .si-classic-sidebar-feature .caption{
  padding:8px 9px !important;
}

body.theme-classic .si-classic-sidebar-feature .caption h4,
body.theme-classic .si-classic-sidebar-feature-card h3,
body.theme-classic .si-classic-latest-trending-item h3{
  margin:6px 0 0 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.32 !important;
  letter-spacing:0 !important;
}

body.theme-classic .si-classic-sidebar-feature-card__badge,
body.theme-classic .si-classic-latest-trending-item__badge{
  border-radius:0 !important;
  background:var(--site-secondary) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:500 !important;
}

body.theme-classic .si-classic-latest-socials__item,
body.theme-classic .site-classic-footer-clean__social .socmed{
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Keep mobile readable; desktop flush applies only on wide screens above. */
@media (max-width:1099px){
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container{
    width:100% !important;
    max-width:100% !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav > li:first-child > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > li.site-classic-nav-emblem > a{
    padding-left:10px !important;
  }
}