/*
 * SMANJA v24.0.2 — Teacher Readability Lock
 * Final contrast override for Yayasan teacher carousel.
 */
body.smanja-v2402{
  --sj2402-navy:#0b3558;
  --sj2402-blue:#0b6fa8;
  --sj2402-teal:#148b8a;
  --sj2402-gold:#e6b93f;
  --sj2402-ink:#173a55;
  --sj2402-muted:#62798b;
  --sj2402-line:#cfe0e9;
  --sj2402-soft:#f5fafc;
}

/* Section remains calm and light. */
body.smanja-v2402 #content .sj15-teacher-section,
body.smanja-v2402 #content .sj222-teacher-section,
body.smanja-v2402 #content .sj15-teacher-section.sj238-dark-surface,
body.smanja-v2402 #content .sj222-teacher-section.sj238-dark-surface{
  color:var(--sj2402-ink)!important;
  background:linear-gradient(180deg,#fff 0%,#f6fafc 100%)!important;
  border-color:var(--sj2402-line)!important;
}
body.smanja-v2402 #content .sj15-teacher-section .sj9-section-head h2,
body.smanja-v2402 #content .sj222-teacher-section .sj9-section-head h2{
  color:var(--sj2402-navy)!important;
  text-shadow:none!important;
}
body.smanja-v2402 #content .sj15-teacher-section .sj9-eyebrow,
body.smanja-v2402 #content .sj222-teacher-section .sj9-eyebrow,
body.smanja-v2402 #content .sj15-teacher-section .sj9-text-link,
body.smanja-v2402 #content .sj222-teacher-section .sj9-text-link{
  color:var(--sj2402-blue)!important;
}

/* Cards: photo can keep color, information area is always light-on-dark? No:
   we intentionally use a LIGHT copy panel for guaranteed readability. */
body.smanja-v2402 #content .sj15-teacher-card,
body.smanja-v2402 #content .sj15-teacher-card:nth-child(n),
body.smanja-v2402 #content .sj15-teacher-card.sj238-dark-surface{
  --teacher-a:var(--sj2402-blue)!important;
  --teacher-b:var(--sj2402-teal)!important;
  --teacher-accent:var(--sj2402-gold)!important;
  background:#fff!important;
  border:1px solid #bcd5e2!important;
  box-shadow:0 8px 20px rgba(8,56,89,.10)!important;
  color:var(--sj2402-ink)!important;
  filter:none!important;
}
body.smanja-v2402 #content .sj15-teacher-card:nth-child(even){
  border-color:#b8d9d5!important;
}
body.smanja-v2402 #content .sj15-teacher-card:before{
  background:linear-gradient(90deg,var(--teacher-a),var(--teacher-b))!important;
  opacity:1!important;
}
body.smanja-v2402 #content .sj15-teacher-card:after{display:none!important}
body.smanja-v2402 #content .sj15-teacher-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 28px rgba(8,56,89,.15)!important;
}

body.smanja-v2402 #content .sj15-teacher-photo{
  background:linear-gradient(180deg,#e5f5f3,#d6edef)!important;
  border:1px solid #c6dfe4!important;
  box-shadow:none!important;
}
body.smanja-v2402 #content .sj15-teacher-photo:after{
  background:linear-gradient(180deg,transparent 70%,rgba(9,53,88,.08))!important;
}
body.smanja-v2402 #content .sj15-teacher-photo>span{
  background:var(--sj2402-gold)!important;
  color:var(--sj2402-navy)!important;
  border:2px solid #fff!important;
  box-shadow:0 5px 12px rgba(12,57,83,.15)!important;
}

/* Readability lock: old auto-contrast and old nth-child CSS cannot darken these. */
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy,
body.smanja-v2402 #content .sj15-teacher-card.sj238-dark-surface .sj15-teacher-copy{
  background:#fff!important;
  color:var(--sj2402-ink)!important;
  text-shadow:none!important;
  border-top:1px solid #e1ebf0!important;
}
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy:before{
  background:linear-gradient(90deg,var(--sj2402-gold),var(--sj2402-blue))!important;
  opacity:1!important;
}
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy h3,
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy h3 *,
body.smanja-v2402 #content .sj15-teacher-card.sj238-dark-surface .sj15-teacher-copy h3,
body.smanja-v2402 #content .sj15-teacher-section.sj238-dark-surface .sj15-teacher-card .sj15-teacher-copy h3{
  color:var(--sj2402-navy)!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy small,
body.smanja-v2402 #content .sj15-teacher-card.sj238-dark-surface .sj15-teacher-copy small,
body.smanja-v2402 #content .sj15-teacher-section.sj238-dark-surface .sj15-teacher-card .sj15-teacher-copy small{
  color:#47758c!important;
  font-weight:800!important;
  text-shadow:none!important;
  opacity:1!important;
}
body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy p,
body.smanja-v2402 #content .sj15-teacher-card.sj238-dark-surface .sj15-teacher-copy p{
  color:var(--sj2402-muted)!important;
  text-shadow:none!important;
  opacity:1!important;
}

/* Pagination and arrows use the same palette. */
body.smanja-v2402 #content .sj15-teacher-section .sj15-carousel-nav{
  background:#fff!important;
  color:var(--sj2402-blue)!important;
  border:1px solid #c9dce7!important;
}
body.smanja-v2402 #content .sj15-teacher-section .sj15-carousel-nav:hover{
  background:var(--sj2402-navy)!important;
  color:#fff!important;
}
body.smanja-v2402 #content .sj151-teacher-pagination button{
  background:#fff!important;
  color:var(--sj2402-navy)!important;
  border-color:#d3e1e9!important;
}
body.smanja-v2402 #content .sj151-teacher-pagination .sj151-page-button.is-active,
body.smanja-v2402 #content .sj151-teacher-pagination button:hover{
  background:var(--sj2402-blue)!important;
  color:#fff!important;
  border-color:var(--sj2402-blue)!important;
}

@media(max-width:767.98px){
  body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy{padding:7px 7px 8px!important}
  body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy h3{font-size:10px!important;line-height:1.22!important}
  body.smanja-v2402 #content .sj15-teacher-card .sj15-teacher-copy small{font-size:7.5px!important}
}