/*
 * SMANJA v10.0.0 — Yayasan Institutional UI
 * Scope: public theme "yayasan" only. This is an override layer on top of v9/v9.2.
 * Design goals: stronger hierarchy, cleaner spacing, premium government/school portal feel,
 * responsive layout, and full compatibility with prefers-reduced-motion.
 */
body.smanja-v10{
  --s10-navy:#082b4c;
  --s10-navy-2:#0d3b63;
  --s10-blue:#1269b0;
  --s10-sky:#eaf4fc;
  --s10-gold:#e5bd58;
  --s10-ink:#17324d;
  --s10-muted:#64778b;
  --s10-line:#dbe5ed;
  --s10-paper:#f5f8fb;
  --s10-card:#ffffff;
  --s10-shadow:0 18px 48px rgba(7,43,76,.10);
  --s10-shadow-soft:0 8px 28px rgba(7,43,76,.07);
  background:
    radial-gradient(circle at 12% 8%, rgba(18,105,176,.07), transparent 30rem),
    linear-gradient(180deg,#f9fbfd 0,#f4f8fb 36rem,#f7f9fb 100%)!important;
  color:var(--s10-ink)!important;
}

/* ===== Header / navigation ===== */
body.smanja-v10.cms-datagoe .navbar.fixed-top{
  filter:drop-shadow(0 10px 26px rgba(5,35,62,.10));
}
body.smanja-v10.cms-datagoe .navbar-primary.header-top{
  background:linear-gradient(115deg,#072844 0%,#0b3559 56%,#0f456f 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.smanja-v10.cms-datagoe .navbar-primary.header-top:after{
  content:"";
  display:block;
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--s10-gold),#f1d47e,var(--s10-gold),transparent);
  opacity:.88;
  pointer-events:none;
}
body.smanja-v10.cms-datagoe .navbar-primary .navbar-brand{
  min-height:70px;
}
body.smanja-v10.cms-datagoe .navbar-primary .logo{
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.16));
}
body.smanja-v10.cms-datagoe .school-name{
  font-weight:800!important;
  letter-spacing:.012em!important;
}
body.smanja-v10.cms-datagoe .school-tagline{
  color:#c8dbea!important;
  letter-spacing:.08em!important;
}
body.smanja-v10.cms-datagoe .navbar-secondary{
  background:rgba(255,255,255,.98)!important;
  border-top:0!important;
  border-bottom:1px solid #dbe6ee!important;
  box-shadow:0 6px 20px rgba(7,43,76,.055)!important;
}
body.smanja-v10.cms-datagoe .navbar-secondary .nav-link{
  color:#2d465f!important;
  font-weight:650!important;
  border-radius:8px!important;
}
body.smanja-v10.cms-datagoe .navbar-secondary .nav-link:hover,
body.smanja-v10.cms-datagoe .navbar-secondary .nav-link:focus{
  color:var(--s10-blue)!important;
  background:#eef5fb!important;
  box-shadow:inset 0 -2px 0 var(--s10-blue);
}
body.smanja-v10.cms-datagoe .navbar-secondary .dropdown-menu{
  border:1px solid #dbe6ee!important;
  border-top:3px solid var(--s10-blue)!important;
  border-radius:10px!important;
  box-shadow:0 18px 48px rgba(7,43,76,.14)!important;
  padding:8px!important;
}
body.smanja-v10.cms-datagoe .navbar-secondary .dropdown-item{
  border-radius:7px;
  padding:9px 11px!important;
}
body.smanja-v10.cms-datagoe .navbar-secondary .dropdown-item:hover{
  background:#eef5fb!important;
  color:var(--s10-blue)!important;
}

/* ===== Core width and typography ===== */
body.smanja-v10 .sj9-wrap{width:min(1240px,calc(100% - 56px))}
body.smanja-v10 .sj9-home{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif!important}
body.smanja-v10 .sj9-home .sj9-eyebrow{
  color:var(--s10-blue);
  letter-spacing:.16em;
  font-weight:800;
}
body.smanja-v10 .sj9-home h2{
  color:var(--s10-ink)!important;
  font-weight:760;
  letter-spacing:-.035em;
}
body.smanja-v10 .sj9-text-link{
  color:var(--s10-blue)!important;
}

