/* ============================================================================
 *  CT Tutor — الخطوة 6: نظام الأيقونات الموحّد
 *  الوجهة: wp-content/themes/blocksy-child/assets/css/ct-tutor-06-icons.css
 *
 *  أسلوب ثنائي اللون: شكل ممتلئ خافت في الخلفية، وتفصيل مشبع فوقه.
 *  ثلاث عشرة أيقونة مرسومة خصيصاً، مضمَّنة بلا طلب شبكي واحد.
 *  يغطي منهج الدورة وبطاقة الشراء بلغة بصرية واحدة.
 *
 *  يُحمَّل بعد 04 و05 بحكم الترقيم، فيتجاوز الأيقونات الخطية السابقة.
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 *  1 · الأساس المشترك
 * ------------------------------------------------------------------------- */
.tutor-course-content-list-item-icon::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
  content: "" !important;
  position: absolute;
  inset: 0;
  margin: auto;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ============================================================================
 *  القسم الأول · أيقونات منهج الدورة
 * ========================================================================= */

.tutor-course-content-list-item-icon {
  background: transparent !important;
}

.tutor-course-content-list-item-icon::after {
  width: 30px !important;
  height: 30px !important;
}

/* ---- درس نصي / مستند · زمردي ------------------------------------------- */
.tutor-course-content-list-item-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2.5h7l5.5 5.5V19a2.5 2.5 0 0 1-2.5 2.5H6A2.5 2.5 0 0 1 3.5 19V5A2.5 2.5 0 0 1 6 2.5z' fill='%23bfe0d9'/%3E%3Cpath d='M13 2.5L18.5 8h-4.3A1.2 1.2 0 0 1 13 6.8z' fill='%230e6e5e'/%3E%3Cpath d='M7.6 12.4h8M7.6 16.2h5' stroke='%230e6e5e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---- فيديو · نيلي ------------------------------------------------------- */
.tutor-course-content-list-item-icon.tutor-icon-brand-youtube-bold::after,
.tutor-course-content-list-item-icon.tutor-icon-brand-youtube-line::after,
.tutor-course-content-list-item-icon.tutor-icon-play-circle::after,
.tutor-course-content-list-item-icon.tutor-icon-play-circle-line::after,
.tutor-course-content-list-item-icon.tutor-icon-video-camera::after,
.tutor-course-content-list-item-icon.tutor-icon-brand-vimeo::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23c5cff5'/%3E%3Cpath d='M10.2 8.2l6.1 3.5a.35.35 0 0 1 0 .6l-6.1 3.5a.35.35 0 0 1-.52-.3V8.5a.35.35 0 0 1 .52-.3z' fill='%233b5bdb'/%3E%3C/svg%3E");
}

/* ---- اختبار · ذهبي ------------------------------------------------------ */
.tutor-course-content-list-item-icon.tutor-icon-quiz::after,
.tutor-course-content-list-item-icon.tutor-icon-quiz-o::after,
.tutor-course-content-list-item-icon.tutor-icon-circle-question-mark::after,
.tutor-course-content-list-item-icon.tutor-icon-question-mark::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.8' y='4.2' width='16.4' height='17.3' rx='3.2' fill='%23f0dcb4'/%3E%3Crect x='8.4' y='2.3' width='7.2' height='4.2' rx='1.7' fill='%23b4801a'/%3E%3Cpath d='M8.7 13.5l2.3 2.3 4.3-4.7' stroke='%23b4801a' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ---- واجب · بنفسجي ------------------------------------------------------ */
.tutor-course-content-list-item-icon.tutor-icon-assignment::after,
.tutor-course-content-list-item-icon.tutor-icon-clipboard-list::after,
.tutor-course-content-list-item-icon.tutor-icon-pen-line::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.6 17.1L16.4 4.3a2.7 2.7 0 0 1 3.8 3.8L7.4 20.9 2.6 22z' fill='%23d6c9f8'/%3E%3Cpath d='M14.7 6l3.8 3.8' stroke='%237048e8' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M2.6 22l1.3-4.6 3.3 3.3z' fill='%237048e8'/%3E%3C/svg%3E");
}

/* ---- بث مباشر · فيروزي -------------------------------------------------- */
.tutor-course-content-list-item-icon.tutor-icon-brand-zoom::after,
.tutor-course-content-list-item-icon.tutor-icon-brand-google-meet::after,
.tutor-course-content-list-item-icon.tutor-icon-live::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 7.4a6.5 6.5 0 0 0 0 9.2M16.6 7.4a6.5 6.5 0 0 1 0 9.2' stroke='%23b9e2ea' stroke-width='2.1' fill='none' stroke-linecap='round'/%3E%3Cpath d='M4.5 4.5a10.5 10.5 0 0 0 0 15M19.5 4.5a10.5 10.5 0 0 1 0 15' stroke='%23b9e2ea' stroke-width='2.1' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='12' r='3.3' fill='%230c8599'/%3E%3C/svg%3E");
}

