/* sh-polish.css — sentuhan halus di atas tema asli, struktur tidak diubah */

/* Smoothing & font rendering */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Pricing card hover lift (lebih subtle dan elegan) */
#section-pricing .pricing-s1 .top,
#section-pricing .pricing-s1 .mid,
#section-pricing .pricing-s1 .bot,
.pricing-s1 {
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s cubic-bezier(.2,.8,.2,1) !important;
}
.pricing-s1:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 60px -18px rgba(0,0,0,.35), 0 8px 22px -10px rgba(255,167,0,.18) !important;
}

/* Buttons — gentle press effect */
.btn-main, a.btn-main {
  transition: transform .18s ease, box-shadow .25s ease, filter .2s ease !important;
}
.btn-main:hover, a.btn-main:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 12px 28px -8px rgba(255,167,0,.45);
}
.btn-main:active, a.btn-main:active { transform: translateY(0); }

/* Hero badge polish */
#section-hero .badge {
  letter-spacing: .04em;
  border-radius: 999px !important;
}

/* Mega-menu icon boxes — lift on hover */
ul#mainmenu .mega .box-icon {
  transition: transform .2s ease, background .2s ease;
  border-radius: 10px;
  padding: 8px;
}
ul#mainmenu .mega .box-icon:hover {
  transform: translateY(-2px);
  background: rgba(255,255,255,.04);
}

/* Smoother scroll behavior */
html { scroll-behavior: smooth; }

/* SPA: tampilan transition halus */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .28s;
  animation-timing-function: cubic-bezier(.2,.8,.2,1);
}