/* ===== Hero ===== */
body.smanja-v10 .sj92-hero{
  position:relative;
  overflow:hidden;
  padding:28px 0 34px;
  background:
    linear-gradient(125deg,rgba(3,27,49,.97),rgba(8,54,90,.96) 58%,rgba(14,72,111,.95)),
    var(--s10-navy)!important;
}
body.smanja-v10 .sj92-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
}
body.smanja-v10 .sj92-hero:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-220px;top:-240px;
  border:1px solid rgba(229,189,88,.25);
  border-radius:50%;
  box-shadow:0 0 0 78px rgba(255,255,255,.025),0 0 0 156px rgba(255,255,255,.02);
  pointer-events:none;
}
body.smanja-v10 .sj92-hero .sj9-wrap{position:relative;z-index:1}
body.smanja-v10 .sj92-hero-intro{
  margin-bottom:22px;
  align-items:flex-end;
}
body.smanja-v10 .sj92-hero .sj9-eyebrow{
  color:#f0d988;
  font-size:9px;
}
body.smanja-v10 .sj92-hero h1{
  font-size:clamp(26px,3vw,40px)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  margin:7px 0 4px!important;
}
body.smanja-v10 .sj92-hero p{
  color:#c6d8e8!important;
  font-size:11px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase;
}
body.smanja-v10 .sj92-hero .sj9-button-gold{
  border-radius:9px;
  background:linear-gradient(135deg,#f0d77f,#e3b744)!important;
  box-shadow:0 10px 28px rgba(229,189,88,.16);
}
body.smanja-v10 .sj92-slider{
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:#061f36;
  box-shadow:0 24px 58px rgba(1,18,33,.33);
}
body.smanja-v10 .sj92-slides{
  aspect-ratio:3.05/1;
  background:#eef3f8;
}
body.smanja-v10 .sj92-slider-bar{
  min-height:68px;
  padding:14px 20px;
  background:linear-gradient(90deg,#0b3152,#0e3e66);
  border-top:1px solid rgba(255,255,255,.08);
}
body.smanja-v10 .sj92-banner-label>span{color:#f0d77f}
body.smanja-v10 .sj92-banner-label>strong{font-size:13px;letter-spacing:.005em}
body.smanja-v10 .sj92-slider-controls>button{
  border-radius:8px;
  border-color:rgba(255,255,255,.20);
}
body.smanja-v10 .sj92-slider-controls>button:hover{background:rgba(255,255,255,.13)}

/* ===== Quick access ===== */
body.smanja-v10 .sj9-shortcuts{
  margin-top:18px;
  border:1px solid var(--s10-line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--s10-shadow-soft);
  background:rgba(255,255,255,.96);
}
body.smanja-v10 .sj9-shortcuts>a{
  min-height:86px;
  padding:17px 20px;
  border-color:#e6edf3;
  transition:background .18s ease,box-shadow .18s ease;
}
body.smanja-v10 .sj9-shortcuts>a:hover{
  background:#f6faff;
  box-shadow:inset 0 -3px 0 var(--s10-blue);
}
body.smanja-v10 .sj9-shortcuts i{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  font-size:17px;
  color:var(--s10-blue);
  background:var(--s10-sky);
}
body.smanja-v10 .sj9-shortcuts strong{font-size:12px;color:#203c57}
body.smanja-v10 .sj9-shortcuts small{font-size:9px;color:#738397}

/* ===== Ticker ===== */
body.smanja-v10 .sj92-ticker{
  border:1px solid var(--s10-line);
  border-radius:10px;
  margin-top:13px;
  background:#fff;
  box-shadow:0 5px 18px rgba(7,43,76,.045);
}
body.smanja-v10 .sj92-ticker-label{
  color:#fff;
  background:var(--s10-blue);
  border:0;
  border-radius:7px;
  padding:7px 11px;
  letter-spacing:.08em;
}
body.smanja-v10 .sj92-ticker-items>a{color:#28425d}
body.smanja-v10 .sj92-ticker-items>a:before{color:var(--s10-gold)}

/* ===== School statistics ===== */
body.smanja-v10 .sj92-student-info{margin-top:32px}
body.smanja-v10 .sj92-data-label{
  border-radius:999px;
  background:#edf6fd;
  border-color:#d4e7f6;
  color:#2f628b;
  padding:6px 11px;
}
body.smanja-v10 .sj92-stats{gap:15px}
body.smanja-v10 .sj92-stat{
  position:relative;
  overflow:hidden;
  border:1px solid var(--s10-line);
  border-top:0;
  border-radius:13px;
  padding:21px 18px 19px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  box-shadow:0 9px 26px rgba(7,43,76,.055);
}
body.smanja-v10 .sj92-stat:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--stat-color,#2776b6);
}
body.smanja-v10 .sj92-stat:after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  right:-44px;top:-44px;
  border-radius:50%;
  background:var(--stat-bg,#e9f3fc);
  opacity:.8;
}
body.smanja-v10 .sj92-stat-icon{border-radius:10px;position:relative;z-index:1}
body.smanja-v10 .sj92-stat strong{font-size:36px;color:var(--s10-navy)}

/* ===== Important announcement ===== */
body.smanja-v10 .sj9-priority{
  position:relative;
  margin-top:24px;
  padding:15px 18px 15px 21px;
  border:1px solid #e5dcc2;
  border-left:4px solid var(--s10-gold);
  border-top-width:1px;
  border-radius:10px;
  background:linear-gradient(90deg,#fffaf0,#fff 44%);
  box-shadow:0 6px 20px rgba(95,72,14,.045);
}
body.smanja-v10 .sj9-priority-icon{
  color:#805d0f;
  background:#f7e9b9;
}
body.smanja-v10 .sj9-priority h2{color:#30445a!important}
body.smanja-v10 .sj9-priority-item:hover strong{color:var(--s10-blue)}

/* ===== News ===== */
body.smanja-v10 .sj9-section{padding-top:48px}
body.smanja-v10 .sj9-section-head{margin-bottom:23px}
body.smanja-v10 .sj9-news-grid{gap:0 26px}
body.smanja-v10 .sj9-news-lead{
  border-radius:13px;
  border-color:var(--s10-line);
  box-shadow:var(--s10-shadow-soft);
}
body.smanja-v10 .sj9-news-lead .sj9-news-image img{height:300px}
body.smanja-v10 .sj9-news-lead .sj9-news-body{padding:25px 26px 27px}
body.smanja-v10 .sj9-news-card:not(.sj9-news-lead){
  padding:17px 0;
}
body.smanja-v10 .sj9-news-image{border-radius:9px;background:#e8eff5}
body.smanja-v10 .sj9-news-image img{transition:transform .3s ease}
body.smanja-v10 .sj9-news-card:hover .sj9-news-image img{transform:scale(1.018)}
body.smanja-v10 .sj9-meta>span{
  color:var(--s10-blue);
  background:#eef6fc;
  border-radius:999px;
  padding:2px 8px;
}

/* ===== Agenda / cards ===== */
body.smanja-v10 .sj9-board{
  border-radius:13px;
  border-color:var(--s10-line);
  box-shadow:0 8px 24px rgba(7,43,76,.045);
}
body.smanja-v10 .sj9-agenda-board{
  background:linear-gradient(135deg,#eef6f8,#f8fbfc 64%,#fff);
}
body.smanja-v10 .sj9-date{
  border-radius:9px;
  border-color:#d8e6ed;
  box-shadow:0 5px 13px rgba(7,43,76,.045);
}

/* ===== Services ===== */
body.smanja-v10 .sj9-service-band{
  position:relative;
  overflow:hidden;
  margin-top:52px;
  padding:54px 0 60px;
  background:linear-gradient(120deg,#062744,#0a365b 58%,#0c436d)!important;
}
body.smanja-v10 .sj9-service-band:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);
  background-size:26px 26px;
  pointer-events:none;
}
body.smanja-v10 .sj9-service-band>.sj9-wrap{position:relative;z-index:1}
body.smanja-v10 .sj9-service-card{
  border-radius:11px;
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.smanja-v10 .sj9-service-card:hover{
  background:rgba(255,255,255,.11);
  border-color:rgba(229,189,88,.70);
}

/* ===== Principal ===== */
body.smanja-v10 .sj9-welcome{
  position:relative;
  grid-template-columns:270px 1fr;
  gap:44px;
  padding:30px;
  margin-top:48px;
  border:1px solid var(--s10-line);
  border-radius:15px;
  background:linear-gradient(135deg,#fff,#f9fbfd);
  box-shadow:var(--s10-shadow-soft);
  overflow:hidden;
}
body.smanja-v10 .sj9-welcome:after{
  content:"“";
  position:absolute;
  right:28px;top:-35px;
  font-family:Georgia,serif;
  font-size:150px;
  color:#0e639d0a;
  line-height:1;
  pointer-events:none;
}
body.smanja-v10 .sj9-portrait{
  height:325px;
  border-radius:11px;
  border:1px solid #dce7ef;
  background:linear-gradient(180deg,#edf3f7,#e6eef3);
}
body.smanja-v10 .sj9-welcome-copy{position:relative;z-index:1}
body.smanja-v10 .sj92-principal-name{
  border-left-color:var(--s10-gold);
}

/* ===== Gallery / resources / contact ===== */
body.smanja-v10 .sj9-gallery-item{border-radius:12px;overflow:hidden}
body.smanja-v10 .sj9-gallery-item:after{background:linear-gradient(transparent 38%,rgba(2,24,43,.87))}
body.smanja-v10 .sj9-resource-grid .sj9-board{background:linear-gradient(145deg,#fff,#fbfdff)}
body.smanja-v10 .sj9-contact{
  border-radius:15px;
  border:1px solid var(--s10-line);
  padding:32px;
  margin-bottom:28px;
  background:linear-gradient(110deg,#f6fafe,#fff);
  box-shadow:var(--s10-shadow-soft);
}
body.smanja-v10 .sj9-map{border-radius:12px;border-color:var(--s10-line)}

/* ===== Legacy/public content pages ===== */
body.smanja-v10 .page_main_wrapper,
body.smanja-v10 .main-content,
body.smanja-v10 .content-wrapper{
  color:var(--s10-ink);
}
body.smanja-v10 .page_main_wrapper .card,
body.smanja-v10 .page_main_wrapper .widget,
body.smanja-v10 .page_main_wrapper .post-wrapper{
  border-color:var(--s10-line)!important;
  box-shadow:0 8px 28px rgba(7,43,76,.045)!important;
}

/* ===== Motion/accessibility ===== */
@media(prefers-reduced-motion:reduce){
  body.smanja-v10 .sj9-news-image img{transition:none!important;transform:none!important}
}

/* ===== Responsive ===== */
@media(max-width:991.98px){
  body.smanja-v10.cms-datagoe .navbar.fixed-top{filter:none}
  body.smanja-v10.cms-datagoe .navbar-primary.header-top{min-height:68px!important}
  body.smanja-v10.cms-datagoe .navbar-primary.header-top:after{height:2px}
  body.smanja-v10.cms-datagoe .navbar-secondary.collapse.show{
    background:#fff!important;
    border-radius:0 0 14px 14px;
    box-shadow:0 22px 45px rgba(7,43,76,.18)!important;
  }
  body.smanja-v10 .sj92-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.smanja-v10 .sj9-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  body.smanja-v10 .sj9-wrap{width:calc(100% - 28px)}
  body.smanja-v10 .sj92-hero{padding:17px 0 22px}
  body.smanja-v10 .sj92-hero-intro{margin-bottom:14px;align-items:center}
  body.smanja-v10 .sj92-hero h1{font-size:22px!important;line-height:1.25!important}
  body.smanja-v10 .sj92-hero p{font-size:8px!important;line-height:1.65!important;letter-spacing:.045em!important}
  body.smanja-v10 .sj92-slider{border-radius:11px}
  body.smanja-v10 .sj92-slides{aspect-ratio:2.55/1}
  body.smanja-v10 .sj92-slider-bar{padding:10px 12px}
  body.smanja-v10 .sj9-shortcuts{border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.smanja-v10 .sj9-shortcuts>a{min-height:72px;padding:13px 11px}
  body.smanja-v10 .sj9-shortcuts i{width:32px;height:32px;font-size:14px}
  body.smanja-v10 .sj92-ticker{border-radius:8px}
  body.smanja-v10 .sj92-ticker-label{padding:6px 8px}
  body.smanja-v10 .sj92-student-info{margin-top:24px}
  body.smanja-v10 .sj92-stat{border-radius:10px;padding:15px 11px}
  body.smanja-v10 .sj92-stat strong{font-size:30px}
  body.smanja-v10 .sj9-priority{border-radius:9px;padding:12px 13px 12px 15px}
  body.smanja-v10 .sj9-section{padding-top:35px}
  body.smanja-v10 .sj9-section-head{margin-bottom:18px}
  body.smanja-v10 .sj9-news-lead{border-radius:11px}
  body.smanja-v10 .sj9-news-lead .sj9-news-image img{height:220px}
  body.smanja-v10 .sj9-service-band{margin-top:34px;padding:39px 0 43px}
  body.smanja-v10 .sj9-welcome{grid-template-columns:1fr;gap:22px;padding:21px;margin-top:34px;border-radius:12px}
  body.smanja-v10 .sj9-portrait{height:300px;max-width:250px}
  body.smanja-v10 .sj9-contact{padding:22px;border-radius:12px}
}
@media(max-width:370px){
  body.smanja-v10 .sj9-wrap{width:calc(100% - 22px)}
  body.smanja-v10 .sj92-stats{grid-template-columns:1fr 1fr;gap:8px}
  body.smanja-v10 .sj92-stat{display:block}
  body.smanja-v10 .sj92-stat-icon{margin-bottom:8px}
  body.smanja-v10 .sj9-shortcuts>a{gap:7px}
}