/* ===== ANUGRAH PRINTER — shared design system ===== */
/* font dimuat via <link> + preconnect di tiap <head> (lebih cepat dari @import) */

: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;}
}

/* ---------- Util: sembunyikan scrollbar (dipakai nav layanan) ---------- */
.hide-scrollbar{scrollbar-width:none;}
.hide-scrollbar::-webkit-scrollbar{display:none;}

/* ---------- Logo marquee (seamless, pause on hover/focus) ---------- */
.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);}
.logo-track{display:flex;width:max-content;animation:logo-scroll 35s linear infinite;}
.logo-track > a{margin-right:1rem;}
.logo-card{flex-shrink:0;width:10rem;height:5rem;border-radius:1rem;border:1px solid rgba(30,36,18,.1);background:#fff;display:flex;align-items:center;justify-content:center;padding:.75rem;transition:border-color .15s;}
.logo-card:hover{border-color:rgba(30,36,18,.25);}
.logo-card img{max-height:3rem;max-width:100%;width:auto;object-fit:contain;}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused;}
@keyframes logo-scroll{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){
  .logo-track{animation:none;}
  .logo-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;}
}

@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;}
}