@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("manrope-200.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("manrope-300.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("manrope-400.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("manrope-500.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("manrope-600.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("manrope-700.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("manrope-800.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("playfair-display-400.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("playfair-display-500.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("playfair-display-600.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("playfair-display-700.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("playfair-display-800.ttf") format("truetype");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("playfair-display-900.ttf") format("truetype");
}

:root {
  --amanj-latin-font-famil: "Manrope", Arial, Helvetica, sans-serif;
  --amanj-rtl-font-famil: Tahoma, "Segoe UI", Arial, sans-serif;
}

html[data-text-direction="rtl"] body,
html[data-text-direction="rtl"] .customer-page,
html[data-text-direction="rtl"] .barber-page,
html[data-text-direction="rtl"] .style-access-page,
html[data-text-direction="rtl"] .qr-page,
html[data-text-direction="rtl"] .admin-page,
html:lang(ar) body,
html:lang(fa) body,
html:lang(ps) body,
html:lang(ckb) body,
html[lang="ku-sorani"] body,
html[lang="sorani"] body,
html[lang^="ku-Arab"] body {
  direction: rtl;
  font-family: var(--amanj-rtl-font-famil) !important;
}

html[data-text-direction="rtl"] input,
html[data-text-direction="rtl"] textarea,
html[data-text-direction="rtl"] select,
html[data-text-direction="rtl"] button,
html[data-text-direction="rtl"] [data-i18n],
html:lang(ar) input,
html:lang(ar) textarea,
html:lang(ar) select,
html:lang(ar) button,
html:lang(fa) input,
html:lang(fa) textarea,
html:lang(fa) select,
html:lang(fa) button,
html:lang(ps) input,
html:lang(ps) textarea,
html:lang(ps) select,
html:lang(ps) button,
html:lang(ckb) input,
html:lang(ckb) textarea,
html:lang(ckb) select,
html:lang(ckb) button,
html[lang="ku-sorani"] input,
html[lang="ku-sorani"] textarea,
html[lang="ku-sorani"] select,
html[lang="ku-sorani"] button,
html[lang="sorani"] input,
html[lang="sorani"] textarea,
html[lang="sorani"] select,
html[lang="sorani"] button,
html[lang^="ku-Arab"] input,
html[lang^="ku-Arab"] textarea,
html[lang^="ku-Arab"] select,
html[lang^="ku-Arab"] button {
  font-family: var(--amanj-rtl-font-famil) !important;
}

html[data-text-direction="rtl"] input,
html[data-text-direction="rtl"] textarea,
html:lang(ar) input,
html:lang(ar) textarea,
html:lang(fa) input,
html:lang(fa) textarea,
html:lang(ps) input,
html:lang(ps) textarea,
html:lang(ckb) input,
html:lang(ckb) textarea,
html[lang="ku-sorani"] input,
html[lang="ku-sorani"] textarea,
html[lang="sorani"] input,
html[lang="sorani"] textarea,
html[lang^="ku-Arab"] input,
html[lang^="ku-Arab"] textarea {
  text-align: right;
}