@import url('srlab-shared.css');

/*
 * smc-lesson.css
 * ---------------------------------------------------------------
 * التنسيقات الخاصة بدرس "الدورة اليومية ونظرية IPDA" ومفاهيمه.
 * تم استخراجها حرفيًا (بدون أي تغيير) من داخل <style> فى الصفحة
 * الأصلية learn/smc-market-cycle-ipda.php، وتحولت لملف CSS خارجي
 * واحد يُحمَّل من كل صفحات المفاهيم + الصفحة المركزية (hub) —
 * فيستفيد من كاش المتصفح بدل تكرار نفس الـ CSS فى 11 صفحة.
 *
 * .tal-tabs/.tal-tab و.tal-concept-intro/.tal-try-btn/.strat-* موحّدين
 * الآن فى shared-components.css (محمّلة من header.php) — كانوا هنا
 * مكررين حرفيًا.
 * ---------------------------------------------------------------
 */
.ppg-card { background: var(--bg-gray-900); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 14px; margin: 0 0 14px; }
.ppg-card img { width: 100%; height: auto; border-radius: 8px; display: block; margin-bottom: 8px; }
.ppg-card img:last-child { margin-bottom: 0; }
.ppg-card figcaption, .ppg-card .ppg-caption { font-size: 12.5px; color: var(--text-muted); margin-top: 8px; line-height: 1.8; }
.nt-svg, .ppg-svg { width: 100%; height: auto; display: block; border-radius: 8px; margin-bottom: 8px; }
.ppg-svg:last-of-type { margin-bottom: 0; }

.srlab-pairs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 1rem; }
.srlab-pairs-label { color: var(--text-muted); font-size: 0.85rem; }
.srlab-note-bar { background: rgba(99,102,241,0.08); border: 1px solid rgba(99,102,241,0.25); border-radius: 10px; padding: 10px 14px; margin: 0 0 12px; font-size: 13px; line-height: 1.8; color: #d1d5db; }
.smc-ipda-share-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.25); text-decoration: none; font-size: 15px; transition: transform 0.15s ease, filter 0.15s ease; }
.smc-ipda-share-icon:hover { transform: translateY(-2px); filter: brightness(1.25); }
.srlab-pair-btn { border: 1px solid var(--border-color); color: var(--text-light); border-radius: 999px; padding: 5px 14px; font-size: 0.85rem; text-decoration: none; }
.srlab-pair-btn.active { background: var(--primary-gradient); border-color: transparent; color: #fff; font-weight: 700; }