/**
 * Stylesheet for the Post Blocks Plugin (v7.1.0)
 * Provides the base layout for saved blocks.
 */

.lpu-container {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 100%;
    margin: 2rem auto;
    box-sizing: border-box;
    /* Padding, hover colors, etc. are now controlled by inline styles/CSS variables */
}

.lpu-container.lpu-has-shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.lpu-container.lpu-square-borders {
    border-radius: 0;
}

.lpu-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-shrink: 0;
    /* margin-bottom is now inline */
}

.lpu-title-group {
    margin: 0;
}

.lpu-title {
    font-weight: 600;
    margin: 0 0 4px 0;
    /* font-size is now inline */
}

.lpu-subtitle {
    font-size: 1rem;
    margin: 0;
}

.lpu-view-all {
    color: var(--lpu-view-all-color);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
}

.lpu-view-all:hover {
    color: var(--lpu-view-all-hover-color);
    text-decoration: underline;
}

.lpu-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
}

.lpu-post-list.lpu-has-separators {
    border-top: 1px solid; /* Color is inline */
}

.lpu-post-list.lpu-has-separators .lpu-post-item {
    border-bottom: 1px solid; /* Color is inline */
}

.lpu-post-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    /* top/bottom padding is now inline */
}

.lpu-post-list.lpu-has-separators .lpu-post-item:last-child {
    border-bottom: none;
}

.lpu-post-title {
    color: var(--lpu-link-color);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
    padding-right: 16px;
}

.lpu-post-title:hover {
    color: var(--lpu-link-hover-color);
}

.lpu-post-date {
    font-size: 0.875rem;
    white-space: nowrap;
    flex-shrink: 0;
}