/* widget-styles.css within your plugin */

/* Styles for the main list container */
.widget_marks_recent_posts_widget ul {
    list-style: none;    /* Removes the default bullet points */
    margin-left: 0;      /* Removes default left indentation */
    padding-left: 0;     /* Removes default left padding */
}

/* Reset default list item margins/paddings if the border is moved to the 'a' tag */
.widget_marks_recent_posts_widget ul li {
    margin: 0;   /* Ensure no default margin on list items */
    padding: 0;  /* Ensure no default padding on list items */
}

/* Style the link itself to have the border and full-width block display */
.widget_marks_recent_posts_widget ul li a {
    display: block;                 /* Important: Makes the link take up the full width of the list item */
    padding-top: 5px;               /* Space above the link text */
    padding-bottom: 5px;            /* Space below the link text, before the border */
    text-decoration: none;          /* Optional: Removes default link underline. Remove this line if you want the underline. */
    border-bottom: 1px solid currentcolor; /* The magic: uses the link's own text color */
}

/* Remove the border from the very last link item */
.widget_marks_recent_posts_widget ul li:last-child a {
    border-bottom: none;
}


/* Styles for the widget title (category name) */
.widget_marks_recent_posts_widget .widget-title {
    border-bottom: 2px solid currentcolor; /* Identical thickness and color to post lines */
    padding-bottom: 5px; /* Space between title text and the line */
    margin-bottom: 10px; /* Space between the line and the first post title */
}