/* ========================================
   LIGHT THEME OVERRIDES - WITH !IMPORTANT
   ======================================== */

/* Body Background */
body {
    background: #f0f2f5 !important;
}

/* All Text Colors */
body, p, span, div, li, a, h1, h2, h3, h4, h5, h6, .text-gray-300, .text-gray-400, .text-gray-500, .text-white {
    color: #1e293b !important;
}

.text-cyan-400, .gradient-text, .text-cyan-400\/80 {
    color: #0099cc !important;
}

.text-gold, .gradient-text-gold {
    color: #e6b800 !important;
}

.text-success {
    color: #10b981 !important;
}

.text-danger {
    color: #ef4444 !important;
}

/* Headers & Panels */
.glass-panel, header, .glass-panel.sticky {
    background: white !important;
    border-color: #0051ba !important;
    backdrop-filter: none !important;
}

/* Promo Banner */
.promo-banner {
    background: linear-gradient(135deg, #e6b800, #cc9900) !important;
    color: white !important;
}

.promo-banner .bg-primary {
    background: #0099cc !important;
}

/* Logo Area */
.bg-gradient-to-br.from-cyan-400.to-blue-600 {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
    color: white !important;
}

.btn-gold {
    background: linear-gradient(135deg, #e6b800, #cc9900) !important;
    color: white !important;
}

/* Balance Box */
.glass-panel.rounded-lg {
    background: #f1f5f9 !important;
    border-color: #0d4da1 !important;
}

/* Scrollable Navbar */
.navbar-scroll {
    background: white !important;
    border-color: #e2e8f0 !important;
}

.nav-scroll-item {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

.nav-scroll-item:hover {
    background: #0099cc !important;
    color: white !important;
}

.nav-scroll-item i {
    color: #0099cc !important;
}

.nav-scroll-item:hover i {
    color: white !important;
}

/* Sidebar */
#sidebar .absolute.inset-0.bg-black\/90 {
    background: rgba(0, 0, 0, 0.5) !important;
}

#sidebarContent, .glass-panel.border-r {
    background: white !important;
    border-color: #e2e8f0 !important;
}

.bg-gradient-to-r.from-primary.to-primaryLight {
    background: white !important;
}

.text-cyan-400, .text-cyan-400\/80 {
    color: #0099cc !important;
}

.bg-white\/5, .bg-white\/10, .hover\:bg-white\/10:hover {
    background: #f1f5f9 !important;
}

.bg-gradient-to-r.from-cyan-500\/20.to-blue-600\/20 {
    background: rgba(0, 153, 204, 0.1) !important;
}

/* Hero Slider */
.hero-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 60%) !important;
}

.hero-content h2, .hero-content p {
    color: white !important;
}

/* Game Carousel */
.game-carousel {
    background: white !important;
}

.carousel-game-card {
    background: white !important;
    border-color: #e2e8f0 !important;
}
.py-12, .py-16, .main-footer{
    background: white !important;
}
.carousel-game-info h4 {
    color: #1e293b !important;
}

.carousel-game-info p {
    color: #64748b !important;
}

