/* ===== DROPDOWN CHỌN TAG ===== */
.tag-dropdown {
  background-color: #1f2937;
  color: white;
  border: 1px solid #4b5563;
  padding: 0.5rem;
  border-radius: 0.375rem;
  min-height: 300px;
  max-height: 500px;
  overflow-y: auto;
  font-size: 0.9rem;
}

.tag-dropdown::-webkit-scrollbar {
  width: 6px;
}
.tag-dropdown::-webkit-scrollbar-thumb {
  background-color: #4b5563;
  border-radius: 4px;
}

/* ===== NÚT ===== */
.btn-blue {
  background-color: #2563eb;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  color: white;
  transition: background-color 0.2s;
}
.btn-blue:hover {
  background-color: #1d4ed8;
}

.btn-red {
  background-color: #dc2626;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  color: white;
  transition: background-color 0.2s;
}
.btn-red:hover {
  background-color: #b91c1c;
}

/* ===== ẢNH VÀ INFO ===== */
#imageContainer {
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

#animeImage,
.anime-img {
  max-width: 100%;
  max-height: 60vh;
  width: auto;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  display: block;
}

#info,
.info-box {
  background-color: #1f2937;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 1.125rem;
  line-height: 1.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  width: fit-content;
  margin: 1rem auto 0 auto;
  text-align: left;
}

/* ===== RAINBOW ANIMATION CHO THỜI GIAN ===== */
@keyframes rainbowAnim {
  0% { background-position: 0% }
  100% { background-position: 200% }
}