@font-face {
  /* fa number */
  font-family: "YekanBakh";
  src: url("./fonts/YekanBakh-VF.woff2") format("woff2 supports variations"),
    url("./fonts/YekanBakh-VF.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "RedHat";
  font-named-instance: "Regular";
  src: url("./fonts/RedHatDisplayVF.woff2") format("woff2 supports variations"),
    url("./fonts/RedHatDisplayVF.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

:root {
  --font-family-yekan: "YekanBakh", sans-serif;
  --font-family-redhat: "RedHat", sans-serif;
  --header: 64px;
  --footer: 80px;
  --reactour-accent: var(--mantine-color-brand-5) !important;
}

* {
  user-select: none !important;
  /* line-height: 1.5 !important; */
  /* -ms-overflow-style: none;
  scrollbar-width: none; */
}

/* ::-webkit-scrollbar {
  width: 0;
  background: transparent;
  display: none;
} */

:lang(fa),
:lang(ar) {
  font-family: var(--font-family-yekan) !important;
}

:not(:lang(fa), :lang(ar)) {
  font-family: var(--font-family-redhat) !important;
  text-transform: capitalize;
}

.fa-font {
  font-family: var(--font-family-yekan) !important;
}

.not-fa-font {
  font-family: var(--font-family-redhat) !important;
  text-transform: capitalize;
}

body {
  font-variation-settings: "wght" 400, "dots" 1;
  overscroll-behavior-y: contain;
}

a {
  text-decoration: none;
}

/* modal action sheet */

.react-modal-sheet-backdrop {
  /* all: unset; */
  backdrop-filter: blur(0.25rem);
}

.react-modal-sheet-content {
  padding: 1.5rem 1rem;
  gap: 1rem;
}
/* modal action sheet */

.center-align {
  text-align: center !important;
}

/* datepicker */

/* .panel-elevation {
  --primary: var(--mantine-color-brand-5) !important;
  --text-negative: var(--mantine-color-error) !important;
  --day-label-background: var(--mantine-color-brand-5) !important;
  --highlight: var(--mantine-color-brand-5) !important;
  --weekend: var(--mantine-color-error) !important;
} */
.panel-footer-wrapper {
  display: none !important;
}
.panel-elevation {
  width: 100% !important;
  box-shadow: none !important;
}
.days-body,
.day-label-bar {
  width: 100% !important;
  max-width: 100% !important;
}
.days-body {
  grid-template-columns: repeat(7, 1fr) !important;
}
.day-item-chain {
  min-height: 38px !important;
}
.day {
  width: 100% !important;
  height: 100% !important;
}
.day-item-chain.disabled {
  background-color: transparent !important;
}
.today {
  border: 1px solid var(--day-label-background) !important;
  color: var(--mantine-color-black) !important;
}
.highlight {
  border: none !important;
  color: var(--mantine-color-white) !important;
}
.day,
.day.highlight,
.day.disabled,
.day.today {
  border-radius: 50% !important;
}
.iconItem {
  display: flex !important;
}
.panel-header-inner .center {
  gap: 1rem;
}

/* datepicker */

input::placeholder {
  font-size: small;
}

.pigeon-attribution {
  display: none !important;
}
/* font weight */

.fw-400 {
  font-variation-settings: "wght" 400, "dots" 1;
}

.fw-500 {
  font-variation-settings: "wght" 500, "dots" 1;
}

.fw-600 {
  font-variation-settings: "wght" 600, "dots" 1;
}

.fw-700 {
  font-variation-settings: "wght" 700, "dots" 1;
}

/* font weight */

/* lottie */
#lottie path {
  fill: var(--mantine-color-brand-5) !important;
}
/* lottie */