/* SLFS/web-v2 · بخشِ theories
   منتقل‌شده از <style>ِ قالب (2026-10-02) — RULES §۳.۵ */

/* ══════════ theories ══════════ */
/* ══ SLFS · تحلیل‌های نظری (.slfs-th) — از theories-section.html ══ */

/* ── تذکرِ خاکستری ── */
.slfs-th .theory-disclaimer { background: #F8F9FA; border-radius: 14px; padding: 20px 24px; margin-bottom: 28px; border: 1px solid #E5E7EB }
.slfs-th .theory-disclaimer__title { font-size: 14px; font-weight: 700; color: #334155; margin-bottom: 8px; display: flex; align-items: center; gap: 6px }
.slfs-th .theory-disclaimer__title svg { width: 16px; height: 16px; flex-shrink: 0 }
.slfs-th .theory-disclaimer__text { font-size: 13px; color: #4B5563; line-height: 24px; text-align: justify }

/* ── پیش‌نمایشِ سه دسته ── */
.slfs-th .theories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 24px 0 }
.slfs-th .theory-preview { background: #FAFBFC; border-radius: 16px; padding: 22px 16px; text-align: center; border: 2px solid #E5E7EB; transition: all .3s ease; cursor: pointer; text-decoration: none; display: block }
.slfs-th .theory-preview:hover { background: #fff; transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.1); border-color: #12B886 }
.slfs-th .theory-preview__badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 14px; border-radius: 20px; background: #12B886; color: #fff; font-size: 12px; font-weight: 700; margin-bottom: 12px }
.slfs-th .theory-preview__name { font-size: 15px; font-weight: 800; color: #343A40; margin-bottom: 10px }
.slfs-th .theory-preview__list { text-align: right; padding: 0 8px }
.slfs-th .theory-preview__item { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid #F3F4F6; font-size: 12px; color: #4B5563 }
.slfs-th .theory-preview__item:last-child { border-bottom: none }
.slfs-th .theory-preview__num { width: 20px; height: 20px; border-radius: 6px; background: #334155; color: #fff; font-size: 9px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0 }
.slfs-th .theory-preview__tname { font-weight: 600; flex: 1 }
.slfs-th .theory-preview__author { font-size: 10px; color: #94A3B8; direction: ltr }
@media (max-width: 768px) { .slfs-th .theories-grid { grid-template-columns: 1fr } }

/* ── کارتِ هر نظریه ── */
.slfs-th .theory-box { border-radius: 14px; border: 1px solid #CED4DA; padding: 30px 24px; margin-top: 24px; margin-bottom: 32px; background: #fff }
.slfs-th .theory-box__header { display: flex; gap: 20px; align-items: center; margin-bottom: 28px }
.slfs-th .theory-box__img { width: 100px; height: 100px; border-radius: 50%; flex-shrink: 0; position: relative; overflow: hidden }
.slfs-th .theory-box__img img { width: 100%; height: 100%; object-fit: cover; opacity: .7 }
.slfs-th .theory-box__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,184,134,0) 0%, rgba(18,184,134,0.85) 100%); border-radius: 50% }
.slfs-th .theory-box__info { padding-right: 20px; border-right: 3px solid #12B886 }
.slfs-th .theory-box__name { font-size: 18px; font-weight: 900; color: #343A40; margin-bottom: 8px }
.slfs-th .theory-box__name-en { font-size: 14px; font-weight: 400; color: #343A40; display: block; margin-bottom: 8px; direction: ltr; text-align: right }
.slfs-th .theory-box__author { font-size: 14px; font-weight: 400; color: #343A40 }
.slfs-th .theory-box__components { border-radius: 10px; border: 1px solid #CED4DA; padding: 16px; margin-bottom: 28px }
.slfs-th .theory-box__components h6 { font-size: 15px; font-weight: 700; color: #343A40; margin-bottom: 12px }
.slfs-th .theory-box__tags { display: flex; gap: 9px; flex-wrap: wrap }
.slfs-th .theory-box__tag { padding: 7px 18px; border-radius: 10px; background: #F8F9FA; color: #868E96; font-size: 14px; font-weight: 400 }
.slfs-th .theory-box__analysis { padding: 16px; border-radius: 10px; background: #F8F9FA }
.slfs-th .theory-box__analysis h6 { font-size: 15px; font-weight: 700; color: #343A40; margin-bottom: 14px }
.slfs-th .theory-box__analysis p { font-size: 15px; color: #343A40; text-align: justify; line-height: 28px; margin-bottom: 12px }
.slfs-th .theory-box__analysis p:last-child { margin-bottom: 0 }

@media (max-width: 768px) {
    .slfs-th .theory-box__header { flex-direction: column; align-items: center }
    .slfs-th .theory-box__img { width: 90px; height: 90px }
    .slfs-th .theory-box__info { padding-right: 0; border-right: none; text-align: center }
    .slfs-th .theory-box { padding: 22px 18px }
}
@media (max-width: 576px) {
    .slfs-th .theory-box__analysis p { font-size: 14px; line-height: 26px }
    .slfs-th .theory-box__tag { font-size: 13px; padding: 6px 14px }
}