/* Hide the left sidebar icon stack */
.md\:flex.absolute.left-6.top-64.z-40 { display: none !important; }

/* Expand main content to use freed space from the hidden left stack */
.md\:ml-32 { margin-left: 0 !important; }

/* Subtle copy button (less flashy) */
.bg-black\/40 h3 + .flex.items-center.space-x-3 > button {
  background-image: none !important;
  background-color: #121212 !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}
.bg-black\/40 h3 + .flex.items-center.space-x-3 > button:hover {
  background-color: #1b1b1b !important;
  transform: none !important;
  filter: brightness(1.02);
}

/* Subtle Vote Now button (less flashy) */
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg {
  background-image: linear-gradient(180deg, var(--u-accent) 0%, var(--u-accent-2) 100%) !important;
  border: 1px solid var(--u-border-strong) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.25) !important;
  transform: translateZ(0);
  position: relative; overflow: hidden;
  transition: transform .15s ease, filter .2s ease, box-shadow .2s ease !important;
}
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg:hover {
  transform: translateY(-1px) scale(1.02) !important;
  filter: brightness(1.05);
  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.35) !important;
}
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg:focus-visible {
  outline: 0; box-shadow: 0 0 0 3px rgba(255,255,255,0.15) inset, 0 0 0 2px #ffffff !important;
}
/* animated sheen on hover */
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg::before{
  content:""; position:absolute; top:0; left:-120%; height:100%; width:40%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.18) 50%, transparent 100%);
  transform: skewX(-20deg);
}
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg:hover::before{ animation: sheen 1.2s linear forwards; }
@keyframes sheen{ 0%{ left:-120%; opacity:0 } 30%{ opacity:.4 } 100%{ left:140%; opacity:0 } }
/* no icons next to label */
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg::after{ content: none !important; }
.w-full.py-4.rounded-xl.font-mono.font-bold.tracking-wider.text-lg > span.text-xl{ display:none !important; }
/* Uxento-inspired theme override: fonts, colors, surfaces, buttons */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700&display=swap');

:root {
  --u-bg: #000000;
  --u-bg-2: #000000;
  --u-card: #0b0b0b;
  --u-card-overlay: rgba(0, 0, 0, 0.9);
  --u-text: #ffffff;
  --u-text-subtle: rgba(255, 255, 255, 0.7);
  /* Yellow brand accents (BSC theme) */
  --u-accent: #F59E0B; /* yellow primary */
  --u-accent-2: #FCD34D; /* yellow secondary */
  --u-border: rgba(245, 158, 11, 0.28);
  --u-border-strong: rgba(245, 158, 11, 0.45);
  --u-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
}