/* ============================================================================
 *  القسم الثاني · أيقونات حالة الدرس
 * ========================================================================= */

.tutor-course-content-list-item-status::after {
  width: 22px !important;
  height: 22px !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ---- مقفل · رمادي ------------------------------------------------------- */
.tutor-course-content-list-item-status.tutor-icon-lock-line::after,
.tutor-course-content-list-item-status.tutor-icon-lock-bold::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='10' width='15' height='11' rx='3' fill='%23dfe3e9'/%3E%3Cpath d='M8.2 10V7.9a3.8 3.8 0 0 1 7.6 0V10' stroke='%2398a2b3' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='15.3' r='1.8' fill='%2398a2b3'/%3E%3C/svg%3E");
}

/* ---- مكتمل · أخضر ------------------------------------------------------- */
.tutor-course-content-list-item-status.tutor-icon-circle-mark-line::after,
.tutor-course-content-list-item-status.tutor-icon-circle-mark::after,
.tutor-course-content-list-item-status.tutor-icon-checkbox-o::after,
.tutor-course-content-list-item-status.tutor-icon-mark::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23b9e3cc'/%3E%3Cpath d='M8.1 12.3l2.7 2.7 5.1-5.6' stroke='%230b8a4b' stroke-width='2.1' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ============================================================================
 *  القسم الثالث · أيقونات بطاقة الشراء
 * ========================================================================= */

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child {
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::before {
  content: none !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
  width: 32px !important;
  height: 32px !important;
}

/* ---- المستوى · زمردي ---------------------------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-icon-level::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.8' y='13.2' width='4.8' height='8' rx='1.7' fill='%23bfe0d9'/%3E%3Crect x='9.6' y='8.2' width='4.8' height='13' rx='1.7' fill='%23bfe0d9'/%3E%3Crect x='16.4' y='2.8' width='4.8' height='18.4' rx='1.7' fill='%230e6e5e'/%3E%3C/svg%3E");
}

/* ---- الملتحقون · نيلي --------------------------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-icon-mortarboard::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='17' cy='9.4' r='2.7' fill='%23c5cff5'/%3E%3Cpath d='M14.4 14.3c.8-.3 1.7-.4 2.6-.4 2.7 0 4.5 1.7 4.5 4.2a.8.8 0 0 1-.8.8h-3.9z' fill='%23c5cff5'/%3E%3Ccircle cx='9.2' cy='8' r='3.6' fill='%233b5bdb'/%3E%3Cpath d='M2.6 19.3c0-3.2 2.9-5.5 6.6-5.5s6.6 2.3 6.6 5.5a.9.9 0 0 1-.9.9H3.5a.9.9 0 0 1-.9-.9z' fill='%233b5bdb'/%3E%3C/svg%3E");
}

/* ---- المدة · زمردي ------------------------------------------------------ */
.tutor-course-details-page .tutor-card-footer .tutor-icon-clock-line::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23bfe0d9'/%3E%3Cpath d='M12 6.3a1.1 1.1 0 0 1 1.1 1.1v4.2l3.1 1.8a1.1 1.1 0 1 1-1.1 1.9l-3.6-2.1a1.1 1.1 0 0 1-.6-1V7.4A1.1 1.1 0 0 1 12 6.3z' fill='%230e6e5e'/%3E%3C/svg%3E");
}

