/*challenges*/
/* =========================================
           Challenge Rich Text
        ========================================= */
.challenge-rich-text {
    direction: rtl;
    color: #d7d7d7;
    font-size: 16px;
}

    /* -------------------------
           Paragraphs
        ------------------------- */

    .challenge-rich-text p {
        margin: 0 0 1.25rem;
        color: #d2d2d2;
        font-size: 16px;
        line-height: 2.05;
        font-weight: 400;
    }


    /* -------------------------
           Headings
        ------------------------- */

    .challenge-rich-text h2,
    .challenge-rich-text h3,
    .challenge-rich-text h4 {
        color: goldenrod !important;
        font-weight: 700;
        line-height: 1.8;
    }

    .challenge-rich-text h2 {
        font-size: 1.55rem;
        margin: 2rem 0 1rem;
    }

    .challenge-rich-text h3 {
        font-size: 1.3rem;
        margin: 1.7rem 0 0.9rem;
    }

    .challenge-rich-text h4 {
        position: relative;
        font-size: 1.15rem;
        margin: 1.5rem 0 0.8rem;
        padding-right: 13px;
    }

        /* خط طلایی کنار h4 */
        .challenge-rich-text h4::before {
            content: "";
            position: absolute;
            right: 0;
            top: 15%;
            width: 3px;
            height: 70%;
            border-radius: 10px;
            background: goldenrod;
            box-shadow: 0 0 10px rgba(218, 165, 32, 0.35);
        }


    /* -------------------------
           Lists
        ------------------------- */

    .challenge-rich-text ul,
    .challenge-rich-text ol {
        margin: 1.2rem 0 1.5rem;
        padding: 0;
        list-style: none;
    }


        /* List Item */

        .challenge-rich-text ul li,
        .challenge-rich-text ol li {
            position: relative;
            margin-bottom: 0.7rem;
            padding: 0.75rem 3rem 0.75rem 1rem;
            color: #d8d8d8;
            font-size: 15.5px;
            line-height: 1.8;
            background: linear-gradient( 135deg, rgba(255, 255, 255, 0.035), rgba(218, 165, 32, 0.045) );
            border: 1px solid rgba(218, 165, 32, 0.09);
            border-radius: 10px;
            transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
        }


            /* -------------------------
           Unordered List
        ------------------------- */

            .challenge-rich-text ul li::before {
                content: "✓";
                position: absolute;
                right: 0.9rem;
                top: 50%;
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                transform: translateY(-50%);
                border-radius: 50%;
                color: goldenrod;
                background: rgba(218, 165, 32, 0.1);
                font-size: 12px;
                font-weight: 800;
            }


    /* -------------------------
           Ordered List
        ------------------------- */

    .challenge-rich-text ol {
        counter-reset: challenge-counter;
    }

        .challenge-rich-text ol li {
            counter-increment: challenge-counter;
        }

            .challenge-rich-text ol li::before {
                content: counter(challenge-counter);
                position: absolute;
                right: 0.85rem;
                top: 50%;
                width: 25px;
                height: 25px;
                display: flex;
                align-items: center;
                justify-content: center;
                transform: translateY(-50%);
                border-radius: 50%;
                color: #151515;
                background: goldenrod;
                font-size: 12px;
                font-weight: 800;
            }


            /* -------------------------
           Hover
        ------------------------- */

            .challenge-rich-text ul li:hover,
            .challenge-rich-text ol li:hover {
                transform: translateX(-3px);
                border-color: rgba(218, 165, 32, 0.28);
                background: linear-gradient( 135deg, rgba(218, 165, 32, 0.06), rgba(218, 165, 32, 0.11) );
                box-shadow: 0 5px 18px rgba(0, 0, 0, 0.15);
            }


    /* -------------------------
           Strong
        ------------------------- */

    .challenge-rich-text strong,
    .challenge-rich-text b {
        color: #e2b84b;
        font-weight: 700;
    }


    /* -------------------------
           Links
        ------------------------- */

    .challenge-rich-text a {
        color: goldenrod;
        text-decoration: none;
        transition: color 0.2s ease;
    }

        .challenge-rich-text a:hover {
            color: #f3ca63;
            text-decoration: underline;
        }


    /* -------------------------
           Blockquote
        ------------------------- */

    .challenge-rich-text blockquote {
        margin: 1.5rem 0;
        padding: 1rem 1.2rem;
        color: #cfcfcf;
        background: rgba(218, 165, 32, 0.045);
        border-right: 3px solid goldenrod;
        border-radius: 8px;
        line-height: 2;
    }


/* -------------------------
           Mobile
        ------------------------- */

@media (max-width: 768px) {

    .challenge-rich-text {
        font-size: 15px;
    }

        .challenge-rich-text p {
            font-size: 15px;
            line-height: 2;
        }

        .challenge-rich-text h2 {
            font-size: 1.35rem;
        }

        .challenge-rich-text h3 {
            font-size: 1.2rem;
        }

        .challenge-rich-text h4 {
            font-size: 1.05rem;
        }

        .challenge-rich-text ul li,
        .challenge-rich-text ol li {
            font-size: 14.5px;
            line-height: 1.85;
            padding-top: 0.7rem;
            padding-bottom: 0.7rem;
        }
}