/*
 * SITNAS / MediaCore CMS — Classic Original Recovery Alignment Hotfix
 * Scope: body.theme-classic only.
 * Tujuan: recovery typography lewat loader lama + alignment header/nav/container/footer 1140px.
 * Catatan: file ini sengaja kecil dan tidak merombak ukuran font artikel/listing.
 */

body.theme-classic{
  --classic-recovery-shell:1140px;
  --classic-recovery-main:750px;
  --classic-recovery-gap:30px;
  --classic-recovery-sidebar:360px;
  overflow-x:hidden;
}

body.theme-classic *,
body.theme-classic *:before,
body.theme-classic *:after{
  box-sizing:border-box;
}

body.theme-classic img,
body.theme-classic iframe,
body.theme-classic video{
  max-width:100%;
}

/* Navbar background tetap full width, isi nav ikut shell yang sama. */
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{
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

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

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;
}

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

body.theme-classic .site-classic-nav-colored .navbar-nav > li{
  float:none !important;
  flex:0 0 auto !important;
}

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:hover,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus{
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow: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{
  display:none !important;
  content:none !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__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:var(--classic-recovery-shell) !important;
    max-width:var(--classic-recovery-shell) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

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

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

  body.theme-classic .container.cont > .row > .col-sm-4,
  body.theme-classic .container.cont > .row > .col-md-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-recovery-sidebar) !important;
    width:var(--classic-recovery-sidebar) !important;
    max-width:var(--classic-recovery-sidebar) !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.theme-classic .site-classic-topbar-clean__row,
  body.theme-classic .site-classic-footer-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-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;
    margin-left:0 !important;
    margin-right:0 !important;
  }

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

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

  body.theme-classic .site-classic-footer-clean__meta-copy{
    max-width:var(--classic-recovery-shell) !important;
    margin-left:auto !important;
    margin-right:auto !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__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

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

@media (max-width:767px){
  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__meta > .container,
  body.theme-classic .site-classic-footer-clean__meta .container{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

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

  body.theme-classic .container.cont > .row > [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

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

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

  body.theme-classic .site-classic-logo-original,
  body.theme-classic .site-classic-topbar-clean__logo img{
    max-width:220px !important;
    height:auto !important;
  }

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

  body.theme-classic .site-classic-nav-colored .navbar-nav > li > a{
    white-space:nowrap !important;
  }
}