/* Digitera V4.85.8 — FIX REAL navbar publik: teks lebih besar, 1 baris, cache baru */
@media(min-width:1200px){
  body.role-public header.topbar{min-height:78px!important}
  body.role-public header.topbar .container.nav-wrap{
    width:100%!important;max-width:none!important;min-height:78px!important;
    padding:0 18px!important;margin:0!important;display:flex!important;
    align-items:center!important;flex-wrap:nowrap!important;gap:18px!important;
  }
  body.role-public header.topbar .brand{
    flex:0 0 auto!important;min-width:118px!important;max-width:150px!important;
    font-size:18px!important;font-weight:800!important;gap:9px!important;white-space:nowrap!important;
  }
  body.role-public header.topbar .brand small{display:none!important}
  body.role-public header.topbar .brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important}
  body.role-public header.topbar .nav[data-nav]{
    flex:1 1 auto!important;width:auto!important;min-width:0!important;display:flex!important;
    flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;
    flex-wrap:nowrap!important;gap:2px!important;padding:0!important;margin:0!important;overflow:visible!important;
  }
  body.role-public header.topbar .nav[data-nav] > a:not(.btn),
  body.role-public header.topbar .public-login-dropdown > .public-login-dropdown-trigger{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:0!important;height:42px!important;
    padding:0 7px!important;margin:0!important;border-radius:12px!important;
    font-size:14px!important;font-weight:600!important;line-height:1!important;
    letter-spacing:-.15px!important;white-space:nowrap!important;
  }
  body.role-public header.topbar .nav[data-nav] > a:not(.btn):hover,
  body.role-public header.topbar .public-login-dropdown > .public-login-dropdown-trigger:hover{background:#f3efff!important}
  body.role-public header.topbar .nav[data-nav] > a.active{background:#eee7ff!important;color:#5b34d6!important}
  body.role-public header.topbar .nav[data-nav] .nav-menu-icon{display:none!important}
  body.role-public header.topbar .public-login-dropdown{width:auto!important;flex:0 0 auto!important;margin:0!important}
  body.role-public header.topbar .public-login-dropdown-chevron{margin-left:2px!important;font-size:12px!important}
}
@media(min-width:1200px) and (max-width:1299px){
  body.role-public header.topbar .container.nav-wrap{padding:0 10px!important;gap:10px!important}
  body.role-public header.topbar .brand{min-width:106px!important;font-size:17px!important}
  body.role-public header.topbar .brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  body.role-public header.topbar .nav[data-nav] > a:not(.btn),
  body.role-public header.topbar .public-login-dropdown > .public-login-dropdown-trigger{font-size:13px!important;padding:0 5px!important}
}
@media(min-width:1300px) and (max-width:1450px){
  body.role-public header.topbar .container.nav-wrap{padding:0 14px!important;gap:14px!important}
  body.role-public header.topbar .nav[data-nav] > a:not(.btn),
  body.role-public header.topbar .public-login-dropdown > .public-login-dropdown-trigger{font-size:14px!important;padding:0 7px!important}
}
@media(min-width:1451px){
  body.role-public header.topbar .nav[data-nav] > a:not(.btn),
  body.role-public header.topbar .public-login-dropdown > .public-login-dropdown-trigger{font-size:14.5px!important;padding:0 8px!important}
  body.role-public header.topbar .brand{font-size:18.5px!important}
}


/* ============================================================
   V4.85.9 - Rapikan tombol hero beranda (Daftar Guru / Daftar Sekolah / Masuk Siswa)
   ============================================================ */

/* beberapa kemungkinan wrapper tombol hero */
body.page-home .hero-actions,
body.page-home .hero-buttons,
body.page-home .hero-cta,
body.page-home .cta-buttons,
body.page-home .digitera-hero-actions,
body.page-home .digitera-hero-buttons,
body.page-home .digitera-cta-row,
body.page-home .button-group,
body.page-home .button-row,
body.page-home .auth-actions,
body.page-home .home-hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:10px!important;
}

