/* =========================
   NEXWEB ROLLING COUNTER
   HJR THEME
========================= */

.js-rolling-counter{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  white-space:nowrap;
  overflow:hidden;

  font-variant-numeric:tabular-nums;
  line-height:1;
  visibility:hidden;
}

.nx-counter-xl{
  font-family:"Plus Jakarta Sans", sans-serif !important;
  font-size:clamp(3.25rem, 6vw, 5rem);
  font-weight:600;
  line-height:.9;
  letter-spacing:-0.04em;
  color:#C8A24A;
}

/* Paksa elemen hasil generate JS mengikuti font parent */
.nx-counter-xl *,
.nx-counter-xl .rolling-digit,
.nx-counter-xl .rolling-track,
.nx-counter-xl .rolling-num,
.nx-counter-xl .rolling-symbol{
  font-family:"Plus Jakarta Sans", sans-serif !important;
  font-weight:600;
  color:inherit;
}

.js-rolling-counter.is-ready{
  visibility:visible;
}

.rolling-digit{
  display:inline-block;
  width:.58em;
  height:1em;
  overflow:hidden;
  line-height:1;
}

.rolling-track{
  display:flex;
  flex-direction:column;
  transform:translateY(0);
  will-change:transform;
}

.rolling-track.is-spinning{
  transition:
    transform 1.3s cubic-bezier(.19,1,.22,1);
}

.rolling-track.is-settling{
  transition:
    transform .5s cubic-bezier(.22,1,.36,1);
}

.rolling-num{
  display:block;
  height:1em;
  line-height:1;
  text-align:center;
}

.rolling-symbol{
  display:inline-block;
  width:auto;
  height:1em;
  line-height:1;
  margin-left:.04em;

  transform:none !important;
  transition:none !important;
}

/* Visible in Elementor editor */
body.elementor-editor-active .js-rolling-counter,
body.wp-admin .js-rolling-counter{
  visibility:visible !important;
}

.nx-counter-xl,
.nx-counter-xl .rolling-num,
.nx-counter-xl .rolling-symbol,
.nx-counter-xl .rolling-track,
.nx-counter-xl .rolling-digit{
    color:#C8A24A !important;
}