/* Global base */
html, body {
  background: #000000 !important;
  color: var(--u-text);
  font-family: 'Figtree', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Force hero gradient container to pure black */
.min-h-screen.bg-gradient-to-br.from-gray-900.via-gray-800.to-black {
  background: #000000 !important;
}

/* The original markup uses .font-mono extensively; remap to Figtree to match Uxento */
.font-mono, .font-serif, .font-sans {
  font-family: 'Figtree', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji' !important;
  letter-spacing: 0.01em;
}

/* Headings: clean white */
h1, h2 { color: #ffffff; font-weight: 700; }

h3, h4, h5, h6 {
  color: var(--u-text);
  font-weight: 600;
}

p, span, small, li, div {
  color: var(--u-text);
}

/* Subtle secondary text */
.text-white\/60, .text-white\/80, .text-gray-300, .text-gray-400, .text-blue-200 {
  color: var(--u-text-subtle) !important;
}

/* Cards and surfaces (override glassy black blocks) */
.bg-black\/(40),
.bg-black\/40,
.bg-black\/(60),
.bg-black\/60,
.bg-black\/(80),
.bg-black\/80,
.bg-gray-900,
.bg-gray-900\/30 {
  background-color: var(--u-card-overlay) !important;
  border-color: var(--u-border) !important;
  backdrop-filter: blur(10px);
}

.border-white\/20, .border-white\/30, .border-white\/40, .border-white\/80, .border-white\/10 {
  border-color: var(--u-accent) !important;
}

/* Force all white borders to be yellow */
[class*="border-white"] {
  border-color: var(--u-accent) !important;
}

/* Specific overrides for common border classes */
.border-white\/20, .border-white\/30, .border-white\/40, .border-white\/80, .border-white\/10,
.border-white\/50, .border-white\/60, .border-white\/70, .border-white\/90 {
  border-color: var(--u-accent) !important;
}

/* Force all borders to use yellow theme */
*[class*="border-white"] {
  border-color: var(--u-accent) !important;
}

/* Override any remaining white borders with yellow */
.border-white, .border-white\/5, .border-white\/10, .border-white\/15, .border-white\/20, 
.border-white\/25, .border-white\/30, .border-white\/35, .border-white\/40, .border-white\/45,
.border-white\/50, .border-white\/55, .border-white\/60, .border-white\/65, .border-white\/70,
.border-white\/75, .border-white\/80, .border-white\/85, .border-white\/90, .border-white\/95 {
  border-color: var(--u-accent) !important;
}

/* Force all border colors to use BSC yellow theme */
.border-gray-200, .border-gray-300, .border-gray-400, .border-gray-500,
.border-slate-200, .border-slate-300, .border-slate-400, .border-slate-500 {
  border-color: var(--u-accent) !important;
}

/* Global override for all borders to use BSC yellow theme */
* {
  border-color: var(--u-accent) !important;
}

/* Specific overrides for common elements */
div, span, button, a, input, textarea, select {
  border-color: var(--u-accent) !important;
}

/* Override any remaining white or gray borders */
[style*="border-color: white"], [style*="border-color: #fff"], [style*="border-color: #ffffff"],
[style*="border-color: gray"], [style*="border-color: #gray"], [style*="border-color: #grey"] {
  border-color: var(--u-accent) !important;
}

.rounded, .rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl {
  border-radius: 16px !important;
}

/* Buttons: blue gradient */
button, .btn,
.bg-gradient-to-br.from-green-500.to-emerald-600,
.bg-gradient-to-br.from-blue-500.to-cyan-600,
.bg-gradient-to-br.from-blue-500.to-cyan-600,
.bg-gradient-to-br.from-blue-500.to-cyan-600 {
  background-image: linear-gradient(135deg, var(--u-accent) 0%, var(--u-accent-2) 100%) !important;
  color: #ffffff !important;
  border: 1px solid var(--u-border-strong) !important;
  box-shadow: 0 10px 30px rgba(245, 158, 11, 0.25);
}

button:hover, .btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Primary action-like links */
a[href^="https://"], a[href^="http://"], a[href^="#"].btn { color: #ffffff; }

a:hover {
  color: var(--u-indigo-2);
}

/* Top and bottom fixed bars */
.fixed.top-0.left-0.right-0 {
  background: rgba(5, 8, 18, 0.55) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--u-border) !important;
}

.fixed.bottom-0.left-0.right-0 {
  background: rgba(5, 8, 18, 0.7) !important;
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--u-border) !important;
}

/* Decorative pulses, make them subtle like Uxento */
.animate-float, .animate-float-delayed {
  opacity: 0.18 !important;
  filter: blur(1px);
}

/* Inputs (if any) */
input, textarea, select {
  background: rgba(16, 23, 42, 0.7) !important;
  color: var(--u-text) !important;
  border: 1px solid var(--u-border) !important;
  border-radius: 12px !important;
}

/* Progress bars and meters */
.w-full.bg-black\/60.rounded-full.h-3.border {
  background: rgba(17, 24, 39, 0.6) !important;
  border-color: var(--u-border) !important;
}

.h-full.bg-gradient-to-r { background-image: linear-gradient(90deg, var(--u-accent) 0%, var(--u-accent-2) 100%) !important; }

/* Images and avatars edges */
img.rounded-xl, img.rounded-2xl, img.rounded, img.rounded-lg {
  box-shadow: var(--u-shadow);
}

/* Links underline hover accent similar to Uxento */
/* Apply to nav-like links and footer links if present */
a { position: relative; text-decoration: none; }
a::after {
  content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px;
  background: var(--u-accent);
  transition: width .2s ease;
}
a:hover::after { width: 100%; }

/* Subtle container max width alignment if a wrapper exists */
.max-w-7xl, .max-w-6xl, .max-w-3xl {
  margin-left: auto; margin-right: auto;
}

/* Primary vote button in yellow */
.btn-vote-primary {
  background-image: linear-gradient(135deg, var(--u-accent) 0%, var(--u-accent-2) 100%) !important;
  border: 1px solid var(--u-border-strong) !important;
  color: #ffffff !important; position: relative; overflow: hidden;
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.25), inset 0 1px 0 rgba(255,255,255,0.1);
}
.btn-vote-primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn-vote-primary::before { content: ""; position: absolute; inset: 0; background: radial-gradient(600px 200px at 0% 0%, rgba(255,255,255,0.12), transparent 40%); opacity: .45; pointer-events: none; }

/* Icon sizing helpers */
.icon-lg { width: 3rem; height: 3rem; }
.icon-md { width: 1.25rem; height: 1.25rem; }
.icon-sm { width: .9rem; height: .9rem; }
.icon-inline { display: inline-block; vertical-align: -2px; }

