/* =============================================================
   SMANJA WEB V7.1.0 — PUBLIC EXPERIENCE
   Fluent / Office-inspired institutional design system.
   Scope: PUBLIC FRONTEND ONLY. No database/controller changes.
============================================================= */

:root{
  --sj7-navy:#062b5b;
  --sj7-blue:#0a66c2;
  --sj7-cyan:#16b6d4;
  --sj7-teal:#0e9f8e;
  --sj7-gold:#d9a441;
  --sj7-red:#d95363;
  --sj7-purple:#6756c9;
  --sj7-ink:#10243e;
  --sj7-muted:#64748b;
  --sj7-soft:#f4f8fc;
  --sj7-line:#dbe6f1;
  --sj7-card:#ffffff;
  --sj7-shadow:0 12px 30px rgba(6,43,91,.08);
  --sj7-shadow-lg:0 22px 55px rgba(6,43,91,.14);
  --sj7-radius:18px;
}

html{scroll-behavior:smooth;}
body.smanja-v7{
  font-family:"Segoe UI",Inter,Arial,sans-serif!important;
  color:var(--sj7-ink)!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(10,102,194,.045),transparent 24%),
    radial-gradient(circle at 92% 34%,rgba(22,182,212,.035),transparent 24%),
    #f5f8fc!important;
}
body.smanja-v7 #content{position:relative;}
body.smanja-v7 .smanja-v7-shell{min-height:40vh;}

/* Top reading progress */
.sj7-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--sj7-blue),var(--sj7-cyan),var(--sj7-gold));z-index:1000000;box-shadow:0 0 12px rgba(22,182,212,.4);}

/* =============================================================
   HEADER / NAVIGATION
============================================================= */
body.smanja-v7 .navbar-primary{
  background:
    radial-gradient(circle at 12% 0%,rgba(22,182,212,.25),transparent 28%),
    linear-gradient(120deg,#041c3b 0%,#063b78 48%,#07548f 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 28px rgba(4,28,59,.18)!important;
  min-height:76px;
}
body.smanja-v7 .navbar-primary .logo{width:54px!important;height:54px!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));}
body.smanja-v7 .school-name{font-family:"Segoe UI",Arial,sans-serif!important;font-size:1.22rem!important;letter-spacing:.25px!important;}
body.smanja-v7 .school-tagline{letter-spacing:.8px!important;color:rgba(255,255,255,.74)!important;}
body.smanja-v7 .header-right .btn{
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-radius:11px!important;
  transition:.22s ease!important;
}
body.smanja-v7 .header-right .btn:hover{background:rgba(255,255,255,.16)!important;transform:translateY(-2px);}

