/* Category Container */
.category-container {
	background-color: #1f2127;
	padding: 20px;
	border-radius: 4px;
}
/* Forum Container */
.forum-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
}

.forum-container:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Left Section: Forum Icon, Title, Description */
.forum-left {
	display: flex;
	align-items: center;
	gap: 15px;
}

/* Forum Title and Description */
.forum-details {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.forum-title a {
	font-size: 1rem;
	font-weight: bold;
	color: #EEE;
	position: relative;
	text-decoration: none;
	padding-bottom: 5px;
}

.forum-title a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #EEE; /* Change to your desired color */
	transition: width 0.2s ease-in-out; /* Controls the animation speed and smoothness */
}

.forum-title a:hover::after {
	width: 100%; /* Full width on hover */
}

.forum-description {
	font-size: 0.85rem !important;
	color: #666;
}

/* Right Section: Post Count and Latest Post Info */
.forum-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.total-posts {
    text-align: right;
}

.total-posts span {
    display: block;
    font-size: 0.8rem;
}

.forum-meta {
	font-size: 0.85rem !important;
	color: #666;
}

.forum-latest {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Latest Post Avatar */
.forum-latest img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
	margin-right: 10px;
}

/* Latest Post Info */
.latest-post {
    display: flex;
    flex-direction: column;
	width: 300px;
}

.latest-post a {
    text-decoration: none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.latest-post span {
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .forum-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .forum-right {
        margin-top: 10px;
        justify-content: space-between;
        width: 100%;
    }

    .total-posts {
        text-align: left;
    }

	.latest-post a {
		max-width: 145px;
	}
}