@font-face {
  font-family: IRANYekanX;
  font-style: normal;
  font-weight: bold;
  src: url("/build/fonts/IRANYekanX-Bold.woff") format("woff"), url("/build/fonts/IRANYekanX-Bold.woff2") format("woff2");
}
@font-face {
  font-family: IRANYekanX;
  font-style: normal;
  font-weight: normal;
  src: url("/build/fonts/IRANYekanX-Regular.woff") format("woff"), url("/build/fonts/IRANYekanX-Regular.woff2") format("woff2");
}
@font-face {
  font-family: KalamehWeb;
  font-style: normal;
  font-weight: 100;
  src: url("/build/fonts/KalamehWeb-Thin.woff2") format("woff2"), url("/build/fonts/KalamehWeb-Thin.woff") format("woff");
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
  font-family: KalamehWeb;
  font-style: normal;
  font-weight: 900;
  src: url("/build/fonts/KalamehWeb-Black.woff2") format("woff2"), url("/build/fonts/KalamehWeb-Black.woff") format("woff");
}
@font-face {
  font-family: KalamehWeb;
  font-style: normal;
  font-weight: bold;
  src: url("/build/fonts/KalamehWeb-Bold.woff2") format("woff2"), url("/build/fonts/KalamehWeb-Bold.woff") format("woff");
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
  font-family: KalamehWeb;
  font-style: normal;
  font-weight: normal;
  src: url("/build/fonts/KalamehWeb-Regular.woff2") format("woff2"), url("/build/fonts/KalamehWeb-Regular.woff") format("woff");
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: 200;
  src: url("/build/fonts/Morabba-UltraLight.woff") format("woff"), url("/build/fonts/Morabba-UltraLight.woff2") format("woff2");
}
@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: 900;
  src: url("/build/fonts/Morabba-Heavy.woff") format("woff"), url("/build/fonts/Morabba-Heavy.woff2") format("woff2");
}
@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: bold;
  src: url("/build/fonts/Morabba-Bold.woff") format("woff"), url("/build/fonts/Morabba-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Morabba;
  font-style: normal;
  font-weight: normal;
  src: url("/build/fonts/Morabba-Regular.woff") format("woff"), url("/build/fonts/Morabba-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/yekanbakh/YekanBakh-thin.woff") format("woff"), url("../fonts/yekanbakh/YekanBakh-thin.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/yekanbakh/YekanBakh-Light.woff") format("woff"), url("../fonts/yekanbakh/YekanBakh-Light.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: normal;
  src: url("/build/fonts/YekanBakh-Regular.woff") format("woff"), url("/build/fonts/YekanBakh-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: bold;
  src: url("/build/fonts/YekanBakh-Bold.woff") format("woff"), url("/build/fonts/YekanBakh-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/yekanbakh/YekanBakh-ExtraBold.woff") format("woff"), url("../fonts/yekanbakh/YekanBakh-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/yekanbakh/YekanBakh-Black.woff") format("woff"), url("../fonts/yekanbakh/YekanBakh-Black.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh;
  font-style: normal;
  font-weight: 950;
  src: url("/build/fonts/YekanBakh-ExtraBlack.woff") format("woff"), url("/build/fonts/YekanBakh-ExtraBlack.woff2") format("woff2");
}
@font-face {
  font-family: "yekan";
  src: url("/build/fonts/yekan.woff");
}
@font-face {
  font-family: "iransans";
  src: url("/build/fonts/iranSans.woff");
}
@font-face {
  font-family: "vazir";
  src: url("/build/fonts/vazir.woff");
}
body .font-yekan,
body.font-yekan {
  font-family: "yekan" !important;
}
body .font-yekan .Vue-Toastification__toast,
body.font-yekan .Vue-Toastification__toast {
  font-family: "yekan" !important;
}

body .font-iranyekan {
  font-family: IRANYekanX !important;
}
body .font-iranyekan .Vue-Toastification__toast {
  font-family: IRANYekanX !important;
}

body .font-yekanbakh,
body.font-yekanbakh {
  font-family: Yekan Bakh !important;
}
body .font-yekanbakh .Vue-Toastification__toast,
body.font-yekanbakh .Vue-Toastification__toast {
  font-family: Yekan Bakh !important;
}

body .font-morabba {
  font-family: Morabba !important;
}
body .font-morabba .Vue-Toastification__toast {
  font-family: Morabba !important;
}

body .font-kalameh {
  font-family: KalamehWeb !important;
}
body .font-kalameh .Vue-Toastification__toast {
  font-family: KalamehWeb !important;
}

body .font-iransans {
  font-family: "iransans";
}
body .font-iransans .Vue-Toastification__toast {
  font-family: "iransans" !important;
}

body .font-vazir {
  font-family: "vazir" !important;
}
body .font-vazir .Vue-Toastification__toast {
  font-family: "vazir" !important;
}

:root {
  --v-font-family: "";
  --v-font-family-base: "";
  --v-font-family-heading: "";
  --v-font-family-mono: "";
}

.v-application,
.v-application * {
  font-family: inherit !important;
}

html {
  scroll-behavior: smooth;
}

/* ================= Scrollbar ================= */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ================= Fonts ================= */
/* ================= Root Colors ================= */
:root {
  --color-primary: #4e7d96;
  --color-background: #e3edf2;
  --color-accent: #9575cd;
  --color-text: #fff;
  --color-muted: #aba9a9;
  --color-button: #ff844b;
  --color-input: #4e7d96;
  --color-card: #ffffff;
  --color-darkBg: #2d2d2d;
}

/* ================= Backgrounds ================= */
.bg-background-custom {
  background-color: var(--color-background);
}

.bg-dark-custom {
  background-color: var(--color-darkBg);
}

.bg-header {
  background-color: var(--color-primary);
}

/* ================= Text ================= */
.primary-color {
  color: var(--color-primary);
}

.text-custom {
  color: var(--color-text);
}

/* ================= Cards ================= */
.card-custom {
  background-color: var(--color-card);
}

.border-custom {
  border-radius: 12px;
}

/* ================= Buttons ================= */
.btn-custom {
  background-color: var(--color-button);
  border-radius: 15px;
  height: 30px;
}

.cancel-btn {
  background-color: rgb(215, 215, 215);
  border-radius: 15px;
  height: 30px;
}

.btn-custom1 {
  background-color: var(--color-button);
  border-radius: 9px;
  width: 250px;
  margin: 0 auto;
}

.bg-table-btn {
  background-color: #fff;
  color: var(--color-primary);
}

/* ================= Inputs ================= */
.input-base, .field-input, .auth-input {
  color: var(--color-input);
  margin: 0 auto;
}

.auth-input {
  width: 250px;
}

.field-input {
  width: 350px;
}

.auth-input .v-field,
.field-input .v-field {
  border-radius: 9px;
}

/* ================= Autofill Fix ================= */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #000;
  caret-color: #000;
}

/* ================= Status Bullet ================= */
span.status-bullet {
  position: relative;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
}

span.status-bullet.online {
  background-color: rgb(133, 238, 133);
  border: 1px rgb(50, 200, 100) solid;
  animation: glow 1s infinite;
}

span.status-bullet.offline {
  background-color: #ddd;
  border: 1px #aaa solid;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 10px 3px rgba(100, 200, 100, 0.8);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(100, 200, 100, 0.8);
  }
}
/* ================= Breadcrumb ================= */
.v-breadcrumbs-divider {
  color: black;
}

.v-breadcrumbs {
  font-size: 14px;
  min-height: 15px;
  margin-top: 2px;
}

/* ================= Table ================= */
.v-data-table {
  font-size: medium;
}

.v-data-table th {
  font-size: large;
}

.custom-table {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  text-align: center;
}

.custom-table .v-data-table__wrapper {
  flex: 1 1 auto;
  overflow-y: auto;
}

.custom-table thead th {
  position: sticky;
  top: 0;
  background: #ababab;
  color: #fff;
  z-index: 2;
}

.product-price {
  color: #d20303;
}