/**
 * RSS Events Section Styles - Single Card Layout
 */

.rss-events-section .container { /* Target the container within the section for card styling */
    background-color: var(--lubinik-rss-events-section-bg-color);
    border: 1px solid var(--lubinik-rss-events-section-border-color);
    border-radius: var(--lubinik-border-radius-md);
    padding: var(--lubinik-spacing-md);
    box-shadow: 0 2px 5px var(--lubinik-shadow-color-subtle);
    margin-top: var(--lubinik-spacing-md);
}

.rss-events-list {
    list-style: none;
    padding-left: 0;
    margin: 0; /* Remove default ul margin */
}

.rss-event-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: var(--lubinik-spacing-hxs) 0; /* Vertical padding, no horizontal */
    box-shadow: none;
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    gap: var(--lubinik-spacing-hxs); /* Space between elements */
    border-bottom: 1px solid var(--lubinik-rss-events-item-border); /* Separator line */
    transition: background-color 0.2s ease;
}

.rss-event-item:last-child {
    border-bottom: none; /* No border on the last item */
    padding-bottom: 0;
}

.rss-event-item:first-child {
    padding-top: 0; /* No extra padding above the first item */
}

.rss-event-item:hover {
    background-color: var(--lubinik-rss-events-section-bg-hover-color);
    transform: none;
    box-shadow: none;
}

.rss-event-title {
    font-size: var(--lubinik-font-size-base); /* Slightly smaller title */
    font-weight: var(--lubinik-font-weight-semibold);
    margin: 0; /* Reset margin */
    flex-grow: 1; /* Allow title to take remaining space */
}

.rss-event-title a {
    color: var(--lubinik-rss-events-section-title-color); /* Link color */
    text-decoration: none;
    transition: color 0.2s ease;
}

.rss-event-title a:hover {
    color: var(--lubinik-rss-events-section-title-hover-color);
}

.rss-event-date {
    display: block; /* Or inline-block if needed */
    font-size: var(--lubinik-font-size-sm);
    color: var(--lubinik-rss-events-section-text-muted-color);
    font-weight: var(--lubinik-font-weight-semibold);
    flex-basis: 120px; /* Give date a fixed width */
    flex-shrink: 0; /* Prevent shrinking */
    margin-bottom: 0; /* Reset margin */
}

/* Hide meta and description by default for a cleaner list */
.rss-event-meta,
.rss-event-description {
    display: none;
}

/* Adjustments for smaller screens if needed */
@media (max-width: 576px) {
    .rss-event-date {
        flex-basis: 100%; /* Stack date above title */
        margin-bottom: var(--lubinik-spacing-xs, 0.5rem);
    }
}