/* =========================
   TOKENOMICS SECTION
========================= */
.tokenomics-section {
  text-align: center;
  padding-bottom: 60px;
}

.tokenomics-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:center; }

.tokenomics-visual { display:flex; justify-content:center; align-items:center; gap:50px; max-width:900px; margin:40px auto; padding:25px; flex-wrap:wrap; }
.chart-container { position:relative; width:400px; height:300px; }

.label-item { display:flex; align-items:center; gap:15px; margin-bottom:12px; font-size:15px; color:#e0e0e0; }
.label-item .dot { width:12px; height:12px; border-radius:50%; background-color:currentColor; box-shadow:0 0 10px currentColor; }

.tokenomics-table {
  width:100%;
  max-width:600px;
  margin:0 auto;
  border-collapse:collapse;
  overflow:hidden;
  font-family:'Poppins',sans-serif;
}
.tokenomics-table th { background:rgba(255,255,255,0.05); color:#4f8cff; padding:12px 15px; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.tokenomics-table td { padding:12px 15px; border-bottom:1px solid rgba(255,255,255,0.05); color:#fff; font-size:13px; }
.tokenomics-table th:first-child, .tokenomics-table td:first-child { text-align:left; }
.tokenomics-table th:nth-child(2), .tokenomics-table td:nth-child(2) { text-align:center; }
.tokenomics-table th:last-child, .tokenomics-table td:last-child { text-align:center; color:#00d4ff; font-weight:600; }

/* =========================
   TOKEN CONTRACT SECTION FIXED
========================= */
#token-contract {
  text-align: center;
  padding-bottom: 60px;
}

/* Contract title */
#token-contract .contract-title {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 42px !important;
  color: #ffffff !important;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Glass card container */
#token-contract .glass-card.hardware-module-frame {
  width: 100% !important;
  max-width: 900px !important;           /* match tokenomics width */
  margin: 0 auto !important;
  padding: 35px 25px !important;
  min-height: 200px !important;
  background: rgba(15, 23, 42, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 16px !important;
  border-left: 4px solid #4facfe !important; /* left blue border */
  border: 1px solid rgba(77, 166, 255, 0.2) !important;
  overflow-x: hidden !important;   /* important to allow truncation */
  overflow-y: visible !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Contract table */
#token-contract .contract-table {
  width: 100% !important;
  min-width: 100% !important;
  border-collapse: collapse;
  table-layout: auto;
}

/* Table header blue */
#token-contract .contract-table th {
  font-size: 14px !important;
  color: #4facfe !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 15px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Table rows white */
#token-contract .contract-table td {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  color: #fff !important;
  padding: 18px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  height: auto;
  text-align: center;
  /* REMOVE wrap/break rules that prevent JS truncation */
  word-break: normal !important;
  white-space: nowrap !important;
}

/* Address wrapper */
#token-contract .address-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;   /* center horizontally */
  gap: 10px !important;
  flex-wrap: nowrap !important;          /* prevent wrapping */
  overflow: hidden !important;           /* hide extra characters */
}


/* Copy button */
#token-contract .copy-icon-btn {
  background: transparent;
  border: none;
  color: #4facfe;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

#token-contract .copy-icon-btn:hover {
  color: #fff;
  background: rgba(79, 172, 254, 0.2);
  transform: scale(1.1);
}

#token-contract .copy-icon-btn:active {
  transform: scale(0.9);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #token-contract .glass-card.hardware-module-frame {
    padding: 25px !important;
  }

  #token-contract .contract-table td,
  #token-contract .contract-table th {
    padding: 12px 10px !important;
    font-size: 13px !important;
  }

  #token-contract .address-text {
    max-width: 180px; /* shorter on tablet */
  }
}

@media (max-width: 480px) {
  #token-contract .glass-card.hardware-module-frame {
    padding: 15px !important;
  }

  #token-contract .contract-table {
    min-width: 100% !important;
  }

  #token-contract .contract-table td,
  #token-contract .contract-table th {
    padding: 10px 8px !important;
    font-size: 12px;
  }

  #token-contract .address-wrapper {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 5px;
  }

  #token-contract .address-text {
    max-width: 120px; /* very short on mobile */
  }
}

/* Column alignment */
#token-contract .contract-table td:first-child,
#token-contract .contract-table th:first-child {
  text-align: left;   /* Detail column */
}

#token-contract .contract-table td:nth-child(2),
#token-contract .contract-table th:nth-child(2) {
  text-align: center; /* Information column */
}
/* Improved address truncation */
/* Address text */
#token-contract .address-text {
  font-family: 'Poppins', sans-serif !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: inline-block !important;
  max-width: 100% !important;
  vertical-align: middle !important;
  /* Remove text-overflow: ellipsis since JavaScript handles it */
}

/* Responsive adjustments - ensure it fits */
@media (max-width: 768px) {
  #token-contract .address-text {
    max-width: 180px !important;
  }
   #token-contract .contract-title {
    font-size: 30px !important;
  }
}

@media (max-width: 480px) {
  #token-contract .address-text {
    max-width: 150px !important;
  }
}