/*
 * Persian Digits for WordPress
 *
 * Original DOM values stay ASCII.
 * Persian digits are rendered as a visual layer.
 */

.wpd-text {
  font-size: 0 !important;
}

.wpd-text::after {
  content: attr(data-wpd-display);
  font-family: inherit;
  font-size: var(--wpd-font-size, 1rem);
  font-style: inherit;
  font-weight: inherit;
  line-height: var(--wpd-line-height, normal);
  letter-spacing: inherit;
  color: inherit;
}

.wpd-number-input-host {
  /* Positioning is handled by JavaScript only when the host is static. */
}

.wpd-number-input-source {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: var(--wpd-caret-color, currentColor);
}

.wpd-number-input-source:focus {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.wpd-number-input-display {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
  text-align: center;
}