/* Revert: keep native thumbs-up emoji rendering */

/* Revert: keep native thumbs-up emoji inside gradient squares */

/* Replace lock emoji inside the vote button with a shield-check */
button.bg-gradient-to-br.from-green-500.to-emerald-600 > span.text-xl{
  color:transparent !important;position:relative;display:inline-block;width:1.25rem;height:1.25rem
}
button.bg-gradient-to-br.from-green-500.to-emerald-600 > span.text-xl::before{
  content:"";display:inline-block;width:1.25rem;height:1.25rem;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/><path d="m9 12 2 2 4-4"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/><path d="m9 12 2 2 4-4"/></svg>') no-repeat center / contain;
  background-color:#fff
}

/* Replace small mobile header row emojis (👥 and ⏰) under lg:hidden sections */
.lg\:hidden .flex.items-center.space-x-2 > .text-lg:first-child{
  color:transparent !important;position:relative;display:inline-block;width:1.1rem;height:1.1rem
}
.lg\:hidden .flex.items-center.space-x-2:nth-of-type(1) > .text-lg:first-child::before{
  /* users icon */
  content:"";display:inline-block;width:1.1rem;height:1.1rem;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>') no-repeat center / contain;
  background-color:#d1d5db
}
.lg\:hidden .flex.items-center.space-x-2:nth-of-type(2) > .text-lg:first-child::before{
  /* clock icon */
  content:"";display:inline-block;width:1.1rem;height:1.1rem;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>') no-repeat center / contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>') no-repeat center / contain;
  background-color:#9ca3af
}

/* Elevate all green gradient action buttons to neon style */
.bg-gradient-to-br.from-green-500.to-emerald-600{
  background-image: linear-gradient(135deg, #22c55e 0%, #10b981 60%, #34d399 100%) !important;
  border: 1px solid rgba(52, 211, 153, 0.5) !important;
  color: #06160f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  box-shadow: 0 12px 28px rgba(52, 211, 153, 0.28), inset 0 1px 0 rgba(255,255,255,0.15);
}

/* Unify left and bottom action buttons to indigo brand gradient */
.md\:flex.absolute.left-6 .w-16.h-16,
.fixed.bottom-0.left-0.right-0 .w-10.h-10,
.fixed.bottom-0.left-0.right-0 .md\:w-12.md\:h-12 {
  background-image: linear-gradient(to bottom right, var(--u-indigo), var(--u-indigo-2)) !important;
  border: 1px solid var(--u-border) !important;
  color: #fff !important;
}

/* Equalize contract address row heights */
.bg-black\/40 h3 + .flex.items-center.space-x-3 { align-items: stretch !important; }
.bg-black\/40 h3 + .flex.items-center.space-x-3 > .flex-1 { display:flex; align-items:center; min-height: 48px; }
.bg-black\/40 h3 + .flex.items-center.space-x-3 > button { display:flex; align-items:center; min-height: 48px; }

/* Add BSC icon before the BSC badge text (mask to keep white/blue/black palette) */
.flex.items-center.space-x-2.mt-2 > span:first-child{
  display: inline-flex; align-items: center; gap: 6px;
}
.flex.items-center.space-x-2.mt-2 > span:first-child::before{
  content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle;
  background: url('bnb.png') no-repeat center / contain;
}

/* Add a small live dot icon before the LIVE badge text */
.flex.items-center.space-x-2.mt-2 > span:nth-child(2){
  display: inline-flex; align-items: center; gap: 6px;
}
.flex.items-center.space-x-2.mt-2 > span:nth-child(2)::before{
  content: "";
  display: inline-block;
  width: 10px; height: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="7" fill="none" stroke="%23f59e0b" stroke-width="2"/><circle cx="8" cy="8" r="4" fill="%23f59e0b"/></svg>') no-repeat center / 100% 100%;
}

/* Make bottom toolbar icons fully round */
.fixed.bottom-0.left-0.right-0 a,
.fixed.bottom-0.left-0.right-0 button { border-radius: 9999px !important; }
.fixed.bottom-0.left-0.right-0 .rounded,
.fixed.bottom-0.left-0.right-0 .rounded-lg,
.fixed.bottom-0.left-0.right-0 .rounded-xl,
.fixed.bottom-0.left-0.right-0 .md\:w-12.md\:h-12,
.fixed.bottom-0.left-0.right-0 .w-10.h-10 { border-radius: 9999px !important; }

/* Make left-side action icons fully round */
.md\:flex.absolute.left-6 .w-16.h-16 { border-radius: 9999px !important; }
.md\:flex.absolute.left-6 .rounded-2xl { border-radius: 9999px !important; }