/**
 * لیست‌های استایل‌دهنده WSCG — همه تم‌ها
 * متغیرها: --wscg-list-accent, --wscg-list-ring, --wscg-list-bg, --wscg-list-border, --wscg-list-text
 */

.wscg-list-block {
    margin: 1rem 0 1.35rem;
    padding: 0;
}

.wscg-list-block__head {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--wscg-list-accent, #4f46e5);
}

.wscg-list-block__icon.dashicons {
    width: 22px;
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    color: var(--wscg-list-accent, #4f46e5);
}

.wscg-list-block__label {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--wscg-list-accent, #4f46e5);
}

/* همه ul داخل محتوای استایل‌شده */
.wscg-article .wscg-list,
.wscg-article .wscg-card-body > ul,
.wscg-article .wscg-box-content > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wscg-article .wscg-list li,
.wscg-article .wscg-card-body > ul > li,
.wscg-article .wscg-box-content > ul > li {
    position: relative;
    list-style: none;
    margin: 0 0 0.55rem;
    padding: 0.8rem 0.85rem 0.8rem 0.5rem;
    padding-right: 2.85rem;
    background: var(--wscg-list-bg, linear-gradient(135deg, #fafbff 0%, #f4f6fb 100%));
    border: 1px solid var(--wscg-list-border, #e2e8f0);
    border-right: 4px solid var(--wscg-list-accent, #4f46e5);
    border-radius: 10px;
    line-height: 1.8;
    font-size: 0.98rem;
    color: var(--wscg-list-text, #334155);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.wscg-article .wscg-list li:last-child,
.wscg-article .wscg-card-body > ul > li:last-child,
.wscg-article .wscg-box-content > ul > li:last-child {
    margin-bottom: 0;
}

.wscg-article .wscg-list li::before,
.wscg-article .wscg-card-body > ul > li::before,
.wscg-article .wscg-box-content > ul > li::before {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--wscg-list-accent, #4f46e5);
    box-shadow: 0 0 0 4px var(--wscg-list-ring, rgba(79, 70, 229, 0.18));
}

/* آیکون تیک با Dashicons (لیست‌های wscg-list) */
.wscg-article .wscg-list li::after {
    content: '\f147';
    font-family: dashicons;
    position: absolute;
    right: 0.72rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    width: 14px;
    height: 14px;
    color: #fff;
    z-index: 1;
    speak: never;
}

.wscg-article .wscg-list li::before {
    width: 22px;
    height: 22px;
    right: 0.65rem;
    border-radius: 6px;
    background: var(--wscg-list-accent, #4f46e5);
    box-shadow: none;
}

/* داخل کادر مهم */
.wscg-box--important .wscg-list li,
.wscg-box--important > ul > li {
    --wscg-list-bg: linear-gradient(135deg, #fffef8 0%, #fff9e8 100%);
    --wscg-list-border: #e8d48a;
    --wscg-list-accent: #b8860b;
    --wscg-list-ring: rgba(184, 134, 11, 0.2);
    --wscg-list-text: #5c4a12;
}

/* داخل کادر توضیحات */
.wscg-box--description .wscg-list li,
.wscg-box--description > ul > li {
    --wscg-list-bg: linear-gradient(135deg, #fafbfd 0%, #f1f5f9 100%);
    --wscg-list-border: #d5dbe3;
    --wscg-list-accent: #5a6d88;
    --wscg-list-ring: rgba(90, 109, 136, 0.18);
}

/* داخل کادر نکته */
.wscg-box--note .wscg-list li,
.wscg-box--note > ul > li {
    --wscg-list-bg: linear-gradient(135deg, #fffbeb 0%, #fff9e6 100%);
    --wscg-list-border: #fcd34d;
    --wscg-list-accent: #d97706;
    --wscg-list-ring: rgba(217, 119, 6, 0.2);
}

/* لیست تو در تو */
.wscg-article .wscg-list li ul,
.wscg-article .wscg-card-body ul ul {
    margin-top: 0.55rem;
    margin-bottom: 0;
    padding-right: 0.25rem;
}

.wscg-article .wscg-list li ul li,
.wscg-article .wscg-card-body ul ul li {
    font-size: 0.94rem;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    border-right-width: 3px;
}

.wscg-article .wscg-list li ul li::after {
    display: none;
}

@media (max-width: 600px) {
    .wscg-article .wscg-list li,
    .wscg-article .wscg-card-body > ul > li,
    .wscg-article .wscg-box-content > ul > li {
        padding-right: 2.5rem;
        font-size: 0.94rem;
    }
}