/* Forum Layout Component Styles
 * Grid layout now handled by _universal_grid.css
 * This file contains only forum-specific component styles
 */

/* Post Content Panel Styles */
.site-main-content h1 {
    margin-top: 0;
    margin-bottom: var(--spacing-4);
    /* Word-wrapping handled by _markdown-content.css */
}

.site-main-content .post-detail-metadata {
    margin-bottom: var(--spacing-8);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    font-family: var(--font-family-mono);
    text-align: center;
}

/* Post-end divider (pending posts) */
.post-end-divider {
    border: none;
    border-top: 2px solid var(--color-accent);
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-8);
    opacity: 1;
}

/* Comment System */
.comment-form-section {
    margin-top: var(--spacing-12);
    margin-bottom: var(--spacing-8);
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-4);
    border-top: 2px solid var(--color-accent);
    border-bottom: var(--border-width-1) solid var(--color-gray-200);
}

/* Horizontal layout for button and legal notice */
.comment-form-actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    flex-wrap: wrap;
    margin-top: var(--spacing-4);
}

.comment-form-actions .btn {
    flex-shrink: 0;
}

.comment-form-actions .legal-notice {
    flex: 1;
    min-width: 200px;
    margin: 0;
    margin-left: var(--spacing-4);
}