/* Ticker */
.ticker-wrap {
    background: linear-gradient(90deg, #e2e8f0, #f1f5f9, #e2e8f0) !important;
    border-color: #e2e8f0 !important;
}

.ticker-item, .ticker-item span {
    color: #0099cc !important;
}

/* Games Section */
.games-section {
    background: #f0f2f5 !important;
}

.category-heading {
    color: #1e293b !important;
    border-bottom-color: #e2e8f0 !important;
}

.game-card {
    background: white !important;
    border-color: #e2e8f0 !important;
}

.game-info h4 {
    color: #1e293b !important;
}

.game-info p {
    color: #64748b !important;
}

.play-btn {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
    color: white !important;
}

/* Badges */
.badge-hot, .carousel-badge-hot {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
}

.badge-new, .carousel-badge-new {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
}

/* Promo Banner (Cashback) */
.bg-gradient-to-r.from-\[\#1a1a2e\] {
    background: linear-gradient(135deg, #e6b800, #cc9900) !important;
}

.text-gold {
    color: #e6b800 !important;
}

/* Recent Winners */
.glass-panel.rounded-xl {
    background: white !important;
    border-color: #004db3 !important;
}

.text-success {
    color: #10b981 !important;
}

.text-gray-400, .text-gray-500 {
    color: #64748b !important;
}

/* Footer */
.footer {
    background: white !important;
    border-color: #e2e8f0 !important;
}

.footer-logo-icon {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
}

.footer-logo-text {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.footer-logo-badge {
    color: #e6b800 !important;
}

.footer-about, .footer-links a {
    color: #475569 !important;
}

.footer-title {
    color: #1e293b !important;
}

.footer-title::after {
    background: linear-gradient(90deg, #0099cc, transparent) !important;
}

.payment-title {
    color: #1e293b !important;
}

.payment-item {
    color: #64748b !important;
}

.payment-item:hover {
    color: #0099cc !important;
}

.badge {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

.badge span {
    color: #1e293b !important;
}

.badge small {
    color: #64748b !important;
}

.copyright-text p {
    color: #64748b !important;
}

.age-restriction {
    background: rgba(0, 153, 204, 0.1) !important;
}

.age-18 {
    background: #ef4444 !important;
    color: white !important;
}

.social-icon {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

.social-icon:hover {
    background: #0099cc !important;
    color: white !important;
}

.footer-disclaimer {
    background: #f1f5f9 !important;
}

.footer-disclaimer p {
    color: #64748b !important;
}

/* Bottom Navigation */
.bottom-nav {
    background: white !important;
    border-color: #e2e8f0 !important;
}

.bottom-nav-item {
    color: #64748b !important;
}

.bottom-nav-item.active {
    color: #0099cc !important;
}

.bottom-nav-item .bg-gradient-to-br {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
}

/* Swiper Pagination */
.swiper-pagination-bullet {
    background: #cbd5e1 !important;
}

.swiper-pagination-bullet-active {
    background: #0099cc !important;
}

/* Scrollbar */
::-webkit-scrollbar-track {
    background: #e2e8f0 !important;
}

::-webkit-scrollbar-thumb {
    background: #0099cc !important;
}

/* View All Button */
.view-all-btn {
    background: linear-gradient(135deg, #0099cc, #0077b6) !important;
    color: white !important;
}

/* Mobile Responsive Fixes */
@media (max-width: 768px) {
    .bottom-nav {
        background: white !important;
    }
}

/* ========================================
   LIGHT THEME - ALL ICONS COLOR
   ======================================== */

/* Menu Icon */
.fa-bars, .fas.fa-bars {
    color: #0099cc !important;
}


/* Navigation Icons */
.fa-home, .fas.fa-home {
    color: #0099cc !important;
}
.fa-user,  .fas.fa-user{
    color: #0099cc !important;
}

.fa-gift, fas.fa-gift {
    color: #0099cc !important;
}

.fa-plus, fas.fa-plus{
    color: #0099cc !important;
}

.fa-gamepad, .fas.fa-gamepad {
    color: #0099cc !important;
}

.fa-chart-line, .fas.fa-chart-line {
    color: #0099cc !important;
}

.fa-gem, .fas.fa-gem {
    color: #e6b800 !important;
}

.fa-tv, .fas.fa-tv {
    color: #0099cc !important;
}

/* Financial Icons */
.fa-plus-circle, .fas.fa-plus-circle {
    color: #10b981 !important;
}

.fa-minus-circle, .fas.fa-minus-circle {
    color: #ef4444 !important;
}

.fa-list-alt, .fas.fa-list-alt {
    color: #0099cc !important;
}

.fa-history, .fas.fa-history {
    color: #0099cc !important;
}

/* Promotions Icons */


.fa-crown, .fas.fa-crown {
    color: #e6b800 !important;
}

.fa-trophy, .fas.fa-trophy {
    color: #e6b800 !important;
}

/* Support Icons */
.fa-headset, .fas.fa-headset {
    color: #0099cc !important;
}

.fa-question-circle, .fas.fa-question-circle {
    color: #0099cc !important;
}

.fa-envelope, .fas.fa-envelope {
    color: #0099cc !important;
}

.fa-comments, .fas.fa-comments {
    color: #0099cc !important;
}

/* Legal Icons */
.fa-file-alt, .fas.fa-file-alt {
    color: #64748b !important;
}

.fa-shield-alt, .fas.fa-shield-alt {
    color: #0099cc !important;
}

.fa-heart, .fas.fa-heart {
    color: #10b981 !important;
}

/* Settings Icons */
.fa-cog, .fas.fa-cog {
    color: #64748b !important;
}

.fa-language, .fas.fa-language {
    color: #0099cc !important;
}

/* Logout Icon */
.fa-sign-out-alt, .fas.fa-sign-out-alt {
    color: #ef4444 !important;
}

/* Bottom Navigation Icons */
.bottom-nav-item i {
    color: #64748b !important;
}

.bottom-nav-item.active i {
    color: #0099cc !important;
}

/* Scrollable Navbar Icons */
.nav-scroll-item i {
    color: #0099cc !important;
}

/* Game Card Icons */
.game-card i {
    color: #0099cc !important;
}

/* Winner Ticker Icons */
.ticker-item i {
    color: #e6b800 !important;
}

.ticker-item i.fa-plane,
.ticker-item i.fa-gem,
.ticker-item i.fa-dice,
.ticker-item i.fa-club,
.ticker-item i.fa-coins,
.ticker-item i.fa-bolt,
.ticker-item i.fa-circle,
.ticker-item i.fa-bomb {
    color: #0099cc !important;
}

/* Footer Icons */
.footer-links i, .footer-links .fas, .footer-links .fab {
    color: #64748b !important;
}

.footer-links a:hover i {
    color: #0099cc !important;
}

.social-icon i {
    color: #64748b !important;
}

.social-icon:hover i {
    color: white !important;
}

.payment-item i {
    color: #64748b !important;
}

.payment-item:hover i {
    color: #0099cc !important;
}

.badge i {
    color: #0099cc !important;
}

/* Close Icon */
.fa-times, .fas.fa-times {
    color: #64748b !important;
}

.fa-times:hover {
    color: #ef4444 !important;
}

/* Refresh Icon */
.fa-sync-alt, .fas.fa-sync-alt {
    color: #0099cc !important;
}

/* Wallet Icon */
.fa-wallet, .fas.fa-wallet {
    color: #0099cc !important;
}

/* Download Icon */
.fa-download, .fas.fa-download {
    color: white !important;
}

/* Play Icon */
.fa-play, .fas.fa-play {
    color: white !important;
}

/* Arrow Icons */
.fa-arrow-right, .fas.fa-arrow-right {
    color: #0099cc !important;
}

/* Search Icon */
.fa-search, .fas.fa-search {
    color: #0099cc !important;
}

/* Fire/Flame Icon */
.fa-fire, .fas.fa-fire,
.fa-fire-flame, .fas.fa-fire-flame {
    color: #f59e0b !important;
}

/* Rocket Icon */
.fa-rocket, .fas.fa-rocket {
    color: #8b5cf6 !important;
}

/* Plane Icon */
.fa-plane, .fas.fa-plane {
    color: #0099cc !important;
}

/* Dice Icon */
.fa-dice, .fas.fa-dice {
    color: #0099cc !important;
}

/* Bomb Icon */
.fa-bomb, .fas.fa-bomb {
    color: #0099cc !important;
}

/* Circle Icon */
.fa-circle, .fas.fa-circle {
    color: #0099cc !important;
}

/* Circle Dot Icon */
.fa-circle-dot, .fas.fa-circle-dot {
    color: #0099cc !important;
}

/* Club Icon */
.fa-club, .fas.fa-club {
    color: #0099cc !important;
}

/* Hand Back Fist Icon */
.fa-hand-back-fist, .fas.fa-hand-back-fist {
    color: #0099cc !important;
}

/* Spade Icon */
.fa-spade, .fas.fa-spade {
    color: #0099cc !important;
}

/* Bolt Icon */
.fa-bolt, .fas.fa-bolt {
    color: #8b5cf6 !important;
}

/* Coin Icon */
.fa-coins, .fas.fa-coins {
    color: #e6b800 !important;
}

/* Mobile Menu Icon */
.fa-bars {
    color: #0099cc !important;
}

/* Bell Icon */
.fa-bell, .fas.fa-bell {
    color: #64748b !important;
}

/* Map Marker Icon */
.fa-map-marker-alt, .fas.fa-map-marker-alt {
    color: #0099cc !important;
}