/*
 * SMANJA v24.0.4 — Yayasan Teacher Image + Hero CTA Hard Fix
 * Root-safe release for SMA Negeri 1 Jalaksana.
 */
body.smanja-v2404{
  --sj2404-navy:#0a3558;
  --sj2404-blue:#0a6fa9;
  --sj2404-blue-dark:#075684;
  --sj2404-orange:#f4a62a;
  --sj2404-orange-2:#ffc85a;
  --sj2404-white:#fff;
}

/* HERO CTA: blue surface, white copy, orange accent. */
body.smanja-v2404 .sj223-hero-actions .sj223-hero-cta,
body.smanja-v2404 .sj223-hero-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--sj2404-blue),var(--sj2404-blue-dark))!important;
  color:var(--sj2404-white)!important;
  border:2px solid var(--sj2404-orange)!important;
  box-shadow:0 12px 28px rgba(3,35,62,.30),inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
  font-weight:900!important;
  opacity:1!important;
  filter:none!important;
}
body.smanja-v2404 .sj223-hero-actions .sj223-hero-cta span,
body.smanja-v2404 .sj223-hero-cta span{
  color:var(--sj2404-orange-2)!important;
  font-weight:1000!important;
}
body.smanja-v2404 .sj223-hero-actions .sj223-hero-cta:hover,
body.smanja-v2404 .sj223-hero-actions .sj223-hero-cta:focus-visible,
body.smanja-v2404 .sj223-hero-cta:hover,
body.smanja-v2404 .sj223-hero-cta:focus-visible{
  background:linear-gradient(135deg,#075987,#06466d)!important;
  color:#fff!important;
  border-color:var(--sj2404-orange-2)!important;
  box-shadow:0 16px 34px rgba(3,35,62,.38),0 0 0 3px rgba(244,166,42,.18)!important;
  transform:translateY(-2px)!important;
}

/* Teacher image HARD FIX.
   Background-image mirrors img source so portraits remain visible even if an old rule affects <img>. */
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo{
  position:relative!important;
  overflow:hidden!important;
  background-color:#dceff0!important;
  background-image:var(--sj2404-teacher-image)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 18%!important;
  isolation:isolate!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo::before{
  content:none!important;
  display:none!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:18%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(7,55,82,.08))!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo img,
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo .sj2404-teacher-img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  clip:auto!important;
  clip-path:none!important;
}
body.smanja-v2404 #content .sj15-teacher-card:hover .sj15-teacher-photo img{
  transform:scale(1.025)!important;
}
body.smanja-v2404 #content .sj15-teacher-card.uses-placeholder .sj15-teacher-photo,
body.smanja-v2404 #content .sj15-teacher-card.uses-placeholder .sj15-teacher-photo img{
  background-position:center!important;
  object-position:center!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo>span{
  z-index:5!important;
}

/* Copy panel: guaranteed contrast. */
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-copy,
body.smanja-v2404 #content .sj15-teacher-card.sj238-dark-surface .sj15-teacher-copy{
  background:#fff!important;
  color:#173b56!important;
  opacity:1!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-copy h3{
  color:var(--sj2404-navy)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-copy small{
  color:#3e7089!important;
  opacity:1!important;
  text-shadow:none!important;
}

@media(max-width:767.98px){
  body.smanja-v2404 .sj223-hero-actions .sj223-hero-cta,
  body.smanja-v2404 .sj223-hero-cta{
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:12px!important;
  }
  body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo{
    background-position:center 14%!important;
  }
  body.smanja-v2404 #content .sj15-teacher-card .sj15-teacher-photo img{
    object-position:center 14%!important;
  }
}