/* Article Card Link Styles */
.kategori-article-content .category,
.article-content .category {
  cursor: pointer;
  transition: color 0.2s ease;
}

.kategori-article-content .category:hover,
.article-content .category:hover {
  color: var(--primary-color, #007bff);
}

.kategori-article-content h3 a,
.article-content h3 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.kategori-article-content h3 a:hover,
.article-content h3 a:hover {
  color: var(--primary-color, #007bff);
}

.kategori-article-content .author,
.article-content .author {
  cursor: pointer;
  text-decoration: none;
  color: #E63946;
  /* Red color for author */
  transition: opacity 0.2s ease;
}

.kategori-article-content .author:hover,
.article-content .author:hover {
  opacity: 0.7;
}

.kategori-article-image,
.article-image {
  display: block;
  text-decoration: none;
}

.kategori-article-image:hover img,
.article-image:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Active Category in Sidebar */
.topic-list li.active a,
.topic-list li.active a span {
  font-weight: bold;
}

/* 404 Page Styles */
.error-404-search .search-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.error-404-search .search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.error-404-search .search-button-inside {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  background-color: #E52138;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  background-image: none;
  width: auto;
  height: auto;
  white-space: nowrap;
}

.error-404-search .search-button-inside:hover {
  background-color: #c91d31;
}