/* ==============================
   فونت‌ها
============================== */
@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir.woff2') format('woff2');
  font-weight: normal;
}

@font-face {
  font-family: 'Sahel';
  src: url('../fonts/Sahel.woff2') format('woff2');
  font-weight: normal;
}

@font-face {
  font-family: 'Shabnam';
  src: url('../fonts/Shabnam.woff2') format('woff2');
  font-weight: normal;
}

/* اعمال فونت‌ها */
body, p, li, span {
  font-family: 'Vazir', sans-serif;
}

h1, h2, h3 {
  font-family: 'Shabnam', sans-serif;
}

/* ==============================
   استایل اسلایدر BA Rotator 3D
============================== */
.ba-rotator-slide {
  margin-right: 15px; /* فاصله بین اسلایدها */
}

.ba-rotator-slide img {
  border-radius: 25px; /* گوشه‌های گرد تصاویر */
}

/* ==============================
   چرخش مداوم المان‌ها
============================== */
.rotate-forever {
  display: inline-block;
  animation: spin 6s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ==============================
   کارت تقویم (Calendar Card)
============================== */
.calendar-card {
  direction: rtl;
  text-align: right;
  background: #f5f5f5;
  border-radius: 20px 0 0 20px; /* چپ بالا و پایین گرد */
  padding: 16px 20px;
  font-family: "IRANSans", sans-serif; /* در صورت تمایل می‌توانی Vazir بذاری */
  width: 320px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  transition: background 0.4s ease, transform 0.3s ease;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  margin-right: 0;
  display: inline-block;
}

.calendar-card:hover {
  background: #d0e4ff;
  transform: scale(1.02);
}

/* هدر تقویم */
.calendar-header {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.calendar-icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.calendar-title {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 0;
}

.my-box {
  border-width: 10px;
  border-style: solid;
  border-color: #44B0DF;
  border-radius: 10px;
  transition: box-shadow 0.3s ease;
}

.my-box:hover {
  box-shadow: 0 0 25px rgba(68, 176, 223, 0.8);
}