/* ==========================================================================
   TronStar — fixed dark + orange theme (public pages: home / about /
   privacy / testimonial). Link this AFTER public/css/styles.css so these
   rules win. The old light/dark switch is retired — this is the only theme.
   ========================================================================== */

:root {
  --accent-1: #ff6a00;
  --accent-2: #ffb238;
  --accent-gradient: linear-gradient(135deg, var(--accent-1), var(--accent-2));
  --tx-bg: #0b0b0d;
  --tx-bg-elevated: #16130f;
  --tx-border: #2a1c10;
  --tx-text: #ececed;
  --tx-text-muted: #9c9c9e;
  --tx-glow: rgba(255, 106, 0, 0.35);
}

html, body { background-color: var(--tx-bg) !important; color: var(--tx-text) !important; }

.header-area, header.header-area, footer.footer, .navbar, .footer {
  background-color: var(--tx-bg) !important;
  border-color: var(--tx-border) !important;
}
.navbar-nav .nav-link, .navbar-nav a, .header-area a, .navbar a { color: var(--tx-text) !important; }
.navbar-nav .nav-link:hover, .navbar-nav a:hover { color: var(--accent-1) !important; }

h1, h2, h3, h4, h5, h6 { color: #fff; }
p, .text-muted { color: var(--tx-text-muted); }
hr, .divider { border-color: var(--tx-border) !important; }

.accent-text { color: var(--accent-1) !important; }

.btn-accent {
  background: var(--accent-gradient) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 8px 24px var(--tx-glow);
}
.btn-accent:hover { opacity: .92; box-shadow: 0 10px 30px var(--tx-glow); }

.card, .wallet-card, .support-catagory-card, .accordion-item, .form-control, .table {
  background-color: var(--tx-bg-elevated) !important;
  color: var(--tx-text) !important;
  border: 1px solid var(--tx-border) !important;
}
.form-control::placeholder { color: var(--tx-text-muted) !important; }

/* glowing border + lift on hover */
.card, .wallet-card, .support-catagory-card {
  border-radius: 14px !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: 0 0 0 1px rgba(255, 106, 0, .08), 0 10px 24px rgba(0, 0, 0, .35) !important;
}
.card:hover, .wallet-card:hover, .support-catagory-card:hover {
  transform: translateY(-4px);
  border-color: var(--accent-1) !important;
  box-shadow: 0 0 24px var(--tx-glow), 0 14px 30px rgba(0, 0, 0, .45) !important;
}

.icon-circle-bg, .bg-circle { background: var(--accent-gradient) !important; }
.icon-circle-bg i, .bg-circle i { color: #fff !important; }

.accordion-button {
  background-color: var(--tx-bg-elevated) !important;
  color: var(--tx-text) !important;
}
.accordion-button:not(.collapsed) {
  color: var(--accent-1) !important;
  background-color: var(--tx-bg-elevated) !important;
  box-shadow: none !important;
}
.accordion-button::after { filter: invert(1) grayscale(1) brightness(1.6); }

.table { --bs-table-bg: transparent; }
.table thead th { color: var(--accent-1) !important; border-color: var(--tx-border) !important; }
.table td, .table th { border-color: var(--tx-border) !important; color: var(--tx-text) !important; }

.site-brand-text { color: #fff; }
.site-brand-text .accent-text { color: var(--accent-1); }
a.site-brand-text, .navbar-brand.site-brand-text, .footer a.site-brand-text {
  color: var(--accent-1) !important;
}

/* "Supported Currencies" band used a light template background — force it dark too */
.bg-gray, .discover-nft-wrapper {
  background-color: var(--tx-bg) !important;
}

/* old switch is gone — hide any leftovers */
.switch, #theme-toggle { display: none !important; }

/* ---------- animations ---------- */
@keyframes txZoomIn {
  from { opacity: 0; transform: scale(.97); }
  to   { opacity: 1; transform: scale(1); }
}
body { animation: txZoomIn .5s ease-out; }

@keyframes txSlideUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.tx-reveal { opacity: 0; }
.tx-reveal.tx-visible { animation: txSlideUp .6s ease-out forwards; }