body.smanja-v7 .navbar-secondary{
  background:rgba(255,255,255,.96)!important;
  border:0!important;
  border-bottom:1px solid var(--sj7-line)!important;
  box-shadow:0 8px 24px rgba(6,43,91,.06)!important;
  backdrop-filter:blur(16px);
}
body.smanja-v7 .navbar-secondary .navbar-nav{gap:4px!important;}
body.smanja-v7 .navbar-secondary .nav-link{
  position:relative!important;
  color:#30445c!important;
  font-size:13.5px!important;
  font-weight:650!important;
  padding:10px 11px!important;
  border-radius:11px!important;
  transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
body.smanja-v7 .navbar-secondary .nav-link i{color:var(--sj7-blue)!important;}
body.smanja-v7 .navbar-secondary .nav-link::after{
  content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--sj7-blue),var(--sj7-cyan));transform:scaleX(0);transform-origin:center;transition:.22s ease;
}
body.smanja-v7 .navbar-secondary .nav-link:hover,
body.smanja-v7 .navbar-secondary .nav-link:focus,
body.smanja-v7 .navbar-secondary .nav-item.active>.nav-link{
  color:var(--sj7-navy)!important;background:#eef6ff!important;
}
body.smanja-v7 .navbar-secondary .nav-link:hover::after,
body.smanja-v7 .navbar-secondary .nav-item.active>.nav-link::after{transform:scaleX(1);}
body.smanja-v7 .navbar-secondary .dropdown-menu{
  border:1px solid var(--sj7-line)!important;
  border-radius:14px!important;
  padding:7px!important;
  box-shadow:var(--sj7-shadow-lg)!important;
  margin-top:7px!important;
}
body.smanja-v7 .navbar-secondary .dropdown-item{
  border-radius:10px!important;padding:9px 11px!important;color:#334155!important;font-weight:600!important;font-size:13px!important;
}
body.smanja-v7 .navbar-secondary .dropdown-item:hover{background:#edf6ff!important;color:var(--sj7-navy)!important;}
body.smanja-v7 .navbar-secondary .dropdown-item i{color:var(--sj7-blue)!important;}

/* =============================================================
   HOME HERO / BANNER
============================================================= */
body.smanja-v7.home-page #content,
body.smanja-v7.cms-datagoe #content{padding-top:124px!important;}
body.smanja-v7 .home-main-slider{background:#031b37!important;box-shadow:0 18px 42px rgba(6,43,91,.13)!important;}
body.smanja-v7 .home-main-slider .glide__slide{position:relative;}
body.smanja-v7 .home-main-slider .glide__slide>a::after{
  content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,rgba(2,20,42,.58),transparent);pointer-events:none;
}
body.smanja-v7 .home-main-slider .main-slider__overlay{background:linear-gradient(90deg,rgba(2,25,52,.30),transparent 68%),linear-gradient(0deg,rgba(2,25,52,.18),transparent 40%)!important;}
body.smanja-v7 .home-main-slider::after{height:5px!important;background:linear-gradient(90deg,var(--sj7-blue),var(--sj7-cyan),var(--sj7-gold),var(--sj7-red))!important;}

/* =============================================================
   ANNOUNCEMENT / QUICK STRIP
============================================================= */
body.smanja-v7 .pengumuman{
  border-radius:0!important;border:0!important;
  background:linear-gradient(100deg,#062b5b,#07548f)!important;
  box-shadow:0 12px 28px rgba(6,43,91,.12)!important;
}
body.smanja-v7 .re-info{color:#ffe08a!important;}
body.smanja-v7 .marquee-berita span.pointer{color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12);border-radius:999px!important;}
body.smanja-v7 .marquee-berita span.pointer:hover{color:#ffe08a!important;transform:none!important;}

/* =============================================================
   GLOBAL SECTIONS / TITLES
============================================================= */
body.smanja-v7 section.main-content,
body.smanja-v7 .page_main_wrapper,
body.smanja-v7 .wrapper{padding-top:34px!important;padding-bottom:48px!important;}
body.smanja-v7 .breadcrumb-section,
body.smanja-v7 .breadcrumb-wrapper{
  background:linear-gradient(100deg,#eaf4ff,#f7fbff)!important;
  border-top:1px solid #e3edf7!important;
  border-bottom:1px solid var(--sj7-line)!important;
  padding:16px 0!important;
}
body.smanja-v7 .breadcrumb{background:transparent!important;margin:0!important;padding:0!important;}
body.smanja-v7 .breadcrumb-item{font-size:12px!important;font-weight:650!important;color:#64748b!important;}
body.smanja-v7 .breadcrumb-item a{color:var(--sj7-blue)!important;text-decoration:none!important;}
body.smanja-v7 .breadcrumb-item.active{color:#334155!important;}
body.smanja-v7 .page-title,
body.smanja-v7 .hlm-title-blueborder{
  color:var(--sj7-navy)!important;font-weight:800!important;letter-spacing:-.025em!important;
}
body.smanja-v7 .page-title{font-size:clamp(1.65rem,3vw,2.35rem)!important;margin-bottom:18px!important;}
body.smanja-v7 .page-title::after,
body.smanja-v7 .block-title::after{background:linear-gradient(90deg,var(--sj7-blue),var(--sj7-cyan))!important;}
body.smanja-v7 .block-title,
body.smanja-v7 .widget-title{
  color:var(--sj7-navy)!important;font-weight:800!important;letter-spacing:-.01em!important;
}
body.smanja-v7 .block-title{font-size:1.22rem!important;}
body.smanja-v7 .title-angle-shap{color:inherit!important;}

/* =============================================================
   CARDS / NEWS / POSTS
============================================================= */
body.smanja-v7 .card,
body.smanja-v7 .post-block-style,
body.smanja-v7 .featured-post,
body.smanja-v7 .widget,
body.smanja-v7 .sidebar-widget,
body.smanja-v7 .swidget,
body.smanja-v7 .list-news{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--sj7-line)!important;
  border-radius:var(--sj7-radius)!important;
  box-shadow:var(--sj7-shadow)!important;
}
body.smanja-v7 .post-block-style,
body.smanja-v7 .featured-post,
body.smanja-v7 .card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
body.smanja-v7 .post-block-style:hover,
body.smanja-v7 .featured-post:hover,
body.smanja-v7 .card:hover{transform:translateY(-4px);box-shadow:var(--sj7-shadow-lg)!important;border-color:#c7d9ea!important;}
body.smanja-v7 .post-title,
body.smanja-v7 .list-judul h5,
body.smanja-v7 .list-judul h6{color:var(--sj7-ink)!important;font-weight:750!important;line-height:1.35!important;}
body.smanja-v7 .post-title a{color:inherit!important;text-decoration:none!important;}
body.smanja-v7 .post-title a:hover{color:var(--sj7-blue)!important;}
body.smanja-v7 .post-content,
body.smanja-v7 .post-content p{color:#52677e!important;line-height:1.78!important;}
body.smanja-v7 .list-posted,
body.smanja-v7 .infobar{color:#7b8da0!important;font-size:.76rem!important;}
body.smanja-v7 .post-thumb img,
body.smanja-v7 .post-overaly-style img,
body.smanja-v7 .featured-post img{transition:transform .35s ease,filter .35s ease;}
body.smanja-v7 .post-block-style:hover img,
body.smanja-v7 .featured-post:hover img{transform:scale(1.025);filter:saturate(1.04);}

/* =============================================================
   SIDEBAR
============================================================= */
body.smanja-v7 .sidebar .widget-header,
body.smanja-v7 .sidebar .bloktitle,
body.smanja-v7 .widget-header{
  background:linear-gradient(100deg,#062b5b,#0a66c2)!important;color:#fff!important;border-radius:16px 16px 0 0!important;padding:13px 17px!important;
}
body.smanja-v7 .sidebar .widget-title{color:#fff!important;font-size:1rem!important;margin:0!important;}
body.smanja-v7 .widget-body{padding:8px!important;}
body.smanja-v7 .sidebar .list-group-item{border-color:#edf2f7!important;background:transparent!important;}
body.smanja-v7 .sidebar .list-group-item:hover{background:#f5faff!important;}
body.smanja-v7 .sidebar-social,
body.smanja-v7 .social-widget{border-radius:var(--sj7-radius)!important;overflow:hidden;}

/* =============================================================
   FORMS / TABLES / PAGINATION
============================================================= */
body.smanja-v7 .form-control{
  border:1px solid #cfdeeb!important;border-radius:11px!important;background:#fff!important;color:#243b53!important;min-height:42px!important;transition:.2s ease!important;
}
body.smanja-v7 .form-control:focus{border-color:#74b9f1!important;box-shadow:0 0 0 4px rgba(10,102,194,.10)!important;}
body.smanja-v7 label{font-weight:650;color:#334155;}
body.smanja-v7 .btn{border-radius:11px!important;font-weight:650!important;transition:.2s ease!important;}
body.smanja-v7 .btn-primary{background:linear-gradient(135deg,#0757a0,#0a66c2)!important;border-color:#0a66c2!important;box-shadow:0 7px 16px rgba(10,102,194,.18);}
body.smanja-v7 .btn-success{background:linear-gradient(135deg,#087f70,#0e9f8e)!important;border-color:#0e9f8e!important;}
body.smanja-v7 .btn-warning{color:#4b3500!important;background:linear-gradient(135deg,#e8b94f,#f0ca6a)!important;border-color:#e8b94f!important;}
body.smanja-v7 .btn:hover{transform:translateY(-2px);}
body.smanja-v7 .table{border:1px solid var(--sj7-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--sj7-shadow);}
body.smanja-v7 .table thead th{background:#eef6ff!important;color:#173b61!important;border-color:#dce8f3!important;font-weight:750!important;}
body.smanja-v7 .table td{border-color:#edf2f7!important;color:#42566d!important;}
body.smanja-v7 .pagination .page-link{border:0!important;margin:0 3px;border-radius:9px!important;color:#33506e!important;background:#fff!important;box-shadow:0 2px 8px rgba(6,43,91,.05);}
body.smanja-v7 .pagination .active .page-link{background:#0a66c2!important;color:#fff!important;}

/* =============================================================
   GALLERY / MEDIA
============================================================= */
body.smanja-v7 .galeriwidget__img,
body.smanja-v7 .gallery-item,
body.smanja-v7 .image-link{border-radius:14px!important;overflow:hidden!important;}
body.smanja-v7 .galeriwidget__img img,
body.smanja-v7 .gallery-item img{transition:transform .35s ease,filter .35s ease!important;}
body.smanja-v7 .galeriwidget__col:hover img,
body.smanja-v7 .gallery-item:hover img{transform:scale(1.035);filter:saturate(1.08);}
body.smanja-v7 .modal-content{border:1px solid var(--sj7-line)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 28px 80px rgba(2,25,52,.22)!important;}

/* =============================================================
   INFOGRAPHIC / COUNTER — V7
============================================================= */
body.smanja-v7 .counter-section{
  background:
    radial-gradient(circle at 10% 0%,rgba(10,102,194,.16),transparent 28%),
    radial-gradient(circle at 92% 100%,rgba(103,86,201,.13),transparent 30%),
    linear-gradient(135deg,#eef7ff 0%,#f9fbff 52%,#f2f7ff 100%)!important;
  border-top:1px solid #d8e6f3!important;border-bottom:1px solid #d8e6f3!important;
  padding:32px 0 38px!important;
}
body.smanja-v7 .counter-box{border-radius:16px!important;min-height:108px!important;box-shadow:var(--sj7-shadow)!important;}
body.smanja-v7 .counter-box:hover{transform:translateY(-4px)!important;box-shadow:var(--sj7-shadow-lg)!important;}

/* =============================================================
   FOOTER — INSTITUTIONAL
============================================================= */
body.smanja-v7 footer{margin-top:0!important;background:#041b37!important;position:relative;overflow:hidden;}
body.smanja-v7 footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--sj7-blue),var(--sj7-cyan),var(--sj7-gold),var(--sj7-red));}
body.smanja-v7 footer .bg-darker{background:linear-gradient(180deg,rgba(4,27,55,.7),rgba(2,16,34,.96))!important;padding:26px 0!important;}
body.smanja-v7 footer a{color:rgba(255,255,255,.78)!important;text-decoration:none!important;transition:.2s ease;}
body.smanja-v7 footer a:hover{color:#fff!important;}

/* =============================================================
   FLOATING TOP BUTTON
============================================================= */
body.smanja-v7 #myBtn{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#0757a0,#0a66c2)!important;box-shadow:0 12px 28px rgba(6,43,91,.22)!important;}

/* =============================================================
   MOTION / ACCESSIBILITY
============================================================= */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

@media(max-width:991.98px){
  body.smanja-v7.home-page #content,
  body.smanja-v7.cms-datagoe #content{padding-top:76px!important;}
  body.smanja-v7 .navbar-secondary{box-shadow:0 6px 18px rgba(6,43,91,.06)!important;}
  body.smanja-v7 .navbar-secondary .nav-link{padding:10px 12px!important;}
  body.smanja-v7 section.main-content,
  body.smanja-v7 .page_main_wrapper{padding-top:25px!important;padding-bottom:35px!important;}
}
@media(max-width:767.98px){
  body.smanja-v7 .navbar-primary{min-height:62px;}
  body.smanja-v7 .navbar-primary .logo{width:42px!important;height:42px!important;}
  body.smanja-v7 .school-name{font-size:.9rem!important;}
  body.smanja-v7 .page-title{font-size:1.55rem!important;}
  body.smanja-v7 .counter-section{padding:25px 0 30px!important;}
  body.smanja-v7 .counter-box{min-height:98px!important;}
  body.smanja-v7 .post-block-style:hover,
  body.smanja-v7 .featured-post:hover,
  body.smanja-v7 .card:hover{transform:none;}
}
@media(max-width:575.98px){
  body.smanja-v7 .breadcrumb-section{padding:12px 0!important;}
  body.smanja-v7 .block-title{font-size:1.08rem!important;}
  body.smanja-v7 .container{max-width:100%!important;}
  body.smanja-v7 .home-main-slider .glide__slide{height:235px!important;min-height:235px!important;}
}

/* =============================================================
   SMANJA V7.1 — CENTERED NAV + SMART STICKY HEADER
   Header atas menghilang saat scroll; menu tetap terlihat.
============================================================= */
body.smanja-v7 > nav.navbar.fixed-top{
  z-index:1040!important;
  transition:box-shadow .28s ease!important;
}

/* Header atas */
body.smanja-v7 .navbar-primary.header-top{
  min-height:76px!important;
  transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .24s ease,filter .24s ease!important;
  will-change:transform;
}

/* Secondary menu: full-width, centered content */
body.smanja-v7 .navbar-secondary{
  position:relative!important;
  z-index:1041!important;
  min-height:56px!important;
  transition:box-shadow .25s ease,transform .32s cubic-bezier(.2,.7,.2,1)!important;
}

body.smanja-v7 .navbar-secondary::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:3px;
  background:linear-gradient(90deg,#063b78 0%,#0a66c2 25%,#16b6d4 50%,#d9a441 75%,#d95363 100%);
  background-size:200% 100%;
  animation:sj7MenuLine 7s linear infinite;
  pointer-events:none;
}
@keyframes sj7MenuLine{0%{background-position:0 0}100%{background-position:200% 0}}

/* Center the primary navigation instead of leaving it visually left-heavy. */
body.smanja-v7 .navbar-secondary #navbar-collapse{
  position:relative!important;
  width:100%!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:2px!important;
  flex-wrap:nowrap!important;
}

/* Utility links stay on the right, but no longer push the main menu off-center. */
body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  margin:0!important;
  background:rgba(255,255,255,.94)!important;
  padding-left:8px!important;
}

body.smanja-v7 .navbar-secondary .nav-item{margin:0!important;}
body.smanja-v7 .navbar-secondary .nav-link{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:12.8px!important;
  letter-spacing:.01em!important;
  padding:9px 10px!important;
}
body.smanja-v7 .navbar-secondary .nav-link i{margin-right:5px!important;}

/* Scrolled state: hide the institutional header and dock the menu at the top. */
body.smanja-v7 > nav.navbar.fixed-top.sj7-nav-scrolled{
  box-shadow:0 10px 30px rgba(6,43,91,.14)!important;
}
body.smanja-v7 > nav.navbar.fixed-top.sj7-nav-scrolled .navbar-primary.header-top{
  transform:translateY(-100%);
  opacity:0;
  pointer-events:none;
  filter:blur(2px);
}
body.smanja-v7 > nav.navbar.fixed-top.sj7-nav-scrolled .navbar-secondary{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  box-shadow:0 10px 30px rgba(6,43,91,.13)!important;
}

/* Keep content below the combined initial header; once docked, content naturally scrolls underneath. */
body.smanja-v7.home-page #content,
body.smanja-v7.cms-datagoe #content{padding-top:132px!important;}

/* Desktop: give the navigation a little more breathing room on wide screens. */
@media (min-width:1400px){
  body.smanja-v7 .navbar-secondary .nav-link{font-size:13px!important;padding-left:11px!important;padding-right:11px!important;}
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type{gap:3px!important;}
}

/* Tablet: allow the utility links to join the normal flow so they never overlap. */
@media (max-width:1199px) and (min-width:993px){
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){position:static!important;transform:none!important;padding-left:0!important;margin-left:8px!important;}
  body.smanja-v7 .navbar-secondary #navbar-collapse{overflow-x:auto!important;justify-content:flex-start!important;}
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type{margin-left:auto!important;margin-right:8px!important;}
}

/* Mobile */
@media (max-width:992px){
  body.smanja-v7 > nav.navbar.fixed-top.sj7-nav-scrolled .navbar-secondary{position:relative!important;}
  body.smanja-v7 .navbar-secondary #navbar-collapse{display:block!important;min-height:0!important;}
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type,
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){position:static!important;transform:none!important;margin:0!important;padding:0!important;display:block!important;}
  body.smanja-v7 .navbar-secondary .nav-link{justify-content:flex-start!important;}
  body.smanja-v7.home-page #content,
  body.smanja-v7.cms-datagoe #content{padding-top:80px!important;}
}

@media (prefers-reduced-motion:reduce){
  body.smanja-v7 .navbar-primary.header-top,
  body.smanja-v7 .navbar-secondary{transition:none!important;}
  body.smanja-v7 .navbar-secondary::after{animation:none!important;}
}

/* =============================================================
   SMANJA V7.1.2 — NAVBAR COMPACT + TRUE CENTER
   Semua menu publik dipusatkan sebagai satu kesatuan.
   Tidak ada lagi utility menu yang mendorong menu utama ke samping.
============================================================= */
body.smanja-v7 .navbar-secondary #navbar-collapse{
  width:100%!important;
  max-width:none!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  padding:0 8px!important;
}

/* Kedua kelompok menu menjadi satu baris yang terpusat */
body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type,
body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){
  position:static!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}

body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){
  margin-left:2px!important;
}

/* Ukuran dipadatkan agar seluruh menu muat pada desktop */
body.smanja-v7 .navbar-secondary .nav-item{
  margin:0!important;
  padding:0!important;
}

body.smanja-v7 .navbar-secondary .nav-link{
  min-height:40px!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 7px!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  border-radius:7px!important;
}

body.smanja-v7 .navbar-secondary .nav-link i{
  margin-right:4px!important;
  font-size:.9em!important;
}

body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2) .nav-link{
  padding-left:7px!important;
  padding-right:7px!important;
}

/* Hover/active tetap mewah tetapi tidak menambah ukuran layout */
body.smanja-v7 .navbar-secondary .nav-link:hover,
body.smanja-v7 .navbar-secondary .nav-link:focus,
body.smanja-v7 .navbar-secondary .nav-link.active,
body.smanja-v7 .navbar-secondary .nav-link.show{
  transform:none!important;
}

/* Desktop lebar: sedikit lebih lega */
@media (min-width:1500px){
  body.smanja-v7 .navbar-secondary .nav-link{
    font-size:12px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
}

/* Laptop: dipadatkan lagi agar tidak terpotong */
@media (min-width:993px) and (max-width:1499px){
  body.smanja-v7 .navbar-secondary #navbar-collapse{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body.smanja-v7 .navbar-secondary .nav-link{
    font-size:10.8px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  body.smanja-v7 .navbar-secondary .nav-link i{
    margin-right:3px!important;
  }
}

/* Mobile kembali ke layout collapse vertikal */
@media (max-width:992px){
  body.smanja-v7 .navbar-secondary #navbar-collapse{
    display:block!important;
    overflow:visible!important;
    padding:10px!important;
  }
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:first-of-type,
  body.smanja-v7 .navbar-secondary #navbar-collapse > .navbar-nav:nth-of-type(2){
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.smanja-v7 .navbar-secondary .nav-link{
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:10px 12px!important;
    font-size:14px!important;
  }
}