.elementor-6794 .elementor-element.elementor-element-e91a580{--display:flex;}/* Start custom CSS for lessons, class: .elementor-element-fa0d52b *//* CARD STYLE ساده و تمیز برای ویرایش عنصر دروس */
.my-course-card {
  display: block;
  border-radius: 14px; /* حاشیه گرد خود المان */
  padding: 18px;
  background: #ffffff; /* پس‌زمینه ساده سفید */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); /* سایه ملایم بیرونی */
  transition: transform .25s ease, box-shadow .25s ease;
  border: 1px solid rgba(0, 0, 0, 0.06); /* مرز نازک برای تمیزی */
  overflow: hidden; /* جلوگیری از بیرون‌زدگی محتوا */
}

/* افکت هاور زیبا */
.my-course-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

/* عنوان درس */
.my-course-card .course-title,
.my-course-card h3, 
.my-course-card .elementor-widget-container h2 {
  font-size: 1.15rem;
  margin: 0 0 8px;
  font-weight: 700;
  line-height: 1.25;
  color: #0e2130;
}

/* توضیحات کوتاه */
.my-course-card .course-excerpt,
.my-course-card p {
  font-size: .95rem;
  color: #374957;
  margin: 0 0 12px;
}

/* متا (مدت، سطح و...) */
.my-course-card .course-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: .875rem;
  color: #556774;
}

/* دکمه */
.my-course-card .course-cta a,
.my-course-card .elementor-button {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  background: linear-gradient(90deg,#4f9ef7,#3aa2ff);
  color: white;
  box-shadow: 0 6px 18px rgba(59,147,255,0.18);
  transition: background .25s ease;
}

.my-course-card .course-cta a:hover,
.my-course-card .elementor-button:hover {
  background: linear-gradient(90deg,#3aa2ff,#4f9ef7);
}/* End custom CSS */