/* Small theme overrides for crypto services marketplace */

.btn-main.btn-wallet {
  background: #ff6505;
  border: 1px solid rgba(255,255,255,0.08);
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-main.btn-wallet i { font-size: 18px; }

/* Highlight price as SOL */
.nft__item_price { color: #ffd166; font-weight:600 }

/* Service badge */
.service-badge {
  background: rgba(0,208,255,0.08);
  color: #00d1ff;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  display: inline-block;
}

/* Slight card shadow for service items */
.nft__item { box-shadow: 0 8px 20px rgba(9,10,22,0.45); border-radius:12px }

/* Responsive tweak for header */
.menu_side_area #btn-connect-wallet { text-decoration:none }

/* Background override to switch from dark to brand orange */
body,
body.dark-scheme,
body.de-clivus,
body.de-grey {
  background-color: #ff6505 !important;
  background-image: none !important;
}

/* Utility: force black text when needed on colored backgrounds */
.text-black { color:#000 !important; }

/* Pop-in animation for hero statue image */
@keyframes popIn {
  0% { opacity: 0; transform: scale(0.85); }
  60% { opacity: 1; transform: scale(1.04); }
  100% { opacity: 1; transform: scale(1); }
}

.pop-in {
  animation: popIn 700ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  will-change: transform, opacity;
}

/* Black button utility */
.btn-black {
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}
.btn-black:hover,
.btn-black:focus {
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

/* Optional: make default section backgrounds transparent so body color shows */
.no-top, .no-bottom, section, #wrapper {
  background: transparent !important;
}