/* ===== TOP BAR - DIAMOND PATTERN BLEND VỚI #1a1a1a ===== */
#top-bar {
  background-color: #2a2a2a !important;
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 8px,
      rgba(255,255,255,0.06) 8px,
      rgba(255,255,255,0.06) 9px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 8px,
      rgba(255,255,255,0.06) 8px,
      rgba(255,255,255,0.06) 9px
    ) !important;
  min-height: 18px !important;
  height: 18px !important;
/*   border-bottom: 1px solid #c9a96e !important; */
}
/* ===== TEXT TRONG TOP BAR - TONE VÀNG ĐỒNG #e8c873 ===== */
#top-bar,
#top-bar a,
#top-bar p,
#top-bar span,
#top-bar div,
#top-bar li {
  color: #e8c873 !important;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 18px;
  margin: 0;
  text-shadow: 0 0 6px rgba(232, 200, 115, 0.25);
}

#top-bar {
  display: flex;
  align-items: center;
  justify-content: center; /* đổi thành flex-start nếu muốn chữ lệch trái */
}

#top-bar a:hover {
  color: #ffffff !important;
}

/* Chấm vàng nhịp nháy trước chữ - tuỳ chọn */
#top-bar,
#top-bar a,
#top-bar p,
#top-bar span,
#top-bar div,
#top-bar li {
  color: #e8c873 !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-transform: none;
  line-height: 18px;
  margin: 0;
  text-shadow: 0 0 6px rgba(232, 200, 115, 0.2);
}
@keyframes pulse-gold {
  0% { box-shadow: 0 0 0 0 rgba(232,200,115,0.5); }
  70% { box-shadow: 0 0 0 5px rgba(232,200,115,0); }
  100% { box-shadow: 0 0 0 0 rgba(232,200,115,0); }
}

@media (max-width: 549px) {
  #top-bar, #top-bar p, #top-bar span {
    font-size: 9px;
    letter-spacing: 0.4px;
  }
}