.elementor-4961 .elementor-element.elementor-element-343277eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4961 .elementor-element.elementor-element-ea73556{width:100%;max-width:100%;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-ea73556 *//* ============ توحيد وتنسيق كروت Tutor LMS ============ */
.em-courses .tutor-course-card {
  border-radius: 20px !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

/* حركة ثابتة عمودياً للفوق بلا ميلان */
.em-courses .tutor-course-card:hover {
  transform: translate3d(0, -5px, 0) !important;
  box-shadow: 0 16px 32px rgba(29, 111, 66, 0.12) !important;
  border-color: rgba(29, 111, 66, 0.3) !important;
}

/* ضبط العنوان على سطرين موحدين */
.em-courses .tutor-course-name,
.em-courses .tutor-course-name a {
  font-family: "Cairo", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  min-height: 46px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #0F172A !important;
}

/* توحيد الزر ليكون بالأخضر دائماً للزائر والأدمن */
.em-courses .tutor-course-card .tutor-btn,
.em-courses .tutor-btn-primary,
.em-courses .tutor-course-card a.tutor-btn,
.em-courses .tutor-course-card .tutor-course-loop-price + div a {
  background-color: #1D6F42 !important;
  border: 1px solid #1D6F42 !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(29, 111, 66, 0.18) !important;
  transition: all 0.2s ease !important;
}

/* عند وضع الماوس على الزر */
.em-courses .tutor-course-card .tutor-btn:hover {
  background-color: #004D28 !important;
  border-color: #004D28 !important;
  box-shadow: 0 6px 16px rgba(0, 77, 40, 0.28) !important;
}

/* 1. إخفاء النص الأصلي بالإنجليزية */
.em-courses .tutor-course-card .tutor-btn,
.em-courses .tutor-btn-primary,
.em-courses .tutor-course-card a.tutor-btn {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. تعريب زر الشراء (Buy Now / Add to Cart) -> "اشترك الآن" */
.em-courses .tutor-course-card .tutor-btn::before,
.em-courses .tutor-course-card a.tutor-btn::before {
  content: "اشترك الآن" !important;
  font-size: 14px !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* 3. تعريب زر المتابعة للمسجلين (Start Learning / Continue) -> "ابدأ التعلّم" */
.em-courses .tutor-course-card a[href*="lesson"]::before,
.em-courses .tutor-course-card a[class*="start"]::before,
.em-courses .tutor-course-card a[class*="continue"]::before {
  content: "ابدأ التعلّم" !important;
}

/* ============ زر اشترك الآن: أحمر افتراضياً ويتحول للأخضر عند التمرير ============ */

/* 1. الحالة الافتراضية (أحمر) */
.em-courses .tutor-course-card .tutor-btn,
.em-courses .tutor-btn-primary,
.em-courses .tutor-course-card a.tutor-btn,
.em-courses .tutor-course-card .tutor-course-loop-price + div a {
  background-color: #C62828 !important;   /* أحمر رسمي */
  border: 1px solid #C62828 !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  box-shadow: 0 4px 12px rgba(198, 40, 40, 0.2) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

/* 2. عند الوقوف على الزر (يتحول للأخضر) */
.em-courses .tutor-course-card .tutor-btn:hover,
.em-courses .tutor-btn-primary:hover,
.em-courses .tutor-course-card a.tutor-btn:hover,
.em-courses .tutor-course-card .tutor-course-loop-price + div a:hover {
  background-color: #1D6F42 !important;   /* أخضر Excel Maroc */
  border-color: #1D6F42 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(29, 111, 66, 0.28) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c7b710a */.em-courses .tutor-course-card .tutor-btn {
  background-color: #C62828 !important; /* أحمر رسمي */
  border: 1px solid #C62828 !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  padding: 10px 24px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 12px rgba(198, 40, 40, 0.2) !important;
}

.em-courses .tutor-course-card .tutor-btn:hover {
  background-color: #1D6F42 !important; /* أخضر Excel Maroc */
  border-color: #1D6F42 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(29, 111, 66, 0.28) !important;
}/* End custom CSS */