/* تنظیمات کلی برای تگ body */

/* اضافه کردن فونت وزیر */
@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('assets/fonts/webfonts/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  direction: rtl; /* متن‌ها راست‌چین (مخصوص زبان فارسی) */
  background: #681c1c; /* رنگ پس‌زمینه سبز-آبی */
  text-align: center; /* تراز متن در مرکز */
  margin: 1; /*  حاشیه پیش‌فرض */
  padding: 1; /*  پدینگ پیش‌فرض */
  text-align: center; /* متن در وسط */
}


.body1 {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  direction: rtl; /* متن‌ها راست‌چین (مخصوص زبان فارسی) */
  background: #681c1c; /* رنگ پس‌زمینه سبز-آبی */
  text-align: center; /* تراز متن در مرکز */
  margin: 1; /*  حاشیه پیش‌فرض */
  padding: 1; /*  پدینگ پیش‌فرض */
  text-align: center; /* متن در وسط */
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:0px;
}



/*دکمه ورود به فروشگاه*/
.store-btn {
  background: #924c4c;
  color: white;
  width: 90%;
  margin: 3% auto; /* فاصله از بالا و پایین + وسط‌چین */
  padding: 5%; /* فاصله داخلی */
  border: 5px;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 15px;
  text-align: center; /* متن در وسط */
  width: 90%; /* پر کردن عرض والد */
}

.store-btn:hover {
  background: #462323;
  text-align: center; /* متن در وسط */
}

/* تگ اچ2 ورودی */
.login-box1 h2 {
  color: #462323;
  font-family: 'Vazirmatn', sans-serif; /* اگر فونت فارسی دارید */
  text-align: center; /* متن در وسط */
  font-size: 28px
}

/* تگ اچ2 ورودی */
.login-box h2 {
  color: #462323;
  font-family: 'Vazirmatn', sans-serif; /* اگر فونت فارسی دارید */
  text-align: center; /* متن در وسط */
  font-size: 28px
}


/* استایل برای کلاس‌ها */
.login-box1, .dashboard1, .store1, .accounting1 {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  margin: 9% auto; /* فاصله از بالا و پایین + وسط‌چین */
  padding: 5%; /* فاصله داخلی */
  background: #fff; /* سفید */
  border: 5px solid #924c4c; /* حاشیه خاکستری روشن */
  border-radius: 10px; /* گرد کردن گوشه‌ها */
  width: 1000%; /* عرض نسبی */
  /*max-width: 500px; حداکثر عرض */
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5); /* سایه ملایم دور المنت */
  text-align: center; /* متن در وسط */
  max-width: 60%;
  height: auto;
  object-fit: contain;
}


/* استایل برای کلاس‌ها */
.login-box, .dashboard, .store, .accounting {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  margin: 3% auto; /* فاصله از بالا و پایین + وسط‌چین */
  padding: 5%; /* فاصله داخلی */
  background: #fff; /* سفید */
  border: 5px solid #924c4c; /* حاشیه خاکستری روشن */
  border-radius: 10px; /* گرد کردن گوشه‌ها */
  width: 90%; /* عرض نسبی */
  max-width: 400px; /* حداکثر عرض */
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5); /* سایه ملایم دور المنت */
  text-align: center; /* متن در وسط */
}


/* استایل مشترک برای inputها و دکمه‌ها */
input, button {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  display: block; /* نمایش به صورت بلوکی */
  width: 90%; /* پر کردن عرض والد */
  max-width: 400px; /* حداکثر عرض */
  padding: 10px; /* فاصله داخلی */
  margin: 10px auto; /* فاصله خارجی بالا و پایین */
  border-radius: 10px; /* گرد کردن گوشه‌ها */
  border: 1px solid #ccc; /* حاشیه خاکستری */
  text-align: center; /* متن در وسط */
  font-size: 18px
}

/* استایل مخصوص دکمه‌ها */
button {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  background: #924c4c; /* رنگ آبی */
  color: white; /* متن سفید */
  cursor: pointer; /* تغییر نشانگر ماوس به دستور */
  border-radius: 10px; /* گرد کردن گوشه‌ها */
  text-align: center; /* متن در وسط */
}

/* استایل دکمه هنگام هاور */
button:hover {
  font-family: 'Vazirmatn', sans-serif; /* فونت */
  background: #462323; /* رنگ آبی تیره */
  text-align: center; /* متن در وسط */
}