/* ---- آخر تحديث · فيروزي ------------------------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-icon-refresh-o::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23b9e2ea'/%3E%3Cpath d='M16 10a4.7 4.7 0 0 0-7.8 1M8 14a4.7 4.7 0 0 0 7.8-1' stroke='%230c8599' stroke-width='1.9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M16.6 7.2v2.9h-2.9M7.4 16.8v-2.9h2.9' stroke='%230c8599' stroke-width='1.9' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ---- صلاحية التسجيل · بنفسجي -------------------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-icon-calender-line::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.8' y='5' width='18.4' height='16.2' rx='3.2' fill='%23d6c9f8'/%3E%3Cpath d='M2.8 10.2h18.4' stroke='%237048e8' stroke-width='1.7'/%3E%3Crect x='6.8' y='12.9' width='3.2' height='3.2' rx='.9' fill='%237048e8'/%3E%3Crect x='12.1' y='12.9' width='3.2' height='3.2' rx='.9' fill='%237048e8'/%3E%3Cpath d='M7.6 2.8v4.1M16.4 2.8v4.1' stroke='%237048e8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ---- الشهادة · ذهبي ----------------------------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-icon-ribbon-o::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 13.8L6.2 21.4l3.9-1.7 1.9 1.7 1.9-1.7 3.9 1.7-2.4-7.6z' fill='%23f0dcb4'/%3E%3Ccircle cx='12' cy='9.1' r='6.6' fill='%23f0dcb4'/%3E%3Cpath d='M12 4.9l1.5 3.1 3.4.5-2.5 2.4.6 3.4-3-1.6-3 1.6.6-3.4-2.5-2.4 3.4-.5z' fill='%23b4801a'/%3E%3C/svg%3E");
}

/* ---- احتياطي لأي أيقونة أخرى في القائمة · زمردي ------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23bfe0d9'/%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%230e6e5e'/%3E%3C/svg%3E");
}

/* إعادة ترتيب الأولوية: الأيقونات المحددة تسبق الاحتياطي */
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-level::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-mortarboard::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-clock-line::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-refresh-o::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-calender-line::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-ribbon-o::after {
  background-image: inherit;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-level::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.8' y='13.2' width='4.8' height='8' rx='1.7' fill='%23bfe0d9'/%3E%3Crect x='9.6' y='8.2' width='4.8' height='13' rx='1.7' fill='%23bfe0d9'/%3E%3Crect x='16.4' y='2.8' width='4.8' height='18.4' rx='1.7' fill='%230e6e5e'/%3E%3C/svg%3E") !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-mortarboard::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='17' cy='9.4' r='2.7' fill='%23c5cff5'/%3E%3Cpath d='M14.4 14.3c.8-.3 1.7-.4 2.6-.4 2.7 0 4.5 1.7 4.5 4.2a.8.8 0 0 1-.8.8h-3.9z' fill='%23c5cff5'/%3E%3Ccircle cx='9.2' cy='8' r='3.6' fill='%233b5bdb'/%3E%3Cpath d='M2.6 19.3c0-3.2 2.9-5.5 6.6-5.5s6.6 2.3 6.6 5.5a.9.9 0 0 1-.9.9H3.5a.9.9 0 0 1-.9-.9z' fill='%233b5bdb'/%3E%3C/svg%3E") !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-clock-line::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23bfe0d9'/%3E%3Cpath d='M12 6.3a1.1 1.1 0 0 1 1.1 1.1v4.2l3.1 1.8a1.1 1.1 0 1 1-1.1 1.9l-3.6-2.1a1.1 1.1 0 0 1-.6-1V7.4A1.1 1.1 0 0 1 12 6.3z' fill='%230e6e5e'/%3E%3C/svg%3E") !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-refresh-o::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.3' fill='%23b9e2ea'/%3E%3Cpath d='M16 10a4.7 4.7 0 0 0-7.8 1M8 14a4.7 4.7 0 0 0 7.8-1' stroke='%230c8599' stroke-width='1.9' fill='none' stroke-linecap='round'/%3E%3Cpath d='M16.6 7.2v2.9h-2.9M7.4 16.8v-2.9h2.9' stroke='%230c8599' stroke-width='1.9' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-calender-line::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.8' y='5' width='18.4' height='16.2' rx='3.2' fill='%23d6c9f8'/%3E%3Cpath d='M2.8 10.2h18.4' stroke='%237048e8' stroke-width='1.7'/%3E%3Crect x='6.8' y='12.9' width='3.2' height='3.2' rx='.9' fill='%237048e8'/%3E%3Crect x='12.1' y='12.9' width='3.2' height='3.2' rx='.9' fill='%237048e8'/%3E%3Cpath d='M7.6 2.8v4.1M16.4 2.8v4.1' stroke='%237048e8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span.tutor-icon-ribbon-o::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.6 13.8L6.2 21.4l3.9-1.7 1.9 1.7 1.9-1.7 3.9 1.7-2.4-7.6z' fill='%23f0dcb4'/%3E%3Ccircle cx='12' cy='9.1' r='6.6' fill='%23f0dcb4'/%3E%3Cpath d='M12 4.9l1.5 3.1 3.4.5-2.5 2.4.6 3.4-3-1.6-3 1.6.6-3.4-2.5-2.4 3.4-.5z' fill='%23b4801a'/%3E%3C/svg%3E") !important;
}

/* ---------------------------------------------------------------------------
 *  4 · حركة خفيفة عند التمرير
 * ------------------------------------------------------------------------- */
.tutor-course-content-list-item-icon::after,
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
  transition: transform .2s cubic-bezier(.4,0,.2,1);
}

.tutor-course-content-list-item:hover .tutor-course-content-list-item-icon::after {
  transform: scale(1.08);
}

.tutor-course-details-page .tutor-card-footer .tutor-ul > li:hover > span:first-child::after {
  transform: scale(1.08);
}

/* ---------------------------------------------------------------------------
 *  5 · الجوال
 * ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .tutor-course-content-list-item-icon::after { width: 26px !important; height: 26px !important; }
  .tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
  }
  .tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
    width: 28px !important;
    height: 28px !important;
  }
}

/* ---------------------------------------------------------------------------
 *  6 · تقليل الحركة لمن يفضّلها
 * ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .tutor-course-content-list-item-icon::after,
  .tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
    transition: none !important;
    transform: none !important;
  }
}