/* Comment System Styles - Safe Version */

/* Only include non-conflicting styles */

/* Responsive adjustments */
@media (max-width: 640px) {
    .comment-item {
        padding: 0.75rem;
    }
    
    .comment-reply {
        padding: 0.5rem;
    }
    
    .reply-form-container {
        padding: 0.75rem;
    }
}

/* Loading states */
.comment-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Ensure textarea is interactive - but scoped to comments only */
.comments-section textarea,
.comment-form-section textarea {
    pointer-events: auto;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

/* Focus states scoped to comment sections only */
.comments-section textarea:focus,
.comment-form-section textarea:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
}