/* style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Reset browser defaults */
html, body {
  margin: 0;
  padding: 0;
  background-color: #0D0D0D !important;
  min-height: 100vh;
  font-family: 'Space Grotesk', sans-serif;
}

/* Fade-in animation */
@keyframes fade-in {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 0.5s ease-out;
}

/* Staggered entrance for NFT cards (stake.php) */
.nft-card {
  animation: fade-in 0.5s ease-out;
}
.nft-card:nth-child(1) { animation-delay: 0.1s; }
.nft-card:nth-child(2) { animation-delay: 0.2s; }
.nft-card:nth-child(3) { animation-delay: 0.3s; }
.nft-card:nth-child(4) { animation-delay: 0.4s; }
.nft-card:nth-child(5) { animation-delay: 0.5s; }

/* Staggered entrance for unstake cards (unstake.php) */
.unstake-card {
  animation: fade-in 0.5s ease-out;
}
.unstake-card:nth-child(1) { animation-delay: 0.1s; }
.unstake-card:nth-child(2) { animation-delay: 0.2s; }
.unstake-card:nth-child(3) { animation-delay: 0.3s; }
.unstake-card:nth-child(4) { animation-delay: 0.4s; }
.unstake-card:nth-child(5) { animation-delay: 0.5s; }

/* Staggered entrance for metric flexboxes */
.metric-box {
  animation: fade-in 0.5s ease-out;
}
.metric-box:nth-child(1) { animation-delay: 0.1s; }
.metric-box:nth-child(2) { animation-delay: 0.2s; }
.metric-box:nth-child(3) { animation-delay: 0.3s; }

/* Staggered entrance for table rows (admin_dashboard.php) */
.table-row {
  animation: fade-in 0.5s ease-out;
}
.table-row:nth-child(1) { animation-delay: 0.1s; }
.table-row:nth-child(2) { animation-delay: 0.2s; }
.table-row:nth-child(3) { animation-delay: 0.3s; }
.table-row:nth-child(4) { animation-delay: 0.4s; }
.table-row:nth-child(5) { animation-delay: 0.5s; }

/* Modal animation */
.modal-content {
  animation: fade-in 0.5s ease-out;
}

/* Staggered entrance for legal page sections */
.legal-section {
  animation: fade-in 0.5s ease-out;
}
.legal-section:nth-child(1) { animation-delay: 0.1s; }
.legal-section:nth-child(2) { animation-delay: 0.2s; }
.legal-section:nth-child(3) { animation-delay: 0.3s; }
.legal-section:nth-child(4) { animation-delay: 0.4s; }
.legal-section:nth-child(5) { animation-delay: 0.5s; }

body {
    background-image: url('/images/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}