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

/* ============================================================================
 *  القسم الأول · منهج الدورة — كثافة متوسطة
 * ========================================================================= */

/* ---- درس نصي · سلسلة معرفة رأسية ---------------------------------------- */
.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%3Cg stroke='%230e6e5e' stroke-width='1.35' stroke-linecap='round' opacity='.5' fill='none'%3E%3Cpath d='M12 5.4v13.2'/%3E%3Cpath d='M12 8.9l4.9-2.6M12 15.1l-4.9 2.6'/%3E%3C/g%3E%3Ccircle cx='12' cy='5.4' r='2.5' fill='%230e6e5e'/%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%230e6e5e' opacity='.62'/%3E%3Ccircle cx='12' cy='18.6' r='2.5' fill='%23cfe6e0'/%3E%3Ccircle cx='16.9' cy='6.3' r='1.35' fill='%23cfe6e0'/%3E%3Ccircle cx='7.1' cy='17.7' r='1.35' fill='%23cfe6e0'/%3E%3C/svg%3E") !important;
}

/* ---- فيديو · مثلث من ثلاث عقد ------------------------------------------- */
.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.4' fill='%23d3daf8'/%3E%3Cpath d='M9.3 7.6L17 12l-7.7 4.4z' fill='none' stroke='%233b5bdb' stroke-width='1.35' stroke-linejoin='round' opacity='.55'/%3E%3Ccircle cx='9.3' cy='7.6' r='2.1' fill='%233b5bdb'/%3E%3Ccircle cx='9.3' cy='16.4' r='2.1' fill='%233b5bdb'/%3E%3Ccircle cx='17' cy='12' r='2.4' fill='%233b5bdb'/%3E%3Ccircle cx='11.9' cy='12' r='1.15' fill='%233b5bdb' opacity='.55'/%3E%3C/svg%3E") !important;
}

/* ---- اختبار · مسار متفرّع بعقدة مضيئة ----------------------------------- */
.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%3Ccircle cx='16.4' cy='12' r='4.6' fill='%23f2e2c0'/%3E%3Cg stroke='%23b4801a' stroke-width='1.35' stroke-linecap='round' opacity='.55' fill='none'%3E%3Cpath d='M6.6 12h9.8M9 12l4.4-5.4M9 12l4.4 5.4'/%3E%3C/g%3E%3Ccircle cx='5.6' cy='12' r='2.4' fill='%23b4801a'/%3E%3Ccircle cx='16.4' cy='12' r='2.5' fill='%23b4801a'/%3E%3Ccircle cx='14.2' cy='6.2' r='1.8' fill='%23f2e2c0' stroke='%23b4801a' stroke-width='1.1'/%3E%3Ccircle cx='14.2' cy='17.8' r='1.8' fill='%23f2e2c0' stroke='%23b4801a' stroke-width='1.1'/%3E%3C/svg%3E") !important;
}

/* ---- واجب · مسار مائل بطرف مضيء ----------------------------------------- */
.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%3Ccircle cx='16.6' cy='7.4' r='5' fill='%23ddd3fa'/%3E%3Cpath d='M5.6 18.4L16.6 7.4' stroke='%237048e8' stroke-width='1.4' stroke-linecap='round' opacity='.55'/%3E%3Cpath d='M16.6 7.4l3.6-3.6' stroke='%237048e8' stroke-width='1.4' stroke-linecap='round' opacity='.35'/%3E%3Ccircle cx='16.6' cy='7.4' r='2.7' fill='%237048e8'/%3E%3Ccircle cx='5.6' cy='18.4' r='1.9' fill='%237048e8' opacity='.55'/%3E%3Ccircle cx='20.2' cy='3.8' r='1.4' fill='%23ddd3fa'/%3E%3C/svg%3E") !important;
}

/* ---- بث مباشر · نبض دائري ----------------------------------------------- */
.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%3Ccircle cx='12' cy='12' r='9.4' fill='none' stroke='%23c6e8ee' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='6.2' fill='none' stroke='%23c6e8ee' stroke-width='1.6'/%3E%3Ccircle cx='12' cy='12' r='2.9' fill='%230c8599'/%3E%3Ccircle cx='18.2' cy='12' r='1.3' fill='%230c8599' opacity='.5'/%3E%3Ccircle cx='5.8' cy='12' r='1.3' fill='%230c8599' opacity='.5'/%3E%3Ccircle cx='12' cy='5.8' r='1.3' fill='%230c8599' opacity='.5'/%3E%3Ccircle cx='12' cy='18.2' r='1.3' fill='%230c8599' opacity='.5'/%3E%3C/svg%3E") !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%3Cpath d='M7.8 12.2V8.4a4.2 4.2 0 0 1 8.4 0v3.8' fill='none' stroke='%2398a2b3' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M7.4 16.6h9.2' stroke='%23e4e8ee' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='7.4' cy='16.6' r='1.8' fill='%23e4e8ee'/%3E%3Ccircle cx='16.6' cy='16.6' r='1.8' fill='%23e4e8ee'/%3E%3Ccircle cx='12' cy='16.6' r='2.6' fill='%2398a2b3'/%3E%3C/svg%3E") !important;
}

