/* SITNAS Classic Original nav/container alignment - 2026-04-29
   Scope: body.theme-classic only. Does not affect classic_compact. */

body.theme-classic{
  --classic-shell-width:1140px;
  --classic-main-width:750px;
  --classic-gap-width:30px;
  --classic-side-width:360px;
}

/* Keep the navbar background full width, but make the inner menu follow the same 1140px shell as content/header/footer. */
body.theme-classic .site-classic-nav-colored,
body.theme-classic #myHeader.site-classic-nav-colored{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-radius:0 !important;
}

body.theme-classic .site-classic-nav-colored__scroll,
body.theme-classic .site-classic-nav-colored .navbar-collapse{
  max-width:100% !important;
}

@media (min-width:1200px){
  body.theme-classic .top.site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-nav-colored .container.site-classic-nav-colored__container,
  body.theme-classic .container.cont,
  body.theme-classic .site-classic-footer-clean > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:var(--classic-shell-width) !important;
    max-width:var(--classic-shell-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-nav-colored .container.site-classic-nav-colored__container,
  body.theme-classic .site-classic-footer-clean > .container,
  body.theme-classic .site-classic-footer-clean__meta > .container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.theme-classic .container.cont{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.theme-classic .container.cont > .row,
  body.theme-classic .site-classic-topbar-clean__row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.theme-classic .site-classic-nav-colored__container,
  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-nav{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !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;
  }
}

@media (min-width:768px) and (max-width:1199px){
  body.theme-classic .top.site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-nav-colored .container.site-classic-nav-colored__container,
  body.theme-classic .container.cont,
  body.theme-classic .site-classic-footer-clean > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:100% !important;
    max-width:100% !important;
  }
}

@media (max-width:767px){
  body.theme-classic .site-classic-nav-colored,
  body.theme-classic #myHeader.site-classic-nav-colored{
    overflow:hidden !important;
  }

  body.theme-classic .site-classic-nav-colored__container,
  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-nav{
    width:100% !important;
    max-width:100% !important;
  }
}

/* SITNAS Classic final nav + breadcrumb refinement - 2026-04-29
   Scope remains body.theme-classic only. Classic compact is intentionally untouched. */
body.theme-classic .site-classic-nav-colored{
  min-height:42px !important;
  box-shadow:none !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
}

body.theme-classic .site-classic-nav-colored__scroll{
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}

