/* 🎯 فایل‌های پایه */
@import url("reset.css");
@import url("variables.css");
@import url("typography.css");
@import url("layout.css");
@import url("base.css");

/* 🧩 کامپوننت‌ها (components/) - به ترتیب الفبا */
@import url("components/about.css");
@import url("components/auth.css");
@import url("components/blog.css");
@import url("components/buttons.css");
@import url("components/comments.css");
@import url("components/contact.css");
@import url("components/dashboard.css");
@import url("components/intro.css");
@import url("components/navbar.css");
@import url("components/portfolio.css");
@import url("components/services.css");
@import url("components/sidebar.css");
@import url("components/testimonials.css");

/* 💻 واکنش‌گرایی */
@import url("responsive.css");

/* 🎨 تم رنگی صفحه (آبی) */
@import url("theme-blue.css");
#scrollTopBtn {
  position: fixed;       /* همیشه ثابت روی صفحه */
  bottom: 20px;          /* فاصله از پایین */
  right: 20px;           /* فاصله از راست */
  z-index: 9999;         /* بالاتر از همه عناصر */
  border-radius: 50%;    /* حالت دایره‌ای جذاب */
  width: 45px;
  height: 45px;
  font-size: 20px;
  background-color: #2a3f4d;
  color: #fff;
  transition: background-color 0.3s ease;
}

#scrollTopBtn:hover {
  background-color: #fff;
  color: #2a3f4d;
}

/* استایل کلی صفحه */
body {
  background: #f4f6f8; /* رنگ پس‌زمینه اولیه */
  background-color: #1e2a38; /* رنگ پس‌زمینه اصلی تیره */
  font-family: 'Vazirmatn', sans-serif;
  color: #fff; /* متن روشن برای زمینه تیره */
}

/* فیلدهای فرم و کارت‌ها */
.card {
  background-color: #2c2c2c;   /* زمینه تیره */
  border-color: #444;        /* رنگ مرز */
}

.form-control{
  background-color: #2c2c2c;   /* زمینه تیره */
  color: #f1f1f1;              /* متن روشن */
  border-color: #444;        /* رنگ مرز */
}

/* وقتی فوکوس میشه (کلیک داخل فیلد) */
.form-control:focus {
  background-color: #fff;      /* زمینه روشن */
  color: #000;                 /* متن تیره */
}

/* تصاویر بندانگشتی */
.img-thumbnail {
  max-width: 150px;
  margin: 5px;
  border: 1px solid #444;
}

  /* 🎯 فرم نگهداری دوره‌ای */
.pm-form-container {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  margin-bottom: 40px;
}

.pm-form-container h4 {
  color: #0d6efd;
  font-weight: bold;
  margin-bottom: 20px;
}

.pm-form-container label {
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
  color: #333;
}

.pm-form-container input,
.pm-form-container select,
.pm-form-container textarea {
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 0.95rem;
  width: 100%;
  margin-bottom: 16px;
}

.pm-form-container textarea {
  resize: vertical;
}

.pm-form-container .form-section {
  margin-bottom: 32px;
}

.pm-form-container .btn-primary {
  padding: 10px 24px;
  font-size: 1rem;
  border-radius: 6px;
}

.pm-form-container .btn-secondary {
  padding: 10px 20px;
  font-size: 0.95rem;
  border-radius: 6px;
  background-color: #f0f0f0;
  color: #333;
  border: none;
}

.pm-form-container .checklist-item {
  background-color: #f9f9f9;
  border: 1px solid #eaeaea;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 16px;
}
body.dark-mode .btn-outline-dark,
body.dark-mode .btn-outline-secondary {
  color: #f1f1f1 !important;       /* متن روشن */
  border-color: #f1f1f1 !important; /* خط دور روشن */
}

body.dark-mode .btn-outline-dark:hover,
body.dark-mode .btn-outline-secondary:hover {
  background-color: #f1f1f1 !important; /* پس‌زمینه روشن در hover */
  color: #000 !important;               /* متن تیره در hover */
}




/* جدول */
.table th,
.table td {
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
}

.table thead {
  background-color: #003366;
  color: #fff;
}

.table tbody tr:hover {
  background-color: #e6f0ff;
  transition: background-color 0.3s ease;
}