/* ============================================================================
 *  CT Tutor — الخطوة 1: بطاقة الدورة
 *  الوجهة: wp-content/themes/blocksy-child/assets/css/ct-tutor-01-card.css
 *
 *  نطاق هذا الملف: البطاقة وحدها.
 *  لا يلمس أي حاوية ولا شبكة — شبكة Tutor الأصلية (tutor-grid-3) تبقى كما هي.
 * ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

:root {
  /* ---- لون العلامة: هذا السطر وحده يغيّر الواجهة كلها ---- */
  --ct-accent:      #0e6e5e;
  --ct-accent-700:  #0a574a;
  --ct-accent-50:   #eef7f4;

  --ct-ink:    #101828;
  --ct-ink-2:  #344054;
  --ct-ink-3:  #667085;
  --ct-line:   #e4e7ec;
  --ct-gold:   #e0a72b;

  /* إعادة تعريف متغيّرات Tutor — توحّد مظهر الإضافة كلها */
  --tutor-color-primary:       var(--ct-accent);
  --tutor-color-primary-hover: var(--ct-accent-700);
  --tutor-color-primary-rgb:   14, 110, 94;
  --tutor-color-black:         var(--ct-ink);
  --tutor-body-color:          var(--ct-ink-2);
  --tutor-border-color:        var(--ct-line);
  --tutor-font-family:         'IBM Plex Sans Arabic', system-ui, sans-serif;
}

/* ---------------------------------------------------------------------------
 *  1 · هيكل البطاقة — ارتفاع موحّد وتذييل ملتصق بالأسفل
 * ------------------------------------------------------------------------- */
.tutor-card.tutor-course-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--ct-line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16,24,40,.05);
  transition: transform .25s cubic-bezier(.4,0,.2,1),
              box-shadow .25s cubic-bezier(.4,0,.2,1),
              border-color .25s cubic-bezier(.4,0,.2,1);
}

.tutor-card.tutor-course-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(16,24,40,.10);
  border-color: #cfe5df;
}

.tutor-course-card .tutor-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 18px 18px 14px;
}

.tutor-course-card .tutor-card-footer {
  margin-top: auto;
  padding: 14px 18px 18px;
  border-top: 1px solid #f2f4f7;
}

/* ---------------------------------------------------------------------------
 *  2 · الصورة
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-course-thumbnail { overflow: hidden; }

.tutor-course-card .tutor-course-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.4,0,.2,1);
}

.tutor-course-card:hover .tutor-course-thumbnail img { transform: scale(1.04); }

/* ---------------------------------------------------------------------------
 *  3 · التقييم
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-ratings-stars [class*="tutor-icon-star"] {
  color: var(--ct-gold);
  font-size: 14px;
}

.tutor-course-card .tutor-ratings-average {
  font-weight: 600;
  font-size: 13.5px;
  color: var(--ct-ink-2);
}

.tutor-course-card .tutor-ratings-count {
  font-size: 13px;
  color: var(--ct-ink-3);
}

/* ---------------------------------------------------------------------------
 *  4 · العنوان — سطران بالضبط، فتتساوى البطاقات
 * ------------------------------------------------------------------------- */
.tutor-course-card h3.tutor-course-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 4px;
  min-height: calc(18px * 1.6 * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tutor-course-card h3.tutor-course-name a {
  color: var(--ct-ink);
  text-decoration: none;
  transition: color .2s;
}

.tutor-course-card h3.tutor-course-name a:hover { color: var(--ct-accent); }

/* ---------------------------------------------------------------------------
 *  5 · سطر البيانات والمدرب
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-meta {
  font-size: 13.5px;
  color: var(--ct-ink-3);
  line-height: 1.7;
}

.tutor-course-card .tutor-meta-icon { color: var(--ct-ink-3); }

.tutor-course-card .tutor-meta-value {
  color: var(--ct-ink-2);
  font-weight: 500;
}

.tutor-course-card .tutor-meta a {
  color: var(--ct-ink-2);
  text-decoration: none;
}

.tutor-course-card .tutor-meta a:hover {
  color: var(--ct-accent);
  text-decoration: underline;
}

.tutor-course-card .tutor-avatar img {
  border-radius: 50%;
  border: 1px solid var(--ct-line);
}

/* ---------------------------------------------------------------------------
 *  6 · السعر
 * ------------------------------------------------------------------------- */
.tutor-course-card .list-item-price > span {
  font-size: 21px;
  font-weight: 700;
  color: var(--ct-ink);
  line-height: 1.1;
}

.tutor-course-card .list-item-price del {
  font-size: 14px;
  font-weight: 400;
  color: #98a2b3;
  margin-inline-start: 8px;
}

/* ---------------------------------------------------------------------------
 *  7 · الأزرار
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-btn {
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 20px;
  transition: all .2s cubic-bezier(.4,0,.2,1);
}

.tutor-course-card .tutor-btn-outline-primary {
  border: 1px solid var(--ct-accent);
  color: var(--ct-accent);
  background: transparent;
}

.tutor-course-card .tutor-btn-outline-primary:hover {
  background: var(--ct-accent);
  border-color: var(--ct-accent);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14,110,94,.25);
}

/* ---------------------------------------------------------------------------
 *  8 · زر الحفظ في المفضلة
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-course-bookmark .tutor-iconic-btn {
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  border: 1px solid var(--ct-line);
  border-radius: 50%;
  color: var(--ct-ink-2);
  transition: all .2s;
}

.tutor-course-card .tutor-course-bookmark .tutor-iconic-btn:hover {
  background: #fff;
  color: var(--ct-accent);
  border-color: var(--ct-accent);
}

/* ---------------------------------------------------------------------------
 *  9 · مؤشر الحجز
 * ------------------------------------------------------------------------- */
.tutor-course-card .tutor-course-booking-progress {
  font-size: 13px;
  color: var(--ct-ink-3);
}

/* الأرقام اللاتينية تبقى بترتيبها الصحيح داخل النص العربي */
.tutor-course-card .tutor-meta-value,
.tutor-course-card .list-item-price,
.tutor-course-card .tutor-ratings-average { font-variant-numeric: tabular-nums; }

/* ---------------------------------------------------------------------------
 *  10 · إخفاء الرابط الفارغ المعطوب
 * ------------------------------------------------------------------------- */
.tutor-course-card a[href="javascript:;"]:empty { display: none; }

/* ---------------------------------------------------------------------------
 *  11 · تقليل الحركة لمن يفضّلها
 * ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .tutor-card.tutor-course-card,
  .tutor-course-card .tutor-course-thumbnail img,
  .tutor-course-card .tutor-btn { transition: none; }
  .tutor-card.tutor-course-card:hover { transform: none; }
}