/* Theme-specific styles for NikSlots.org */

/* Loading Animation */
.loading-screen {
    background: var(--bg-primary);
}

.loading-logo {
    background: var(--gold-gradient);
}

.loading-text {
    color: var(--gold-primary);
}

/* Header Theme */
.header-top {
    background: var(--bg-secondary);
}

.control-btn {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.control-btn:hover {
    border-color: var(--gold-primary);
    color: var(--gold-primary);
}

/* Navigation Theme */
.luxury-nav {
    background: rgba(var(--bg-card-rgb), 0.9);
    backdrop-filter: blur(10px);
    border-color: var(--border-color);
}

.nav-link {
    color: var(--text-secondary);
}

.nav-link:hover,
.nav-link.active {
    color: var(--gold-primary);
}

.nav-link.active::after {
    background: var(--gold-gradient);
}

.dropdown-menu {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: var(--shadow-lg);
}

.dropdown-menu a {
    color: var(--text-secondary);
}

.dropdown-menu a:hover {
    background: rgba(212, 175, 55, 0.1);
    color: var(--gold-primary);
}

/* Marquee Theme */
.marquee-banner {
    background: var(--gold-gradient);
    color: #000;
}

/* Hero Slider Theme */
.swiper-button-next,
.swiper-button-prev {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    border-color: rgba(255, 255, 255, 0.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    color: white;
}

.swiper-pagination-bullet {
    background: var(--text-secondary);
    opacity: 0.5;
}

.swiper-pagination-bullet-active {
    background: var(--gold-primary);
    opacity: 1;
}

/* Game Cards Theme */
.game-card,
.slot-card,
.lobby-card,
.lotto-game-card {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.game-card:hover,
.slot-card:hover,
.lobby-card:hover,
.lotto-game-card:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--shadow-lg);
}

.game-badge,
.jackpot-badge {
    background: var(--gold-gradient);
    color: #000;
}

.game-title {
    color: var(--text-primary);
}

.game-provider {
    color: var(--text-secondary);
}

.game-rating i {
    color: #FFD700;
}

.stat-item {
    color: var(--text-secondary);
}

.stat-item i {
    color: var(--gold-primary);
}

/* Providers Theme */
.provider-card,
.sportsbook-card {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.provider-card:hover,
.sportsbook-card:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--shadow-lg);
}

.provider-games {
    background: var(--gold-gradient);
    color: #000;
}

.sportsbook-play-btn,
.lotto-play-btn {
    background: var(--gold-gradient);
    color: #000;
}

/* Download App Theme */
.download-app-section {
    background: var(--bg-secondary);
}

.store-btn {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.store-btn:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--shadow-md);
}

.qrcode-placeholder {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.qrcode-placeholder:hover {
    border-color: var(--gold-primary);
    background: rgba(212, 175, 55, 0.1);
}

.phone-mockup {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: var(--shadow-lg);
}

.app-header {
    background: var(--gold-gradient);
    color: #000;
}

.app-game-item {
    background: var(--bg-tertiary);
}

.app-game-item:hover {
    background: rgba(212, 175, 55, 0.1);
}

/* Banking Theme */
.bank-item,
.ewallet-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.bank-item:hover,
.ewallet-item:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--shadow-md);
}

.bank-logo {
    background: var(--bg-tertiary);
    color: var(--gold-primary);
}

.ewallet-item i {
    color: var(--gold-primary);
}

/* FAQ Theme */
.faq-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.faq-question {
    color: var(--text-primary);
}

.faq-question:hover {
    background: rgba(212, 175, 55, 0.1);
}

.faq-answer {
    color: var(--text-secondary);
}

.faq-contact-card {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.faq-contact-icon {
    background: var(--gold-gradient);
    color: #000;
}

/* Partners Theme */
.partner-item {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--gold-primary);
}

.partner-item:hover {
    border-color: var(--gold-primary);
    box-shadow: var(--shadow-md);
}

.trust-badge {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.trust-badge i {
    color: var(--gold-primary);
}

/* Footer Theme */
.luxury-footer {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

.social-link {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.social-link:hover {
    background: var(--gold-primary);
    color: #000;
}

.footer-links a {
    color: var(--text-secondary);
}

.footer-links a:hover {
    color: var(--gold-primary);
}

.contact-item i {
    color: var(--gold-primary);
}

.contact-item span {
    color: var(--text-secondary);
}

.payment-icons {
    color: var(--text-secondary);
}

.copyright {
    color: var(--text-secondary);
}

.disclaimer a {
    color: var(--gold-primary);
}

/* Floating Elements Theme */
.floating-btn {
    background: var(--gold-gradient);
    color: #000;
}

.scroll-top {
    background: var(--bg-card);
    color: var(--gold-primary);
    border-color: var(--border-color);
}

.floating-btn .tooltip {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Modal Theme */
.modal-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.luxury-modal {
    background: var(--bg-card);
    border-color: var(--border-color);
}

.modal-close {
    color: var(--text-secondary);
}

.modal-close:hover {
    color: var(--gold-primary);
}

.input-group input {
    background: var(--bg-primary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.input-group input:focus {
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
}

.input-group i {
    color: var(--gold-primary);
}

.method-item {
    background: var(--bg-primary);
    border-color: var(--border-color);
}

.method-item:hover,
.method-item.active {
    border-color: var(--gold-primary);
    background: rgba(212, 175, 55, 0.1);
}

.method-item i {
    color: var(--gold-primary);
}

/* Special Theme Effects */
.theme-dark {
    /* Additional dark theme effects */
    .slide-overlay {
        background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.7) 100%);
    }
    
    .provider-name,
    .sportsbook-name {
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    }
}

.theme-light {
    /* Additional light theme effects */
    .slide-overlay {
        background: linear-gradient(to bottom, rgba(248,245,240,0.8) 0%, rgba(255,250,240,0.6) 50%, rgba(248,245,240,0.8) 100%);
    }
    
    .slide-title,
    .slide-subtitle,
    .slide-description {
        color: #2c2c2c;
        text-shadow: 2px 2px 4px rgba(255,255,255,0.5);
    }
    
    .marquee-banner {
        background: linear-gradient(135deg, #d4af37, #f7ef8a, #d4af37);
    }
    
    .game-img,
    .slot-img,
    .lotto-img {
        border: 1px solid var(--border-color);
    }
}

/* Responsive Theme Adjustments */
@media (max-width: 768px) {
    .luxury-nav {
        background: var(--bg-card);
    }
    
    .nav-link {
        background: rgba(255, 255, 255, 0.05);
        border-color: var(--border-color);
    }
    
    .nav-link:hover {
        background: rgba(212, 175, 55, 0.1);
        border-color: var(--gold-primary);
    }
    
    .dropdown-menu {
        background: var(--bg-tertiary);
    }
}

/* Print Styles */
@media print {
    .floating-elements,
    .mobile-menu-btn,
    .marquee-banner {
        display: none !important;
    }
    
    .luxury-modal,
    .modal-overlay {
        display: none !important;
    }
    
    body {
        color: #000;
        background: #fff;
    }
    
    .btn,
    .play-btn,
    .sportsbook-play-btn,
    .lotto-play-btn {
        display: none !important;
    }
}