/* Existing styles */
.author-profile {
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.post {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.post:last-child {
  border-bottom: none;
}
.author-profile h2 { margin: 0 0 10px 0; font-size: 1.8em; color: #333; }
.author-profile p { margin: 0 0 15px 0; color: #666; }
.social-links { list-style: none; padding: 0; margin: 0; }
.social-links li { display: inline-block; margin: 0 15px; }
.social-links a { font-size: 1.5em; color: #555; transition: color 0.3s ease; }
.social-links a:hover { color: #1a73e8; }
.social-links .fa-twitter:hover { color: #1da1f2; }
.social-links .fa-github:hover { color: #333; }
.social-links .fa-linkedin:hover { color: #0077b5; }

/* Post list and divider styles */
.post-list {
  margin-top: 20px;
}

.post {
  padding: 20px 0; /* Space around each post */
}

.post-divider {
  border: 0;
  height: 1px;
  background: #ddd; /* Light gray line */
  margin: 20px 0; /* Spacing above and below divider */
}

/* Post content styles */
.post h2 { margin: 0 0 10px 0; font-size: 1.5em; }
.post p { margin: 0 0 10px 0; color: #666; }
.post time { color: #888; font-size: 0.9em; }

/* Responsive adjustments (match theme) */
.hidden-sm { display: block !important; } /* Override if needed */
.hidden-xs { display: block !important; }
@media (max-width: 767px) {
  .hidden-sm { display: none !important; }
}
@media (max-width: 479px) {
  .hidden-xs { display: none !important; }
}

.categories-widget {
  background: #ffffff;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-bottom: 20px;
}

.categories-widget h3 {
  font-size: 1.2em;
  color: #000000; /* Black title */
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eeeeee;
  font-weight: 500;
}

.categories-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* Space between buttons */
}

.category-tag {
  display: inline-block;
  padding: 6px 12px;
  background: #f5f5f5; /* Light gray background */
  color: #000000 !important; /* Full black text */
  text-decoration: none;
  border-radius: 15px; /* Rounded buttons */
  font-size: 0.9em;
  font-weight: 500; /* Bolder for emphasis */
  transition: background 0.3s ease, color 0.3s ease;
}

.category-tag:hover {
  background: #e0e0e0; /* Subtle gray hover */
  color: #000000 !important; /* Stays black on hover */
}

.category-tag:active,
.category-tag:focus {
  background: #ff0000; /* Red when clicked */
  color: #ffffff !important; /* White text when clicked */
}

/* Override all link states explicitly */
a.category-tag,
a.category-tag:link,
a.category-tag:visited,
a.category-tag:hover,
a.category-tag:active,
a.category-tag:focus {
  color: #000000 !important; /* Black for all states except clicked */
}

/* Ensure active/clicked overrides hover */
a.category-tag:active,
a.category-tag:focus {
  color: #ffffff !important; /* White when clicked */
}

.most-popular-widget {
  background: #ffffff;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-bottom: 20px;
}

.most-popular-widget h3 {
  font-size: 1.2em;
  color: #000000;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #eeeeee;
  font-weight: 500;
}

.popular-posts-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popular-post {
  display: flex;
  align-items: center;
  gap: 10px;
}

.post-thumbnail img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 3px;
}

.post-content {
  flex: 1;
}

.post-title {
  color: #000000 !important;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 500;
  display: block;
  transition: color 0.3s ease;
}

.post-title:hover {
  color: #ff0000 !important;
}

.post-date {
  color: #666666; /* Gray date text */
  font-size: 0.8em;
  display: flex;
  align-items: center; /* Aligns icon and date vertically */
}

.calendar-icon {
  margin-right: 5px;
  color: #666666; /* Matches date color */
}

.calendar-icon i {
  font-size: 0.9em; /* Slightly larger than date text */
}

.post-divider {
  border: 0;
  border-top: 1px solid #e0e0e0;
  margin: 5px 0;
}

/* Override all link states */
a.post-title,
a.post-title:link,
a.post-title:visited,
a.post-title:hover,
a.post-title:active,
a.post-title:focus {
  color: #000000 !important;
}

/* Ensure hover overrides other states */
a.post-title:hover {
  color: #ff0000 !important;
}

.pagination {
  text-align: center;
  margin: 20px 0;
}
.pagination a, .pagination span {
  margin: 0 5px;
  padding: 5px 10px;
  text-decoration: none;
}
.pagination .current {
  background-color: #ddd;
  font-weight: bold;
} 

body, p, div, span {
  font-family: 'Anek Bangla', sans-serif !important;
}

[lang="bn"] {
  font-family: 'Anek Bangla', sans-serif !important;
}