/* v1.4.32 — local school photo background; replaces unreliable Google Drive CSS background. */

html{
  background:#06152d!important;
}

body.guardrail-landing{
  position:relative;
  min-height:100vh;
  overflow-x:hidden;
  background-color:#06152d!important;
  background-image:
    radial-gradient(ellipse 34% 58% at 58% 34%, rgba(6,30,60,.32) 0%, rgba(6,28,57,.52) 52%, rgba(6,28,57,0) 82%),
    linear-gradient(90deg,
      rgba(4,16,38,.88) 0%,
      rgba(5,22,47,.80) 27%,
      rgba(5,26,53,.64) 46%,
      rgba(5,27,55,.48) 57%,
      rgba(5,25,52,.62) 69%,
      rgba(4,18,42,.84) 86%,
      rgba(3,14,34,.90) 100%),
    linear-gradient(180deg,
      rgba(5,18,40,.60) 0%,
      rgba(5,21,45,.46) 45%,
      rgba(3,14,34,.79) 100%),
    url("../img/depan-smanda-v1432.jpg")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  /* Pusat visual foto berada pada gerbang/tulisan sekolah (~60% dari kiri). */
  background-position:center center, center center, center center, 60% 38%!important;
  background-attachment:fixed!important;
}

/* Nonaktifkan pseudo background dari v1.4.31 agar tidak menutup foto lokal. */
body.guardrail-landing::before,
body.guardrail-landing::after{
  content:none!important;
  display:none!important;
}

/* Foto inline dari versi editorial lama tetap dimatikan; hanya background utama yang dipakai. */
.ef-photo{
  display:none!important;
}

/* Semua shell tetap transparan agar foto dapat terlihat. */
.landing-ef,
.ef-shell,
.ef-main,
.ef-editorial,
.ef-access{
  background:transparent!important;
}

/* Sedikit bayangan di belakang copy kiri tanpa berubah menjadi card. */
.ef-editorial::before{
  content:"";
  position:absolute;
  inset:-28px -28px -24px -36px;
  z-index:-1;
  border-radius:32px;
  background:linear-gradient(112deg,rgba(3,15,36,.24),rgba(4,24,51,.08) 62%,rgba(4,24,51,0));
  pointer-events:none;
}

/* Role dibuat cukup transparan agar bangunan tetap terbaca sebagai ambience. */
.ef-role{
  background:linear-gradient(180deg,rgba(15,42,77,.62),rgba(9,29,59,.54))!important;
  border-color:rgba(164,205,244,.24)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.045)!important;
  backdrop-filter:blur(4.5px) saturate(1.04);
  -webkit-backdrop-filter:blur(4.5px) saturate(1.04);
}
.ef-role:hover{
  background:linear-gradient(180deg,rgba(21,58,99,.72),rgba(12,38,73,.62))!important;
}

/* Laptop: signage tetap berada di ruang kosong tengah. */
@media (min-width:981px) and (max-height:780px){
  body.guardrail-landing{
    background-position:center center, center center, center center, 60% 34%!important;
  }
}

/* Desktop lebar: sedikit geser kanan untuk menjaga tulisan sekolah di antara dua kelompok konten. */
@media (min-width:1500px){
  body.guardrail-landing{
    background-position:center center, center center, center center, 61% 37%!important;
  }
}

/* Tablet: fokus tetap ke gerbang, overlay diperkuat untuk keterbacaan saat layout menumpuk. */
@media (max-width:980px){
  body.guardrail-landing{
    background-image:
      linear-gradient(180deg,rgba(4,16,38,.80) 0%,rgba(5,26,55,.62) 43%,rgba(3,14,34,.88) 100%),
      linear-gradient(90deg,rgba(5,20,46,.68),rgba(5,24,52,.52)),
      url("../img/depan-smanda-v1432.jpg")!important;
    background-position:center center, center center, 60% 32%!important;
    background-size:cover!important;
    background-attachment:scroll!important;
  }
  .ef-editorial::before{display:none!important;}
}

/* HP: crop diarahkan ke fasad/gerbang; overlay lebih pekat agar teks tidak tenggelam. */
@media (max-width:640px){
  body.guardrail-landing{
    background-image:
      linear-gradient(180deg,rgba(3,14,34,.86) 0%,rgba(5,24,51,.72) 34%,rgba(3,14,34,.92) 100%),
      url("../img/depan-smanda-v1432.jpg")!important;
    background-position:center center, 61% 28%!important;
    background-size:cover!important;
  }
  .ef-role{
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
  }
}