/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        .wpp-excerpt:empty {
            display: none;
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

        .wpp-meta:empty, .post-stats:empty {
            display: none;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }


	


		ol.wpp-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: li-counter;
}

ol.wpp-list > li {
    display: flex;
    align-items: flex-start;
    counter-increment: li-counter;
    margin-bottom: 20px;
    position: relative;
    border-left: 2px solid #CCCCCC;
    padding-left: 0;
    gap: 1em;
}

/* Number Column */
ol.wpp-list > li::before {
    content: counter(li-counter);
    font-size: 38px;
    font-weight: 400;
    color: #d63638;
    line-height: 1;
    min-width: 45px;
    text-align: center;
    display: block;
    flex-shrink: 0;
}

/* Text Column */
ol.wpp-list > li > * {
    flex: content;
}

/* Optional: block styling for stats */
ol.wpp-list li span.wpp-stats {
    display: block;
    margin-top: 4px;
    font-size: 0.9em;
    color: #666;
}