/* =============================================================
   Tombol utama — Orange Burnt (#C9570A)
   Menggantikan gaya tombol gold lama. Dimuat SETELAH
   tailwind-site.css agar menang atas utility bawaan
   (rounded-*, px-*, py-*, text-*) tanpa perlu !important.
   ============================================================= */

/* ---------- Dasar ---------- */
.btn-gold,
.nav-ppdb-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:10px 24px;
  border:0;
  border-radius:2px;
  background-color:#C9570A;
  color:#FFFFFF;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.01em;
  text-align:center;
  cursor:pointer;
  -webkit-font-smoothing:antialiased;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
             0 8px 22px -12px rgba(201,87,10,.65);
  transition:background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* Tombol Daftar Sekarang — sudut sedikit membulat */
.btn-gold.btn-daftar{border-radius:8px}
.btn-gold.btn-profile{border-radius:8px}

/* ---------- Hover: oranye lebih gelap + sedikit terangkat ---------- */
.btn-gold:hover,
.nav-ppdb-btn:hover{
  background-color:#B04C08;
  color:#FFFFFF;
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),
             0 14px 30px -14px rgba(201,87,10,.75);
}

/* ---------- Ditekan ---------- */
.btn-gold:active,
.nav-ppdb-btn:active{
  background-color:#9E4107;
  transform:translateY(0);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.18);
}

/* ---------- Fokus keyboard ---------- */
.btn-gold:focus-visible,
.nav-ppdb-btn:focus-visible{
  outline:2px solid #C9570A;
  outline-offset:3px;
}

/* ---------- Nonaktif ---------- */
.btn-gold:disabled,
.btn-gold[disabled]{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* ---------- Kilau lembut yang menyapu berkala ----------
   transform = murah di GPU; blur + tanpa skew agar tidak ada
   garis tajam di sudut tombol. z-index:-1 menaruh kilau di atas
   latar tombol tetapi tetap di bawah teks/ikon. */
.btn-gold::before,
.nav-ppdb-btn::before{
  content:'';
  position:absolute;
  top:-10%;
  bottom:-10%;
  left:0;
  width:55%;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%);
  transform:translateX(-180%);
  filter:blur(6px);
  pointer-events:none;
  z-index:-1;
  animation:btnOrangeSweep 5s ease-in-out infinite;
}
@keyframes btnOrangeSweep{
  0%{transform:translateX(-180%)}
  55%,100%{transform:translateX(250%)}
}
.btn-gold > *{position:relative;z-index:2}

/* Titik notifikasi di CTA (dulu emerald gelap) dibuat putih */
.btn-gold .bg-emerald-950{background-color:#FFFFFF}

/* ---------- Tombol PPDB di navbar ----------
   Ukuran/tinggi dijaga agar layout navbar tidak bergeser:
   font & padding sedikit lebih rapat di bawah 1280px.
   Label panjang hanya tampil di layar lebar. */
.ppdb-label-full{display:none}
.ppdb-label-short{display:inline}
.nav-ppdb-btn{
  padding:10px 20px;
  font-size:14px;
  line-height:1.2;
  gap:.4rem;
}
@media (min-width:1280px){
  .ppdb-label-full{display:inline}
  .ppdb-label-short{display:none}
  .nav-ppdb-btn{
    padding:10px 24px;
    font-size:16px;
  }
}