@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap");

.body,
p,
h1,
h2,
h3,
h4,
h5,
a,
tr,
td,
li,
ul,
option,
div > select,
div,
div > textarea {
  font-family: "Vazirmatn", "Fira Code", "Material Symbols Outlined";
  font-optical-sizing: auto;
  /* font-style: normal; */
}

[lang="fa"] .text-left {
  text-align: right;
}
[lang="fa"] button {
  text-align: right;
}
[lang="fa"] .-left-2 {
  left: auto;
  right: calc(var(--spacing) * 0);
}
[lang="fa"] .-right-2 {
  right: auto;
  left: calc(var(--spacing) * 0);
}

.selectfilter {
  border-right-width: 5px;
  border-left-width: 5px;
  border-top-width: 5px;
  border-bottom-width: 5px;
}

table > thead > tr > th .flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

[lang="fa"] th,
[lang="fa"] td {
  text-align: right;
}

th > a:visited {
  font-weight: normal;
  background-color: transparent;
  text-decoration: none;
}

th > a:link {
  color: rgba(24, 117, 212, 1);
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
}

th > a:hover {
  /* color: revert; */
  /* background-color: transparent; */
  text-decoration: underline;
}

th > a:active {
  color: lightblue;
  background-color: transparent;
  text-decoration: underline;
}

custom_link {
  color: rgba(24, 117, 212, 1);
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
}