/* ================================
   Lucky Aura Theme — luckysatta.com
   Author: ChatGPT for Sachin
   Drop-in override (loads after index.css)
   ================================ */

:root{
  --lucky-bg: #0b1311;
  --lucky-surface: rgba(255,255,255,0.06);
  --lucky-border: rgba(255,255,255,0.12);
  --lucky-text: #e8fff6;
  --lucky-muted: #b9dfcd;
  --lucky-accent: #16a34a; /* emerald */
  --lucky-gold:  #f5c451;
  --radius: 16px;
  --blur: 10px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Base + animated subtle glow */
body{
  background:
    radial-gradient(1100px 380px at 50% -120px, rgba(22,163,74,.18), transparent 60%),
    linear-gradient(120deg, #0b1311, #0e1b16 50%, #0b1311);
  color: var(--lucky-text);
}

html, body { scroll-behavior: smooth; }

/* Remove random whites / gaps */
.bg-light-gray,
#monthly-games-results .container-fluid,
#monthly-games-results .row.justify-content-center.mb-4,
section[style*="background-color: #FFFFFF"],
div[style*="background-color: #FFFFFF"]{
  background: transparent !important;
}

/* Ensure bottom space so fixed-bottom-nav ka overlap na ho */
body { padding-bottom: 80px; }

/* Header — glass */
.fixed-header{
  position: sticky; top: 0; z-index: 1000;
  background: rgba(11,19,17,.65);
  border-bottom: 1px solid var(--lucky-border);
  backdrop-filter: blur(var(--blur));
  box-shadow: var(--shadow);
}
.info-line{ color: var(--lucky-muted); font-size: 12px; }
.info-line marquee{ color: var(--lucky-muted); }

/* Brand glow */
.blinking-website-name{ display:flex; justify-content:center; align-items:center; }
.blinking-text{
  color: #fff; font-weight: 800; letter-spacing: 1px; text-decoration:none;
  text-shadow: 0 0 10px rgba(22,163,74,.6), 0 0 24px rgba(245,196,81,.35);
}

/* Hero */
.hero{ position:relative; padding-top: 14px; }
.hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(550px 180px at 15% 10%, rgba(22,163,74,.14), transparent 60%),
              radial-gradient(450px 160px at 85% 8%, rgba(245,196,81,.12), transparent 60%);
}
.hero .hero-content{ max-width: 1200px; margin:auto; padding: 6px 14px; }
#current-time{ font-weight:600; color: var(--lucky-muted); }

/* Cards (active games + services + agents) */
.card, .service-card{
  background: var(--lucky-surface);
  border: 1px solid var(--lucky-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.hero-game .card-body{ padding: 16px; }
.game-name{ font-weight:700; color:#fff; letter-spacing:.3px; }
.hero-result{
  font-size: clamp(28px, 5vw, 42px);
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff, #c8ffe2);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 10px rgba(22,163,74,.35));
}
.star-image{ filter: drop-shadow(0 0 8px rgba(22,163,74,.25)); }

/* Buttons */
.btn-primary{
  background: linear-gradient(135deg, var(--lucky-accent), var(--lucky-gold)) !important;
  border: none !important; color: #0c120e !important;
  font-weight: 700; border-radius: 12px;
  box-shadow: 0 8px 20px rgba(22,163,74,.25);
}
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 12px 28px rgba(245,196,81,.28); }
.btn-secondary{
  background: rgba(255,255,255,.08) !important;
  border-color: var(--lucky-border) !important;
  color: #fff !important;
}

/* Record chart link chip */
.record-chart-link{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; margin-top:6px;
  border:1px dashed var(--lucky-accent); border-radius:999px; text-decoration:none;
  color: var(--lucky-accent); font-weight:700;
}
.record-chart-link:hover{ background: rgba(22,163,74,.08); }

/* Tables (results + monthly charts) */
.games-results-table, .chart-table{
  border-collapse: separate !important; border-spacing: 0; overflow:hidden;
  border-radius: 14px; background: rgba(255,255,255,.02);
}
.games-results-table thead th, .chart-table thead th{
  position: sticky; top: 0; z-index:1;
  background: linear-gradient(135deg, rgba(22,163,74,.25), rgba(245,196,81,.25)) !important;
  border-bottom: 1px solid var(--lucky-border);
  color:#fff; text-transform: uppercase; font-size:.82rem; letter-spacing:.6px;
}
.games-results-table td, .games-results-table th,
.chart-table td, .chart-table th{
  border-right: 1px solid var(--lucky-border);
  border-bottom: 1px solid var(--lucky-border);
  padding: 10px;
}
.games-results-table tr:hover td, .chart-table tr:hover td{ background: rgba(22,163,74,.08); }
.highlight{ font-weight:800; color:#e2ffe9; text-shadow:0 0 6px rgba(22,163,74,.35); }
.game-name-cell{ color:#d7ffee; }
.result-number{ font-weight:800; font-size: clamp(24px, 4.2vw, 36px); color:#e2ffe9; }

/* Force monthly chart yellow headers -> theme headers */
.chart-table .highlight-header{
  background: linear-gradient(135deg, rgba(22,163,74,.25), rgba(245,196,81,.25)) !important;
  color:#fff !important;
}

/* Owners/Agents notice blocks */
.card.service-card [style*="background: linear-gradient(to bottom, #FFFFE0"],
.card.service-card [style*="background: linear-gradient(to bottom, #FFFFFF"]{
  background: transparent !important;
}

/* Fixed bottom navigation — glass bar */
.fixed-bottom-nav{
  position: fixed; left:0; right:0; bottom:0; z-index: 1030;
  display: grid; grid-template-columns: repeat(7, 1fr);
  background: rgba(8,14,12,.78); backdrop-filter: blur(var(--blur));
  border-top: 1px solid var(--lucky-border);
  box-shadow: 0 -10px 25px rgba(0,0,0,.35);
}
.fixed-bottom-nav .nav-btn{
  text-decoration:none; color: var(--lucky-muted);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding: 8px 4px; font-size: 11px; gap: 4px;
}
.fixed-bottom-nav .nav-btn i{ font-size: 18px; }
.fixed-bottom-nav .nav-btn.active,
.fixed-bottom-nav .nav-btn:hover{
  color:#fff; background: rgba(22,163,74,.10);
  box-shadow: inset 0 0 0 1px rgba(22,163,74,.20);
}

/* Section headings */
.heading-box h2, .result-chart-heading, h2.text-center{
  color:#fff; text-shadow: 0 0 10px rgba(22,163,74,.25);
}

/* Accordion/FAQ */
.accordion-button{
  background: rgba(255,255,255,.06) !important; color:#fff !important;
  border-bottom: 1px solid var(--lucky-border);
}
.accordion-item{ background: var(--lucky-surface); border: 1px solid var(--lucky-border); border-radius: var(--radius); overflow:hidden; }
.accordion-body{ color: var(--lucky-text); }

/* Footer */
footer .container-fluid a{
  background: linear-gradient(135deg, var(--lucky-accent), var(--lucky-gold)) !important;
  border: none; color:#0c120e !important; font-weight:700;
}
footer p{ background:#0a1010 !important; }

/* Utilities */
.no-gap{ margin:0 !important; }