/*
 * SMANJA v22.3.2 — Compact Schedule + Blue Sticky Navbar + Section Breathing Room
 * Yayasan public theme final override.
 */
body.smanja-v2232{
  --sj2232-section-pad:clamp(22px,2vw,30px);
  --sj2232-section-pad-sm:clamp(16px,1.5vw,22px);
  --sj2232-navy:#063654;
  --sj2232-blue:#0a5f93;
  --sj2232-line:#d9e5ed;
}

/* ------------------------------------------------------------------
   1) Sticky header: after scroll only the blue navigation bar remains.
      The logo/identity bar stays hidden while scrolling.
   ------------------------------------------------------------------ */
@media (min-width:992px){
  body.smanja-v2232.is-scrolled .navbar-primary.header-top{
    min-height:0!important;
    max-height:0!important;
    height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    opacity:0!important;
    overflow:hidden!important;
    transform:translateY(-100%)!important;
    pointer-events:none!important;
  }
  body.smanja-v2232.is-scrolled .navbar-primary .navbar-brand,
  body.smanja-v2232.is-scrolled .navbar-primary .logo,
  body.smanja-v2232.is-scrolled .navbar-primary .school-brand-inline,
  body.smanja-v2232.is-scrolled .navbar-primary .header-right{
    display:none!important;
  }
  body.smanja-v2232.is-scrolled .navbar-secondary{
    min-height:42px!important;
    height:42px!important;
    background:linear-gradient(90deg,#063654 0%,#07547f 58%,#0a6595 100%)!important;
    border-bottom:0!important;
    box-shadow:0 8px 24px rgba(3,42,68,.20)!important;
  }
  body.smanja-v2232.is-scrolled .navbar-secondary .nav-link{
    color:#fff!important;
    min-height:41px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  body.smanja-v2232.is-scrolled .navbar-secondary .nav-link:hover,
  body.smanja-v2232.is-scrolled .navbar-secondary .nav-link:focus,
  body.smanja-v2232.is-scrolled .navbar-secondary .nav-item.active>.nav-link{
    color:#fff!important;
    background:rgba(255,255,255,.09)!important;
    box-shadow:inset 0 -2px 0 #f3c84b!important;
  }
  body.smanja-v2232.is-scrolled .navbar-secondary .dropdown-toggle::after{
    border-top-color:#fff!important;
  }
}

/* ------------------------------------------------------------------
   2) Jadwal siswa: slimmer and better proportioned.
   ------------------------------------------------------------------ */
body.smanja-v2232 .sj154-schedule{
  border-radius:11px!important;
  box-shadow:0 7px 20px rgba(6,54,84,.07)!important;
}
body.smanja-v2232 .sj154-schedule-row{
  grid-template-columns:repeat(5,minmax(105px,1fr)) minmax(132px,.78fr)!important;
  min-width:680px!important;
}
body.smanja-v2232 .sj154-schedule-row>article{
  min-height:60px!important;
  padding:8px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.smanja-v2232 .sj154-schedule-row>.sj154-time-card span{
  font-size:10.5px!important;
  line-height:1.2!important;
  color:#657f92!important;
}
body.smanja-v2232 .sj154-schedule-row>.sj154-time-card strong{
  margin-top:4px!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
}
body.smanja-v2232 .sj154-schedule-row>.sj154-schedule-label{
  min-height:60px!important;
  padding:7px 11px!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:linear-gradient(145deg,#0b4569,#073552)!important;
}
body.smanja-v2232 .sj154-schedule-label i{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:7px!important;
  font-size:11px!important;
}
body.smanja-v2232 .sj154-schedule-label strong{
  font-size:14px!important;
  line-height:1.08!important;
}
body.smanja-v2232 .sj154-schedule-label small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.15!important;
}

/* ------------------------------------------------------------------
   3) Breathing room for framed sections across the public Yayasan page.
      Media/hero images remain full bleed; copy areas get real gutters.
   ------------------------------------------------------------------ */
body.smanja-v2232 .sj9-section,
body.smanja-v2232 .sj9-priority,
body.smanja-v2232 .sj13-school,
body.smanja-v2232 .sj13-berseri,
body.smanja-v2232 .sj22-quotes,
body.smanja-v2232 .sj9-contact,
body.smanja-v2232 .sj154-facilities,
body.smanja-v2232 .sj154-network-ads{
  padding-left:var(--sj2232-section-pad)!important;
  padding-right:var(--sj2232-section-pad)!important;
}

body.smanja-v2232 .sj9-board,
body.smanja-v2232 .sj17-contact-card,
body.smanja-v2232 .sj17-principal-card,
body.smanja-v2232 .sj17-calendar-card,
body.smanja-v2232 .sj151-today,
body.smanja-v2232 .sj19-student-info,
body.smanja-v2232 .sj154-related-panel,
body.smanja-v2232 .sj154-ad-panel,
body.smanja-v2232 .sj22-page-hero,
body.smanja-v2232 .sj22-page-section,
body.smanja-v2232 .sj22-facility-detail-body,
body.smanja-v2232 .sj22-facility-detail-facts{
  padding-left:var(--sj2232-section-pad-sm)!important;
  padding-right:var(--sj2232-section-pad-sm)!important;
}

/* Headings should never visually touch the frame edge. */
body.smanja-v2232 .sj9-section-head,
body.smanja-v2232 .sj15-priority-head,
body.smanja-v2232 .sj151-today-head,
body.smanja-v2232 .sj92-compact-heading,
body.smanja-v2232 .sj154-mini-head{
  padding-left:2px!important;
  padding-right:2px!important;
}

/* Individual copy cards keep comfortable inner gutters. */
body.smanja-v2232 .sj151-today-card{padding:15px 17px!important;}
body.smanja-v2232 .sj15-announcement-card{padding:13px 16px!important;column-gap:13px!important;}
body.smanja-v2232 .sj9-news-body{padding:20px 22px!important;}
body.smanja-v2232 .sj9-news-lead .sj9-news-body{padding:24px 27px!important;}
body.smanja-v2232 .sj9-service-card{padding:18px 19px!important;}
body.smanja-v2232 .sj15-teacher-copy{padding:18px 20px 21px!important;}
body.smanja-v2232 .sj15-video-copy{padding:21px 24px!important;}
body.smanja-v2232 .sj154-facility-copy{padding:19px 21px 21px!important;}
body.smanja-v2232 .sj154-related-card{padding:17px 18px!important;}
body.smanja-v2232 .sj22-quote-card{padding:25px 24px 23px!important;}

/* Maintain a visible gap between outer frame and surrounding page canvas. */
body.smanja-v2232 .sj9-wrap{
  width:min(1280px,calc(100% - 56px))!important;
}
body.smanja-v2232 .sj9-wrap > .sj9-section,
body.smanja-v2232 .sj9-wrap > .sj9-priority,
body.smanja-v2232 .sj9-wrap > .sj13-school,
body.smanja-v2232 .sj9-wrap > .sj13-berseri,
body.smanja-v2232 .sj9-wrap > .sj22-quotes,
body.smanja-v2232 .sj9-wrap > .sj154-network-ads,
body.smanja-v2232 .sj9-wrap > .sj154-facilities{
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:991.98px){
  body.smanja-v2232 .sj154-schedule-row>article{min-height:58px!important;padding:7px 10px!important;}
  body.smanja-v2232 .sj154-schedule-row>.sj154-time-card strong{font-size:17px!important;}
  body.smanja-v2232 .sj154-schedule-label strong{font-size:13px!important;}
  body.smanja-v2232 .sj9-wrap{width:calc(100% - 32px)!important;}
}

@media(max-width:767.98px){
  body.smanja-v2232{
    --sj2232-section-pad:17px;
    --sj2232-section-pad-sm:15px;
  }
  body.smanja-v2232 .sj154-schedule-row{
    min-width:630px!important;
    grid-template-columns:repeat(5,minmax(92px,1fr)) minmax(120px,.78fr)!important;
  }
  body.smanja-v2232 .sj154-schedule-row>article{min-height:56px!important;padding:7px 9px!important;}
  body.smanja-v2232 .sj154-schedule-row>.sj154-time-card span{font-size:9.5px!important;}
  body.smanja-v2232 .sj154-schedule-row>.sj154-time-card strong{font-size:16px!important;}
  body.smanja-v2232 .sj154-schedule-label i{width:25px!important;height:25px!important;min-width:25px!important;font-size:10px!important;}
  body.smanja-v2232 .sj154-schedule-label strong{font-size:12px!important;}
  body.smanja-v2232 .sj154-schedule-label small{font-size:8.5px!important;}
  body.smanja-v2232 .sj9-wrap{width:calc(100% - 22px)!important;}
  body.smanja-v2232 .sj9-news-body,
  body.smanja-v2232 .sj9-news-lead .sj9-news-body{padding:17px 18px!important;}
}

@media(max-width:479.98px){
  body.smanja-v2232{
    --sj2232-section-pad:14px;
    --sj2232-section-pad-sm:13px;
  }
  body.smanja-v2232 .sj9-wrap{width:calc(100% - 16px)!important;}
}

/* Extra lower breathing room so framed content does not sit on the bottom edge. */
body.smanja-v2232 .sj9-section,
body.smanja-v2232 .sj9-priority,
body.smanja-v2232 .sj13-school,
body.smanja-v2232 .sj13-berseri,
body.smanja-v2232 .sj22-quotes,
body.smanja-v2232 .sj9-contact,
body.smanja-v2232 .sj154-facilities,
body.smanja-v2232 .sj154-network-ads{
  padding-bottom:var(--sj2232-section-pad)!important;
}