/* Ensure nav-auth items are in a row */
.nav-auth {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  flex-direction: row !important;
}

/* Deetcoin Display Styles */
.deetcoin-display {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.5rem 0.85rem !important;
  background: linear-gradient(
    135deg,
    rgba(255, 215, 0, 0.12),
    rgba(255, 165, 0, 0.08)
  ) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  border-radius: 10px !important;
  color: #ffd700 !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  transition: all 0.3s ease !important;
  cursor: default !important;
}

.deetcoin-display:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 215, 0, 0.18),
    rgba(255, 165, 0, 0.12)
  ) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.15) !important;
}

.deetcoin-display i {
  font-size: 1.1rem !important;
  color: #ffd700 !important;
  animation: coinShine 3s ease-in-out infinite !important;
}

.deetcoin-count {
  font-family: var(--font-mono, "JetBrains Mono", monospace) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

.deetcoin-label {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  opacity: 0.9;
}

@keyframes coinShine {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.3);
  }
}

/* Light theme adjustments */
[data-theme="light"] .deetcoin-display {
  background: linear-gradient(
    135deg,
    rgba(255, 193, 7, 0.15),
    rgba(255, 152, 0, 0.1)
  );
  border-color: rgba(255, 152, 0, 0.35);
  color: #d4a00a;
}

[data-theme="light"] .deetcoin-display i {
  color: #d4a00a;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .deetcoin-display {
    padding: 0.4rem 0.65rem;
    font-size: 0.8rem;
  }

  .deetcoin-display i {
    font-size: 1rem;
  }
}