/* =============================================================
   SMANJA WEB v8.0 — Elegant School Experience
   Public frontend refinement. Loaded after v7.
============================================================= */
:root{
  --sj8-navy:#08294f;--sj8-blue:#1767b1;--sj8-sky:#3aa6d8;--sj8-gold:#d8a93d;
  --sj8-ink:#172b42;--sj8-muted:#66788a;--sj8-bg:#f5f8fb;--sj8-card:#fff;
  --sj8-line:#dce6ef;--sj8-soft:#edf5fb;--sj8-radius:20px;
  --sj8-shadow:0 12px 34px rgba(16,48,80,.075);--sj8-shadow-lg:0 24px 60px rgba(16,48,80,.13);
}
html{scroll-behavior:smooth}
body.smanja-v8{background:linear-gradient(180deg,#f8fbfd 0,#f3f7fa 52%,#f8fafc 100%)!important;color:var(--sj8-ink)!important;overflow-x:hidden}
body.smanja-v8 *,body.smanja-v8 *:before,body.smanja-v8 *:after{box-sizing:border-box}
body.smanja-v8 a:focus-visible,body.smanja-v8 button:focus-visible,body.smanja-v8 input:focus-visible{outline:3px solid rgba(23,103,177,.28)!important;outline-offset:3px}

/* Header */
body.smanja-v8 .navbar-primary{background:linear-gradient(118deg,#061f3d 0%,#0a3768 48%,#0c548b 100%)!important;box-shadow:0 10px 32px rgba(5,31,61,.20)!important;min-height:74px!important}
body.smanja-v8 .navbar-primary:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
body.smanja-v8 .navbar-primary .logo{width:52px!important;height:52px!important}
body.smanja-v8 .school-name{font-size:1.18rem!important;font-weight:800!important;letter-spacing:.25px!important}
body.smanja-v8 .school-tagline{font-size:.72rem!important;letter-spacing:1.1px!important;color:#d8e8f6!important}
body.smanja-v8 .navbar-secondary{background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:1px solid var(--sj8-line)!important;box-shadow:0 8px 26px rgba(17,57,91,.06)!important;backdrop-filter:blur(16px)}
body.smanja-v8 .navbar-secondary .navbar-nav{gap:3px!important}
body.smanja-v8 .navbar-secondary .nav-item{margin-right:0!important}
body.smanja-v8 .navbar-secondary .nav-link{border:0!important;border-radius:10px!important;padding:10px 12px!important;color:#365069!important;font-size:13px!important;font-weight:650!important}
body.smanja-v8 .navbar-secondary .nav-link:hover,body.smanja-v8 .navbar-secondary .nav-item.active>.nav-link{background:#edf5fc!important;color:var(--sj8-blue)!important;transform:none!important}
body.smanja-v8 .navbar-secondary .dropdown-menu{border:1px solid var(--sj8-line)!important;border-top:1px solid var(--sj8-line)!important;border-radius:14px!important;padding:7px!important;box-shadow:var(--sj8-shadow-lg)!important}
body.smanja-v8 .navbar-secondary .dropdown-item{border-radius:9px!important;padding:9px 11px!important}

/* page canvas */
body.smanja-v8 #content{background:transparent!important}
body.smanja-v8.home-page #content,body.smanja-v8.cms-datagoe #content{padding-top:124px!important}
body.smanja-v8 .container{max-width:1180px}
body.smanja-v8 section{position:relative}

/* Main carousel / hero */
body.smanja-v8 .home-main-slider,body.smanja-v8 .banner-elegant{border-radius:24px!important;overflow:hidden!important;background:#071f3a!important;box-shadow:0 22px 56px rgba(7,37,67,.14)!important;border:1px solid rgba(255,255,255,.65)!important}
body.smanja-v8 .banner-img{height:500px!important;object-fit:cover!important}
body.smanja-v8 .banner-overlay{background:linear-gradient(90deg,rgba(5,28,53,.70) 0%,rgba(5,28,53,.36) 52%,rgba(5,28,53,.10) 100%),linear-gradient(0deg,rgba(4,24,46,.50),transparent 55%)!important}
body.smanja-v8 .banner-content{bottom:48px!important}
body.smanja-v8 .banner-title{max-width:800px;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.18;letter-spacing:-.5px}
body.smanja-v8 .banner-desc{font-size:.95rem!important;color:#eef6fd!important;max-width:680px!important}
body.smanja-v8 .carousel-indicators li{width:26px!important;height:4px!important;border-radius:999px!important;border:0!important}

/* announcement */
body.smanja-v8 .pengumuman{margin:14px auto 22px!important;max-width:1180px;border-radius:14px!important;background:linear-gradient(105deg,#08294f,#0c5b96)!important;padding:10px 15px!important;box-shadow:0 12px 30px rgba(8,41,79,.10)!important}
body.smanja-v8 .marquee-berita span.pointer{border:0!important;background:rgba(255,255,255,.08)!important;padding:6px 14px!important}

/* cards and content */
body.smanja-v8 .card,body.smanja-v8 .widget,body.smanja-v8 .sidebar .widget,body.smanja-v8 .box,body.smanja-v8 .post-card{border:1px solid var(--sj8-line)!important;border-radius:var(--sj8-radius)!important;background:var(--sj8-card)!important;box-shadow:var(--sj8-shadow)!important}
body.smanja-v8 .card{overflow:hidden}
body.smanja-v8 .card-body{padding:1.15rem!important}
body.smanja-v8 .section-title,body.smanja-v8 .title-section,body.smanja-v8 .widget-title{letter-spacing:-.2px}
body.smanja-v8 .widget-header{background:linear-gradient(105deg,#08294f,#1767b1)!important;border-radius:18px 18px 0 0!important;padding:13px 17px!important}
body.smanja-v8 .sidebar .list-group-item{padding:11px 13px!important;transition:.18s ease}
body.smanja-v8 .sidebar .list-group-item:hover{background:#f2f8fd!important;padding-left:17px!important}
body.smanja-v8 img{max-width:100%}
body.smanja-v8 .img-thumbnail{border-radius:14px!important;border-color:var(--sj8-line)!important}

/* schedule strip */
body.smanja-v8 .jadwal-container{background:#fff!important}
body.smanja-v8 .header-box{background:linear-gradient(145deg,#0b4f8c,#1767b1)!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(23,103,177,.16)}
body.smanja-v8 .jadwal-scroll{scrollbar-width:thin;scrollbar-color:#bfd2e2 transparent}
body.smanja-v8 .icon-box{box-shadow:0 5px 12px rgba(20,55,86,.08)}

/* forms & buttons */
body.smanja-v8 .form-control{border:1px solid #cfdce8!important;border-radius:12px!important;background:#fff!important;min-height:43px!important}
body.smanja-v8 .form-control:focus{border-color:#6caddf!important;box-shadow:0 0 0 4px rgba(23,103,177,.10)!important}
body.smanja-v8 .btn{border-radius:11px!important;font-weight:650!important;box-shadow:none!important}
body.smanja-v8 .btn-primary{background:linear-gradient(135deg,#145f9f,#1974bd)!important;border-color:#1767b1!important}
body.smanja-v8 .btn:hover{transform:translateY(-1px)!important}
body.smanja-v8 .table{background:#fff!important;border-radius:14px!important;overflow:hidden!important}

/* elegant footer */
body.smanja-v8 .sj8-footer{margin-top:64px!important;background:linear-gradient(135deg,#051b33,#082d52 55%,#0b426d)!important;color:#e7f0f8!important;position:relative;overflow:hidden}
body.smanja-v8 .sj8-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(58,166,216,.16),transparent 24%),radial-gradient(circle at 92% 70%,rgba(216,169,61,.11),transparent 24%);pointer-events:none}
body.smanja-v8 .sj8-footer-main{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;padding:42px 15px 32px}
body.smanja-v8 .sj8-footer-brand{display:flex;gap:15px;align-items:flex-start}
body.smanja-v8 .sj8-footer-logo{width:58px;height:58px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.09);padding:7px;border:1px solid rgba(255,255,255,.12)}
body.smanja-v8 .sj8-footer h3{color:#fff;margin:0 0 7px;font-size:1.02rem}
body.smanja-v8 .sj8-footer p{margin:0;color:#bcd0e1;font-size:.82rem;line-height:1.7}
body.smanja-v8 .sj8-footer-links{display:flex;justify-content:flex-end;align-content:flex-start;gap:8px;flex-wrap:wrap}
body.smanja-v8 .sj8-footer-links a{color:#eaf3fa!important;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);padding:8px 11px;border-radius:10px;font-size:.76rem;transition:.18s ease}
body.smanja-v8 .sj8-footer-links a:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
body.smanja-v8 .sj8-footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.10);padding:15px;text-align:center;color:#a8bfd2;font-size:.74rem}

/* subtle entrance */
body.smanja-v8.js .sj8-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
body.smanja-v8.js .sj8-reveal.sj8-visible{opacity:1;transform:none}

@media(max-width:991.98px){
 body.smanja-v8.home-page #content,body.smanja-v8.cms-datagoe #content{padding-top:88px!important}
 body.smanja-v8 .navbar-secondary .navbar-nav{gap:0!important}
 body.smanja-v8 .navbar-secondary .nav-link{width:100%;padding:10px 12px!important}
 body.smanja-v8 .navbar-secondary .dropdown-menu{position:static!important;width:100%;box-shadow:none!important;border:0!important;background:#f5f9fc!important}
 body.smanja-v8 .banner-img{height:380px!important}
 body.smanja-v8 .sj8-footer-main{grid-template-columns:1fr;gap:24px}
 body.smanja-v8 .sj8-footer-links{justify-content:flex-start}
}
@media(max-width:575.98px){
 body.smanja-v8 .container{padding-left:14px;padding-right:14px}
 body.smanja-v8 .banner-elegant{border-radius:17px!important;margin-bottom:18px!important}
 body.smanja-v8 .banner-img{height:285px!important}
 body.smanja-v8 .banner-content{bottom:24px!important;padding-left:18px!important;padding-right:18px!important}
 body.smanja-v8 .banner-title{font-size:1.35rem!important}
 body.smanja-v8 .banner-desc{display:none}
 body.smanja-v8 .pengumuman{margin:10px 12px 18px!important;border-radius:12px!important}
 body.smanja-v8 .card{border-radius:16px!important}
 body.smanja-v8 .sj8-footer{margin-top:42px!important}
 body.smanja-v8 .sj8-footer-main{padding-top:30px}
 body.smanja-v8 .sj8-footer-brand{align-items:center}
}
@media(prefers-reduced-motion:reduce){body.smanja-v8 *,body.smanja-v8 *:before,body.smanja-v8 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}