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

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/vazirmatn-arabic.f8fc94affb14.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF,
    U+FE70-FEFF, U+200C-200F, U+2010-2011, U+204F, U+25CC;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/vazirmatn-latin.61766194c463.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.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;
}

/* Keep the command palette search legible against its input background. */
#search-input-command {
  color: rgb(17 24 39) !important;
  caret-color: rgb(0 91 196);
}

#search-input-command::placeholder {
  color: rgb(75 85 99) !important;
  opacity: 1;
}

html.dark #search-input-command {
  color: rgb(243 244 246) !important;
  caret-color: rgb(153 199 251);
}

html.dark #search-input-command::placeholder {
  color: rgb(209 213 219) !important;
}