/* Sagroth2 V37 — Uluhan2 Odometer davranışı ve sabit genişlikli Sagroth rakam hücreleri. */

.odometer.odometer-auto-theme {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.odometer.odometer-auto-theme .odometer-digit {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.odometer.odometer-auto-theme .odometer-digit-spacer {
  display: inline-block;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit-inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
  text-align: left;
}

.odometer.odometer-auto-theme .odometer-ribbon,
.odometer.odometer-auto-theme .odometer-ribbon-inner,
.odometer.odometer-auto-theme .odometer-value {
  display: block;
}

.odometer.odometer-auto-theme .odometer-ribbon-inner {
  backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-value {
  text-align: center;
  transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme .odometer-hidden-leading-zero {
  opacity: 0;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s ease !important;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s ease !important;
  transform: translateY(0);
}

.odometer-inside {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 5px;
}

#landing-online-active,
#landing-online-daily {
  min-height: 29px;
  overflow: hidden;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: normal;
}

#landing-online-active .odometer-ribbon-inner,
#landing-online-daily .odometer-ribbon-inner {
  transition-duration: .55s !important;
}

/* Kartın genel span kuralının Odometer'ın iç rakamlarını 8px'e düşürmesini engeller. */
.journey-home .status-metrics .odometer span {
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.journey-home .status-metrics .odometer-inside {
  margin-top: 0;
}

/* Cinzel rakamlarının farklı doğal genişlikleri yeniden çizimde sıçrama yapmasın. */
.journey-home .status-metrics .odometer .odometer-value {
  left: 0;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  text-align: center;
}