body.page-home .hero-actions > a,
body.page-home .hero-actions > .btn,
body.page-home .hero-buttons > a,
body.page-home .hero-buttons > .btn,
body.page-home .hero-cta > a,
body.page-home .hero-cta > .btn,
body.page-home .cta-buttons > a,
body.page-home .cta-buttons > .btn,
body.page-home .digitera-hero-actions > a,
body.page-home .digitera-hero-actions > .btn,
body.page-home .digitera-hero-buttons > a,
body.page-home .digitera-hero-buttons > .btn,
body.page-home .digitera-cta-row > a,
body.page-home .digitera-cta-row > .btn,
body.page-home .button-group > a,
body.page-home .button-group > .btn,
body.page-home .button-row > a,
body.page-home .button-row > .btn,
body.page-home .auth-actions > a,
body.page-home .auth-actions > .btn,
body.page-home .home-hero-actions > a,
body.page-home .home-hero-actions > .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:50px!important;
  padding:14px 22px!important;
  border-radius:18px!important;
  font-size:1.02rem!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 14px 28px rgba(56,37,133,.15)!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease!important;
}
body.page-home .hero-actions > a:hover,
body.page-home .hero-actions > .btn:hover,
body.page-home .hero-buttons > a:hover,
body.page-home .hero-buttons > .btn:hover,
body.page-home .hero-cta > a:hover,
body.page-home .hero-cta > .btn:hover,
body.page-home .cta-buttons > a:hover,
body.page-home .cta-buttons > .btn:hover,
body.page-home .digitera-hero-actions > a:hover,
body.page-home .digitera-hero-actions > .btn:hover,
body.page-home .digitera-hero-buttons > a:hover,
body.page-home .digitera-hero-buttons > .btn:hover,
body.page-home .digitera-cta-row > a:hover,
body.page-home .digitera-cta-row > .btn:hover,
body.page-home .button-group > a:hover,
body.page-home .button-group > .btn:hover,
body.page-home .button-row > a:hover,
body.page-home .button-row > .btn:hover,
body.page-home .auth-actions > a:hover,
body.page-home .auth-actions > .btn:hover,
body.page-home .home-hero-actions > a:hover,
body.page-home .home-hero-actions > .btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 32px rgba(56,37,133,.22)!important;
}

/* primary/ungu */
body.page-home .hero-actions > a.btn-primary,
body.page-home .hero-actions > .btn-primary,
body.page-home .hero-buttons > a.btn-primary,
body.page-home .hero-buttons > .btn-primary,
body.page-home .hero-cta > a.btn-primary,
body.page-home .hero-cta > .btn-primary,
body.page-home .cta-buttons > a.btn-primary,
body.page-home .cta-buttons > .btn-primary,
body.page-home .digitera-hero-actions > a.btn-primary,
body.page-home .digitera-hero-actions > .btn-primary,
body.page-home .digitera-hero-buttons > a.btn-primary,
body.page-home .digitera-hero-buttons > .btn-primary,
body.page-home .digitera-cta-row > a.btn-primary,
body.page-home .digitera-cta-row > .btn-primary,
body.page-home .button-group > a.btn-primary,
body.page-home .button-group > .btn-primary,
body.page-home .button-row > a.btn-primary,
body.page-home .button-row > .btn-primary,
body.page-home .auth-actions > a.btn-primary,
body.page-home .auth-actions > .btn-primary,
body.page-home .home-hero-actions > a.btn-primary,
body.page-home .home-hero-actions > .btn-primary{
  background:linear-gradient(135deg,#6d49ef 0%,#5a34dc 55%,#4f73ff 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}

/* secondary/putih */
body.page-home .hero-actions > a.btn-secondary,
body.page-home .hero-actions > .btn-secondary,
body.page-home .hero-buttons > a.btn-secondary,
body.page-home .hero-buttons > .btn-secondary,
body.page-home .hero-cta > a.btn-secondary,
body.page-home .hero-cta > .btn-secondary,
body.page-home .cta-buttons > a.btn-secondary,
body.page-home .cta-buttons > .btn-secondary,
body.page-home .digitera-hero-actions > a.btn-secondary,
body.page-home .digitera-hero-actions > .btn-secondary,
body.page-home .digitera-hero-buttons > a.btn-secondary,
body.page-home .digitera-hero-buttons > .btn-secondary,
body.page-home .digitera-cta-row > a.btn-secondary,
body.page-home .digitera-cta-row > .btn-secondary,
body.page-home .button-group > a.btn-secondary,
body.page-home .button-group > .btn-secondary,
body.page-home .button-row > a.btn-secondary,
body.page-home .button-row > .btn-secondary,
body.page-home .auth-actions > a.btn-secondary,
body.page-home .auth-actions > .btn-secondary,
body.page-home .home-hero-actions > a.btn-secondary,
body.page-home .home-hero-actions > .btn-secondary{
  background:#fff!important;
  border:1px solid #e5dcff!important;
  color:#5837cf!important;
}

/* paksa tombol sekolah agar tidak terlalu pudar */
body.page-home .digitera-school-register-hero,
body.page-home a[href*="school/register"],
body.page-home a[href*="school/login"].digitera-school-register-hero{
  min-height:50px!important;
  padding:14px 22px!important;
  border-radius:18px!important;
  font-size:1.02rem!important;
  font-weight:800!important;
  color:#5a39d2!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 28px rgba(41,25,104,.12)!important;
}
body.page-home .digitera-school-register-hero:hover,
body.page-home a[href*="school/register"]:hover,
body.page-home a[href*="school/login"].digitera-school-register-hero:hover{
  background:#fff!important;
  color:#4a28bc!important;
  border-color:#ddd1ff!important;
}

/* jika tombol disusun grid, rapikan jadi otomatis */
body.page-home .hero-actions.is-grid,
body.page-home .hero-buttons.is-grid,
body.page-home .digitera-hero-actions.is-grid,
body.page-home .digitera-hero-buttons.is-grid,
body.page-home .home-hero-actions.is-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,max-content))!important;
  justify-content:flex-start!important;
}

