/* Write manual project CSS here.
 * This file is loaded directly after the generated CSS bundles.
 * It is intentionally outside _v2/css/src so saving it does not run Tailwind.
 */

/* ─── Font ───────────────────────────────────────────────────────
   @font-face has no Tailwind utility equivalent, so the font lives here
   (hand-written, loaded after the Tailwind bundles). */
@font-face {
  font-family: "IRANSansFaNum";
  src: url("/_v2/fonts/IRANSansFaNum-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body,
input,
button,
select,
textarea {
  font-family: "IRANSansFaNum", sans-serif;
}

/* ─── Light-only ─────────────────────────────────────────────────
   Dark mode is disabled for this project: the `.dark` token overrides were
   removed and the `dark` variant in src/tailwind.css is neutralized, so the
   site always renders in the light palette regardless of OS preference. */
:root {
  color-scheme: light;
}
body {
  background-color: var(--color-white);
  color: var(--color-text);
}

/* ─── Poll result progress bar ───────────────────────────────────
   The poll result markup is injected at runtime by the XCMS PollForm
   framework from the EJS template; a <progress> bar can only be themed
   via vendor pseudo-elements, which have no Tailwind utility. (Size/
   layout — height, flex — are utilities on the element itself.) */
.bar_progress {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 4px;
  background-color: var(--color-fill);
  overflow: hidden;
}
.bar_progress::-webkit-progress-bar {
  background-color: var(--color-fill);
}
.bar_progress::-webkit-progress-value {
  background-color: var(--color-brand);
}
.bar_progress::-moz-progress-bar {
  background-color: var(--color-brand);
}

.service-level .splide__pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.service-level .splide__pagination__page {
  width: 25px;
  height: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  background-color: #d8d8d8;
  transition: background-color 0.3s;
}
.service-level .splide__pagination__page.is-active {
  background-color: var(--color-brand);
  transform: none;
}

.lg-inner {
  display: flex;
}