/* comments.css */

.comment-section 
{
    background-color: #2a2f34; /* Dark greenish background */
    color: #e0e0e0; /* Light text color */
    padding: 20px;
    border-radius: 8px;
    margin: 30px auto;
    width: 80%;
}

.comment-section h2 
{
    color: #b0c4b1; /* Lighter green title */
    border-bottom: 2px solid #546e56;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.comment-box 
{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.comment-box textarea 
{
    width: 100%;
    padding: 15px;
    background-color: #40464d; /* Slightly lighter background for the input */
    border: none;
    border-radius: 4px;
    color: #fff;
}

.comment-box button 
{
    background-color: #546e56; /* Dark green button */
    color: #fff;
    border: none;
    padding: 10px 20px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 4px;
}

.comment-box button:hover 
{
    background-color: #6b826b; /* Lighter green on hover */
}

.comment-list 
{
    margin-top: 40px;
}

.comment 
{
    background-color: #3b4249; /* Dark card for each comment */
    border-left: 4px solid #546e56;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.comment h3 
{
    color: #b0c4b1;
    margin-bottom: 10px;
}

.comment p 
{
    color: #dcdcdc;
}