/* full width, hilangin container/padding astra */
.ast-container { max-width: none !important; padding: 0 !important; }
.site-content { padding: 0 !important; margin: 0 !important; }

html,
body {
  max-width: 100%;
  width: 100%;
}

html {
  overflow-x: clip;
}

body {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

html:has(.landing-root) {
  overflow-y: auto !important;
  scroll-behavior: auto !important;
  overscroll-behavior-y: auto;
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

body:has(.landing-root) {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
}

body:has(.landing-root) #page,
body:has(.landing-root) .site,
body:has(.landing-root) .site-content,
body:has(.landing-root) .ast-container,
body:has(.landing-root) .content-area,
body:has(.landing-root) .site-main,
body:has(.landing-root) .entry-content,
body:has(.landing-root) .landing-root {
  height: auto !important;
  max-height: none !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  overflow-y: hidden !important;
}

/* Insight route: allow vertical scroll inside .landing-root
   (style.css delegates scroll from html/body → .landing-root) */
body.insight-route .landing-root {
  height: 100vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body:has(.landing-root) #page::-webkit-scrollbar,
body:has(.landing-root) .site::-webkit-scrollbar,
body:has(.landing-root) .site-content::-webkit-scrollbar,
body:has(.landing-root) .ast-container::-webkit-scrollbar,
body:has(.landing-root) .content-area::-webkit-scrollbar,
body:has(.landing-root) .site-main::-webkit-scrollbar,
body:has(.landing-root) .entry-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Keep the active page scroller visible without changing page geometry. */
body.insight-route .landing-root {
  scrollbar-width: auto;
  -ms-overflow-style: auto;
}

.landing-root {
  max-width: 100%;
  overflow-x: clip;
  overflow-y: hidden;
}

.ast-footer-bar {
  display: none !important;
}

/* Matikan container bawaan Astra biar landing full-width */
.ast-container { max-width: none !important; padding: 0 !important; }
.site-content { padding: 0 !important; margin: 0 !important; }
.site-primary-header-wrap { display: none !important; } /* header astra kalau masih nongol */

/* Karena navbar kamu fixed */
/* .landing-root { padding-top: 110px; } */

/* ---- SUPPORT untuk class "shadow-light-primary-primary-shadow-sm" (custom dari laravel) ---- */
.shadow-light-primary-primary-shadow-sm {
  box-shadow: 0 8px 20px rgba(1,110,141,0.18);
}

/* ---- SUPPORT untuk warna blue-gray dari projectmu (kalau ga kebaca) ---- */
.text-blue-gray600 { color: rgba(47,43,61,0.70); }
.text-blue-gray700 { color: #334155; }
.text-blue-gray900 { color: #0f172a; }
.text-blue-gray800 { color: #1e293b; }
.text-blue-gray100 { color: #f1f5f9; }

/* ---- Tailwind CDN sering gagal untuk selector before:[...] -> kita bikin ulang versi navbar border glow ---- */
.nav-glow {
  position: relative;
  border-radius: 12px;
}

/* Hapus footer Astra paling bawah */
.ast-footer-bar,
.site-footer,
footer.site-footer {
    display: none !important;
}

body.admin-bar header.absolute { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar header.absolute { top: 46px; }
}

/* Saat WP admin bar aktif, translucent biasanya jadi terlihat gelap → naikin opacity */
body.admin-bar .nav-surface {
  background: rgba(255,255,255,0.20) !important;
}

.nav-link {
  position: relative;
}

.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -4px; /* Atur jarak garis bawah dengan teks */
  left: 0;
  width: 100%;
  height: 2px; /* Tebal garis bawah */
  background-color: #016e8d; /* Warna garis bawah */
}