/*
 * SMANJA v22.3.3 — Sticky Logo Visibility Hotfix
 * Keeps the school logo visible in the compact blue navbar while scrolling.
 */
body.smanja-v2233{
  --sj2233-navy:#063654;
  --sj2233-blue:#07547f;
  --sj2233-gold:#f3c84b;
}

/* Compact brand injected in the secondary navbar for desktop sticky mode. */
body.smanja-v2233 .sj2233-sticky-brand{
  display:none!important;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  text-decoration:none!important;
  color:#fff!important;
  white-space:nowrap;
}
body.smanja-v2233 .sj2233-sticky-brand img{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  padding:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.smanja-v2233 .sj2233-sticky-brand span{
  font-size:11.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.025em;
}

@media (min-width:992px){
  body.smanja-v2233.is-scrolled .navbar-secondary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.smanja-v2233.is-scrolled .navbar-secondary .sj2233-sticky-brand{
    display:flex!important;
    margin-right:7px!important;
  }
  body.smanja-v2233.is-scrolled .navbar-secondary .navbar-nav{
    flex:0 1 auto!important;
  }
}

/* Mobile/tablet: keep the primary compact bar, but never hide its logo. */
@media (max-width:991.98px){
  body.smanja-v2233.is-scrolled .navbar-primary.header-top{
    min-height:46px!important;
    max-height:46px!important;
    height:46px!important;
    padding:4px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    opacity:1!important;
    overflow:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    background:linear-gradient(90deg,var(--sj2233-navy) 0%,var(--sj2233-blue) 100%)!important;
    box-shadow:0 7px 20px rgba(3,42,68,.20)!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .navbar-brand{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .logo{
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.97)!important;
    padding:2px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.14)!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .school-brand-inline{
    display:block!important;
    min-width:0!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .school-name{
    display:block!important;
    max-width:44vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    color:#fff!important;
    letter-spacing:.01em!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .school-name span{
    color:#fff!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .school-divider,
  body.smanja-v2233.is-scrolled .navbar-primary .school-tagline{
    display:none!important;
  }
  body.smanja-v2233.is-scrolled .navbar-toggler{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:8px!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.08)!important;
  }
  body.smanja-v2233.is-scrolled .navbar-toggler i{color:#fff!important;}

  /* The duplicated desktop sticky brand is unnecessary inside the collapsed mobile menu. */
  body.smanja-v2233 .navbar-secondary .sj2233-sticky-brand{display:none!important;}
}

@media (max-width:420px){
  body.smanja-v2233.is-scrolled .navbar-primary .logo{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    flex-basis:32px!important;
  }
  body.smanja-v2233.is-scrolled .navbar-primary .school-name{
    max-width:48vw!important;
    font-size:10.5px!important;
  }
}