/* Direct wallet-kit styling overrides */

/* Modal dialog */
dialog.wkit-dialog {
  background-color: #070914 !important;
  color: white !important;
  border: 1px solid #00e8ff !important;
  box-shadow: 0 0 20px rgba(0, 232, 255, 0.3) !important;
}

/* Modal backdrop */
dialog.wkit-dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Wallet list items */
.wkit-select-item {
  background-color: #0c0e17 !important;
  color: white !important;
  border: 1px solid rgba(0, 232, 255, 0.4) !important;
}

.wkit-select-item:hover {
  background-color: rgba(0, 232, 255, 0.1) !important;
  border-color: #00e8ff !important;
}

/* All text in the modal */
.wkit-dialog h1,
.wkit-dialog h2,
.wkit-dialog h3,
.wkit-dialog p,
.wkit-dialog span,
.wkit-dialog div {
  color: white !important;
}

/* Close button */
.wkit-dialog button[aria-label="Close"] {
  color: white !important;
}

/* Wallet buttons */
.wkit-button {
  background: linear-gradient(90deg, #00e8ff, #00a3ff) !important;
  color: white !important;
  border: none !important;
}

.wkit-button:hover {
  box-shadow: 0 0 10px rgba(0, 232, 255, 0.5) !important;
}

/* Additional selectors to ensure we target everything */
[data-testid="wallet-modal"] {
  background-color: #070914 !important;
  color: white !important;
  border: 1px solid #00e8ff !important;
}

[data-testid="wallet-adapter-modal-container"] {
  background-color: #070914 !important;
}

/* Target by role */
[role="dialog"] {
  background-color: #070914 !important;
  color: white !important;
  border: 1px solid #00e8ff !important;
}

/* Target any modal from wallet-kit */
.sui-wallet-kit-modal,
.sui-wallet-adapter-modal,
.wallet-adapter-modal {
  background-color: #070914 !important;
  color: white !important;
  border: 1px solid #00e8ff !important;
}

/* Target dialog element directly */
dialog {
  background-color: #070914 !important;
  color: white !important;
  border: 1px solid #00e8ff !important;
  box-shadow: 0 0 20px rgba(0, 232, 255, 0.3) !important;
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.7) !important;
}