@media(max-width:960px){
  body.page-home .hero-actions,
  body.page-home .hero-buttons,
  body.page-home .hero-cta,
  body.page-home .cta-buttons,
  body.page-home .digitera-hero-actions,
  body.page-home .digitera-hero-buttons,
  body.page-home .digitera-cta-row,
  body.page-home .button-group,
  body.page-home .button-row,
  body.page-home .auth-actions,
  body.page-home .home-hero-actions{
    gap:12px!important;
  }
  body.page-home .hero-actions > a,
  body.page-home .hero-actions > .btn,
  body.page-home .hero-buttons > a,
  body.page-home .hero-buttons > .btn,
  body.page-home .hero-cta > a,
  body.page-home .hero-cta > .btn,
  body.page-home .cta-buttons > a,
  body.page-home .cta-buttons > .btn,
  body.page-home .digitera-hero-actions > a,
  body.page-home .digitera-hero-actions > .btn,
  body.page-home .digitera-hero-buttons > a,
  body.page-home .digitera-hero-buttons > .btn,
  body.page-home .digitera-cta-row > a,
  body.page-home .digitera-cta-row > .btn,
  body.page-home .button-group > a,
  body.page-home .button-group > .btn,
  body.page-home .button-row > a,
  body.page-home .button-row > .btn,
  body.page-home .auth-actions > a,
  body.page-home .auth-actions > .btn,
  body.page-home .home-hero-actions > a,
  body.page-home .home-hero-actions > .btn,
  body.page-home .digitera-school-register-hero,
  body.page-home a[href*="school/register"]{
    min-height:48px!important;
    padding:13px 18px!important;
    font-size:.97rem!important;
  }
}
@media(max-width:720px){
  body.page-home .hero-actions,
  body.page-home .hero-buttons,
  body.page-home .hero-cta,
  body.page-home .cta-buttons,
  body.page-home .digitera-hero-actions,
  body.page-home .digitera-hero-buttons,
  body.page-home .digitera-cta-row,
  body.page-home .button-group,
  body.page-home .button-row,
  body.page-home .auth-actions,
  body.page-home .home-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body.page-home .hero-actions > a,
  body.page-home .hero-actions > .btn,
  body.page-home .hero-buttons > a,
  body.page-home .hero-buttons > .btn,
  body.page-home .hero-cta > a,
  body.page-home .hero-cta > .btn,
  body.page-home .cta-buttons > a,
  body.page-home .cta-buttons > .btn,
  body.page-home .digitera-hero-actions > a,
  body.page-home .digitera-hero-actions > .btn,
  body.page-home .digitera-hero-buttons > a,
  body.page-home .digitera-hero-buttons > .btn,
  body.page-home .digitera-cta-row > a,
  body.page-home .digitera-cta-row > .btn,
  body.page-home .button-group > a,
  body.page-home .button-group > .btn,
  body.page-home .button-row > a,
  body.page-home .button-row > .btn,
  body.page-home .auth-actions > a,
  body.page-home .auth-actions > .btn,
  body.page-home .home-hero-actions > a,
  body.page-home .home-hero-actions > .btn,
  body.page-home .digitera-school-register-hero,
  body.page-home a[href*="school/register"]{
    width:100%!important;
    justify-content:center!important;
  }
}