/* ===== ANUGRAH PRINTER — shared design system ===== */
@import url("https://fonts.googleapis.com/css2?family=Anton&family=Inter:opsz,wght@14..32,100..900&display=swap");

:root{
  /* fixed palette: primary #D4DC24, ink #1E2412, graphite #343B1E, body #62684A, paper #EFECD8 */
  /* prev liked: #D4DC24 / #202414 / #3D4422 / #737660 / #F6F5E9 */
  --ap-primary:#D4DC24;
  --ap-ink:#1E2412;
  --ap-graphite:#343B1E;
  --ap-body:#62684A;
  --ap-paper:#EFECD8;
}

body{font-family:"Inter",sans-serif;}
.font-anton{font-family:"Anton",sans-serif;letter-spacing:.01em;}

/* ---------- Scrollbar halaman (biru, konsisten semua page) ---------- */
/* Chrome / Safari / Edge */
html::-webkit-scrollbar{width:12px;}
html::-webkit-scrollbar-track{background:#EFECD8;}
html::-webkit-scrollbar-thumb{background:#62684A;border-radius:99px;border:3px solid #EFECD8;}
html::-webkit-scrollbar-thumb:hover{background:#1E2412;}
/* Firefox */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:#62684A #EFECD8;}
}

/* ---------- Smooth scroll (native, hormati reduced-motion) ---------- */
@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth;}
}

/* ---------- Reveal on scroll (halus, hormati reduced-motion) ---------- */
@media (prefers-reduced-motion: no-preference){
  [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;}
  [data-reveal].revealed{opacity:1;transform:none;}
  [data-reveal][data-reveal-delay="1"]{transition-delay:.08s;}
  [data-reveal][data-reveal-delay="2"]{transition-delay:.16s;}
  [data-reveal][data-reveal-delay="3"]{transition-delay:.24s;}
}

/* ---------- Scroll rows (kartu geser horizontal) ---------- */
.scroll-row{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;}
.scroll-row::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none;}
.hide-scrollbar{scrollbar-width:none;}

/* ---------- Tombol panah scroll-row ---------- */
.scroll-btn{
  position:absolute;top:38%;width:42px;height:42px;border-radius:50%;background:#fff;
  box-shadow:0 10px 30px -12px rgba(19,35,74,.18);
  display:flex;align-items:center;justify-content:center;color:#1E2412;z-index:10;
  transition:background .15s;cursor:pointer;border:none;font-size:1.4rem;line-height:1;
}
.scroll-btn:hover{background:#D4DC24;color:#1E2412;}
.scroll-btn.left{left:-8px;}
.scroll-btn.right{right:-8px;}

@media (max-width:640px){
  nav button[aria-controls="mobile-menu"]{width:44px !important;height:44px !important;display:flex;align-items:center;justify-content:center;}
  main a,#filters button,summary,footer a{min-height:44px !important;min-width:44px;display:inline-flex;align-items:center;}
  footer ul a{display:flex;}
}