body.theme-classic .site-classic-nav-colored__scroll::-webkit-scrollbar{
  display:none !important;
}

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{
  display:block !important;
  height:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  float:none !important;
  margin:0 !important;
  min-width:max-content !important;
  width:max-content !important;
  max-width:none !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li{
  float:none !important;
  flex:0 0 auto !important;
  position:relative !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{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:42px !important;
  padding:0 12px !important;
  background:transparent !important;
  color:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:1 !important;
  white-space:nowrap !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{
  background:transparent !important;
  color:#fff !important;
  opacity:1 !important;
}

/* No active/hover underline on classic navbar menu. Keep menu clean and plain. */
body.theme-classic .site-classic-nav-colored .navbar-nav > li > a,
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{
  border-bottom:0 !important;
  text-decoration:none !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:before,
body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:after,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:before,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:after,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:before,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  border:0 !important;
  background:transparent !important;
  transform:none !important;
}
body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem > a{
  padding-left:0 !important;
  padding-right:12px !important;
}

body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem > a:after{
  display:none !important;
}

/* Clean plain breadcrumb: no chip/background, just small text and separator. */
body.theme-classic ul.breadcrumb,
body.theme-classic .breadcrumb,
body.theme-classic .si-kanal-breadcrumb,
body.theme-classic .si-classic-collection-breadcrumb,
body.theme-classic.article-page .article-breadcrumb,
body.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  list-style:none !important;
}

body.theme-classic .breadcrumb > li,
body.theme-classic .si-kanal-breadcrumb > li,
body.theme-classic .si-classic-collection-breadcrumb > li,
body.theme-classic.article-page .article-breadcrumb > li,
body.theme-classic .breadcrumb > li > a,
body.theme-classic .breadcrumb > li > span,
body.theme-classic .si-kanal-breadcrumb > li > a,
body.theme-classic .si-kanal-breadcrumb > li > span,
body.theme-classic .si-classic-collection-breadcrumb > li > a,
body.theme-classic .si-classic-collection-breadcrumb > li > span,
body.theme-classic.article-page .article-breadcrumb > li > a,
body.theme-classic.article-page .article-breadcrumb > li > span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#64748b !important;
}

body.theme-classic .breadcrumb > li + li:before,
body.theme-classic .si-kanal-breadcrumb > li + li:before,
body.theme-classic .si-classic-collection-breadcrumb > li + li:before,
body.theme-classic.article-page .article-breadcrumb > li + li:before{
  content:"/" !important;
  display:inline-flex !important;
  align-items:center !important;
  margin:0 7px !important;
  padding:0 !important;
  color:#cbd5e1 !important;
  font-size:12px !important;
  font-weight:400 !important;
  background:transparent !important;
  border:0 !important;
}

body.theme-classic .breadcrumb a,
body.theme-classic .breadcrumb li.completed a,
body.theme-classic .si-kanal-breadcrumb a,
body.theme-classic .si-kanal-breadcrumb li.completed a,
body.theme-classic .si-classic-collection-breadcrumb a,
body.theme-classic .si-classic-collection-breadcrumb li.completed a,
body.theme-classic.article-page .article-breadcrumb a,
body.theme-classic.article-page .article-breadcrumb li.completed a{
  color:#475569 !important;
  text-decoration:none !important;
}

body.theme-classic .breadcrumb li:last-child,
body.theme-classic .breadcrumb li:last-child > a,
body.theme-classic .breadcrumb li:last-child > span,
body.theme-classic .si-kanal-breadcrumb li:last-child,
body.theme-classic .si-kanal-breadcrumb li:last-child > a,
body.theme-classic .si-kanal-breadcrumb li:last-child > span,
body.theme-classic .si-classic-collection-breadcrumb li:last-child,
body.theme-classic .si-classic-collection-breadcrumb li:last-child > a,
body.theme-classic .si-classic-collection-breadcrumb li:last-child > span,
body.theme-classic.article-page .article-breadcrumb li:last-child,
body.theme-classic.article-page .article-breadcrumb li:last-child > a,
body.theme-classic.article-page .article-breadcrumb li:last-child > span{
  color:#94a3b8 !important;
  font-weight:500 !important;
}

body.theme-classic .breadcrumb li a:before,
body.theme-classic .breadcrumb li a:after,
body.theme-classic .si-kanal-breadcrumb li a:before,
body.theme-classic .si-kanal-breadcrumb li a:after,
body.theme-classic .si-classic-collection-breadcrumb li a:before,
body.theme-classic .si-classic-collection-breadcrumb li a:after,
body.theme-classic.article-page .article-breadcrumb li a:before,
body.theme-classic.article-page .article-breadcrumb li a:after{
  display:none !important;
  content:none !important;
}

body.theme-classic .breadcrumb a:hover,
body.theme-classic .breadcrumb a:focus,
body.theme-classic .si-kanal-breadcrumb a:hover,
body.theme-classic .si-kanal-breadcrumb a:focus,
body.theme-classic .si-classic-collection-breadcrumb a:hover,
body.theme-classic .si-classic-collection-breadcrumb a:focus,
body.theme-classic.article-page .article-breadcrumb a:hover,
body.theme-classic.article-page .article-breadcrumb a:focus{
  color:#0f172a !important;
  opacity:1 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

@media (max-width:767px){
  body.theme-classic .site-classic-nav-colored{
    min-height:40px !important;
  }

  body.theme-classic .site-classic-nav-colored__scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    min-width:max-content !important;
    width:max-content !important;
    max-width:none !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:40px !important;
    padding:0 11px !important;
    font-size:12px !important;
  }

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

  body.theme-classic .breadcrumb,
  body.theme-classic .si-kanal-breadcrumb,
  body.theme-classic .si-classic-collection-breadcrumb,
  body.theme-classic.article-page .article-breadcrumb{
    margin-bottom:10px !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    scrollbar-width:none !important;
  }

  body.theme-classic .breadcrumb::-webkit-scrollbar,
  body.theme-classic .si-kanal-breadcrumb::-webkit-scrollbar,
  body.theme-classic .si-classic-collection-breadcrumb::-webkit-scrollbar,
  body.theme-classic.article-page .article-breadcrumb::-webkit-scrollbar{
    display:none !important;
  }
}

/* SITNAS Classic 1140 layout revision - 2026-04-29
   Requested: total 1140px = content 750px + gap 30px + sidebar 360px.
   Scope: body.theme-classic only; classic_compact remains untouched. */
@media (min-width:1200px){
  body.theme-classic{
    --classic-shell-width:1140px !important;
    --classic-main-width:750px !important;
    --classic-gap-width:30px !important;
    --classic-side-width:360px !important;
  }

  body.theme-classic .top.site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-nav-colored .container.site-classic-nav-colored__container,
  body.theme-classic .container.cont,
  body.theme-classic .site-classic-footer-clean > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:var(--classic-shell-width) !important;
    max-width:var(--classic-shell-width) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .container.cont > .row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:var(--classic-gap-width) !important;
    width:var(--classic-shell-width) !important;
    max-width:var(--classic-shell-width) !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.theme-classic .container.cont > .row > .col-sm-8,
  body.theme-classic .container.cont > .row > .article-main-column{
    float:none !important;
    flex:0 0 var(--classic-main-width) !important;
    width:var(--classic-main-width) !important;
    max-width:var(--classic-main-width) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .container.cont > .row > .col-sm-4,
  body.theme-classic .container.cont > .row > .sidebar_area,
  body.theme-classic .container.cont > .row > .si-classic-sidebar{
    float:none !important;
    flex:0 0 var(--classic-side-width) !important;
    width:var(--classic-side-width) !important;
    max-width:var(--classic-side-width) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .si-classic-sidebar .theiaStickySidebar,
  body.theme-classic .si-classic-sidebar .si-classic-sidebar-block,
  body.theme-classic .si-classic-sidebar .sibanner300x250,
  body.theme-classic .si-classic-sidebar .sibanner300x250 img{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .site-classic-nav-colored__container,
  body.theme-classic .site-classic-nav-colored__scroll,
  body.theme-classic .site-classic-nav-colored .navbar-collapse{
    width:100% !important;
    max-width:100% !important;
  }
}

@media (min-width:768px) and (max-width:1199px){
  body.theme-classic .top.site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-nav-colored .container.site-classic-nav-colored__container,
  body.theme-classic .container.cont,
  body.theme-classic .site-classic-footer-clean > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:15px !important;
    padding-right:15px !important;
    box-sizing:border-box !important;
  }

  body.theme-classic .container.cont > .row{
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
}

@media (max-width:767px){
  body.theme-classic .site-classic-topbar-clean > .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
  }

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

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