/* ---- مكتمل · مسار ينتهي بعقدة مضيئة ------------------------------------- */
.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='16.4' cy='7.6' r='5.6' fill='%23c6e8d6'/%3E%3Cpath d='M4.6 16.4l5-4.4 6.8-4.4' fill='none' stroke='%230b8a4b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='.55'/%3E%3Ccircle cx='4.6' cy='16.4' r='1.6' fill='%230b8a4b' opacity='.5'/%3E%3Ccircle cx='9.6' cy='12' r='2' fill='%230b8a4b' opacity='.7'/%3E%3Ccircle cx='16.4' cy='7.6' r='3.2' fill='%230b8a4b'/%3E%3C/svg%3E") !important;
}

/* ============================================================================
 *  القسم الثالث · بطاقة الشراء — كثافة عالية
 * ========================================================================= */

/* ---- المستوى · ثلاث عقد متصاعدة ----------------------------------------- */
.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%3Ccircle cx='18.6' cy='6.2' r='5' fill='%23cfe6e0'/%3E%3Cg stroke='%230e6e5e' stroke-width='1.35' stroke-linecap='round' opacity='.5' fill='none'%3E%3Cpath d='M4.4 18.4L11.5 12.3 18.6 6.2'/%3E%3Cpath d='M7.8 20.8l3.7-8.5M15 9l3.6-2.8'/%3E%3C/g%3E%3Ccircle cx='4.4' cy='18.4' r='1.9' fill='%230e6e5e' opacity='.45'/%3E%3Ccircle cx='11.5' cy='12.3' r='2.4' fill='%230e6e5e' opacity='.7'/%3E%3Ccircle cx='18.6' cy='6.2' r='3.1' fill='%230e6e5e'/%3E%3Ccircle cx='7.8' cy='20.9' r='1.2' fill='%23cfe6e0'/%3E%3Ccircle cx='15.1' cy='9' r='1.2' fill='%23cfe6e0'/%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='12' cy='12' r='9.6' fill='%23d3daf8'/%3E%3Cg stroke='%233b5bdb' stroke-width='1.25' stroke-linecap='round' opacity='.5' fill='none'%3E%3Cpath d='M12 12L12 4.2M12 12l7.4 2.4M12 12l-4.6 6.3M12 12l4.6 6.3M12 12L4.6 14.4'/%3E%3C/g%3E%3Ccircle cx='12' cy='4.2' r='1.9' fill='%233b5bdb' opacity='.6'/%3E%3Ccircle cx='19.4' cy='14.4' r='1.7' fill='%233b5bdb' opacity='.55'/%3E%3Ccircle cx='16.6' cy='18.3' r='1.5' fill='%233b5bdb' opacity='.45'/%3E%3Ccircle cx='7.4' cy='18.3' r='1.5' fill='%233b5bdb' opacity='.45'/%3E%3Ccircle cx='4.6' cy='14.4' r='1.7' fill='%233b5bdb' opacity='.55'/%3E%3Ccircle cx='12' cy='12' r='3.1' 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.6' fill='%23cfe6e0'/%3E%3Cg fill='%230e6e5e' opacity='.5'%3E%3Ccircle cx='12' cy='4.6' r='1.25'/%3E%3Ccircle cx='17.2' cy='6.8' r='1.05'/%3E%3Ccircle cx='19.4' cy='12' r='1.25'/%3E%3Ccircle cx='17.2' cy='17.2' r='1.05'/%3E%3Ccircle cx='12' cy='19.4' r='1.25'/%3E%3Ccircle cx='6.8' cy='17.2' r='1.05'/%3E%3Ccircle cx='4.6' cy='12' r='1.25'/%3E%3Ccircle cx='6.8' cy='6.8' r='1.05'/%3E%3C/g%3E%3Cg stroke='%230e6e5e' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M12 12V7.5M12 12l3.6 2.4'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.9' 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.6' fill='%23c6e8ee'/%3E%3Cg fill='none' stroke='%230c8599' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M16.8 9.6A5.4 5.4 0 0 0 7.6 10.4'/%3E%3Cpath d='M7.2 14.4a5.4 5.4 0 0 0 9.2-.8'/%3E%3C/g%3E%3Ccircle cx='16.8' cy='9.6' r='2.2' fill='%230c8599'/%3E%3Ccircle cx='7.2' cy='14.4' r='2.2' fill='%230c8599'/%3E%3Ccircle cx='7.6' cy='10.4' r='1.2' fill='%230c8599' opacity='.5'/%3E%3Ccircle cx='16.4' cy='13.6' r='1.2' fill='%230c8599' opacity='.5'/%3E%3Ccircle cx='12' cy='12' r='1.15' fill='%230c8599' opacity='.4'/%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='4.8' width='18.4' height='16.4' rx='3.4' fill='%23ddd3fa'/%3E%3Cg stroke='%237048e8' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M7.6 2.9v3.8M16.4 2.9v3.8'/%3E%3C/g%3E%3Cg fill='%237048e8'%3E%3Ccircle cx='7.4' cy='11.4' r='1.55'/%3E%3Ccircle cx='12' cy='11.4' r='1.55'/%3E%3Ccircle cx='16.6' cy='11.4' r='1.55'/%3E%3Ccircle cx='7.4' cy='15.6' r='1.55'/%3E%3Ccircle cx='12' cy='15.6' r='1.55'/%3E%3C/g%3E%3Cg fill='%237048e8' opacity='.35'%3E%3Ccircle cx='16.6' cy='15.6' r='1.55'/%3E%3Ccircle cx='7.4' cy='18.9' r='1.2'/%3E%3Ccircle cx='12' cy='18.9' r='1.2'/%3E%3Ccircle cx='16.6' cy='18.9' r='1.2'/%3E%3C/g%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.4 14.6L6.4 21.6l3.9-1.9 1.7 1.7 1.7-1.7 3.9 1.9-2-7z' fill='%23f2e2c0'/%3E%3Ccircle cx='12' cy='9.6' r='7.4' fill='%23f2e2c0'/%3E%3Cpath d='M12 4.4l4.9 3.6-1.9 5.8H9l-1.9-5.8z' fill='none' stroke='%23b4801a' stroke-width='1.3' stroke-linejoin='round' opacity='.55'/%3E%3Ccircle cx='12' cy='4.4' r='1.85' fill='%23b4801a'/%3E%3Ccircle cx='16.9' cy='8' r='1.6' fill='%23b4801a' opacity='.7'/%3E%3Ccircle cx='15' cy='13.8' r='1.5' fill='%23b4801a' opacity='.6'/%3E%3Ccircle cx='9' cy='13.8' r='1.5' fill='%23b4801a' opacity='.6'/%3E%3Ccircle cx='7.1' cy='8' r='1.6' fill='%23b4801a' opacity='.7'/%3E%3Ccircle cx='12' cy='9.6' r='2.3' fill='%23b4801a'/%3E%3C/svg%3E") !important;
}

/* ---- احتياطي لأي سطر آخر · عقدة بهالة ----------------------------------- */
.tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child:not([class*="tutor-icon-level"]):not([class*="tutor-icon-mortarboard"]):not([class*="tutor-icon-clock"]):not([class*="tutor-icon-refresh"]):not([class*="tutor-icon-calender"]):not([class*="tutor-icon-ribbon"])::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.6' fill='%23cfe6e0'/%3E%3Cg fill='%230e6e5e' opacity='.45'%3E%3Ccircle cx='12' cy='5.4' r='1.3'/%3E%3Ccircle cx='18.6' cy='12' r='1.3'/%3E%3Ccircle cx='12' cy='18.6' r='1.3'/%3E%3Ccircle cx='5.4' cy='12' r='1.3'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3' fill='%230e6e5e'/%3E%3C/svg%3E") !important;
}

/* ---------------------------------------------------------------------------
 *  ضبط الأحجام — الأيقونات البنائية تحتاج مساحة أكبر من الخطية
 * ------------------------------------------------------------------------- */
.tutor-course-content-list-item-icon::after {
  width: 32px !important;
  height: 32px !important;
}

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

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

@media (max-width: 767px) {
  .tutor-course-content-list-item-icon::after { width: 27px !important; height: 27px !important; }
  .tutor-course-details-page .tutor-card-footer .tutor-ul > li > span:first-child::after {
    width: 29px !important; height: 29px !important;
  }
}