/* Dark Theme Override - Ensure all text and buttons are white */
/* This file should be loaded after other CSS files */

/* All buttons white text */
.btn, .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info,
.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, 
.btn-outline-warning, .btn-outline-info, .btn-main, .btn-main-md, .btn-main-sm,
.btn-download, .btn-white, .btn-rounded-icon, button {
    color: #ffffff !important;
}

.btn-primary, .btn-main, .btn-main-sm {
    background-color: #1a1a1a !important;
    border-color: #404040 !important;
}

.btn-primary:hover, .btn-main:hover, .btn-main-sm:hover {
    background-color: #2d2d2d !important;
    border-color: #505050 !important;
    color: #ffffff !important;
}

/* Hero Section Buttons - Vibrant Color */
.btn-main-md {
    background: linear-gradient(135deg, #FF6B35 0%, #FF3366 100%) !important;
    background-color: #FF6B35 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-main-md:hover {
    background: linear-gradient(135deg, #FF3366 0%, #FF1744 100%) !important;
    background-color: #FF3366 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6) !important;
    color: #ffffff !important;
}

/* Choose Plan Button - Vibrant Purple/Pink Gradient */
.btn-outline-primary {
    background: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%) !important;
    background-color: #8B5CF6 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%) !important;
    background-color: #EC4899 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.6) !important;
    color: #ffffff !important;
}

.btn-download {
    border-color: #404040 !important;
    color: #ffffff !important;
}

.btn-download:hover {
    background-color: #1a1a1a !important;
    border-color: #505050 !important;
    color: #ffffff !important;
}

/* All text white/light gray */
a, a:link, a:visited, a:hover, a:active, a:focus {
    color: #ffffff !important;
}

/* Links on hover */
a:hover {
    color: #ffffff !important;
}

/* All headings white */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ffffff !important;
}

/* Paragraphs light gray */
p, li, span, div, label {
    color: #d0d0d0 !important;
}

/* Navbar links */
.navbar-nav .nav-link, .nav-link, .navbar-brand {
    color: #ffffff !important;
}

.navbar-nav .nav-item.active .nav-link {
    color: #ffffff !important;
}

/* Dropdown items */
.dropdown-item {
    color: #ffffff !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff !important;
}

/* Card text */
.card, .card-body, .card-title, .card-text {
    color: #ffffff !important;
}

/* List items */
.list-group-item {
    color: #ffffff !important;
}

/* Table text */
.table, .table td, .table th {
    color: #ffffff !important;
}

/* Form labels */
label, .form-label {
    color: #ffffff !important;
}

/* Badge text */
.badge {
    color: #ffffff !important;
}

/* Pagination */
.pagination .page-link {
    color: #ffffff !important;
}

/* Footer links */
.footer-main a, .footer-classic a {
    color: #ffffff !important;
}

/* Mobile Footer Enhancements */
@media (max-width: 768px) {
    .footer-main {
        background: linear-gradient(180deg, #1a1b1f 0%, #25252a 100%) !important;
    }
    
    .footer-main .block {
        text-align: center !important;
    }
    
    .footer-main .block ul.social-icon li a {
        background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
        box-shadow: 0 4px 10px rgba(40, 167, 69, 0.3) !important;
    }
    
    .footer-main .block ul.social-icon li a:hover {
        box-shadow: 0 6px 15px rgba(40, 167, 69, 0.5) !important;
        background: linear-gradient(135deg, #20c997 0%, #28a745 100%) !important;
    }
    
    .footer-main .block-2 {
        text-align: center !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .footer-main .block-2 h6::after {
        background: linear-gradient(90deg, #28a745 0%, #20c997 100%) !important;
    }
    
    .footer-main .block-2 ul li a:hover {
        color: #28a745 !important;
    }
}

/* Social links */
ul.social-links li a, .social-icon a {
    color: #ffffff !important;
}

/* Gradient Banner - Dark Theme */
.gradient-banner::before {
    background-image: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 20%, #1a1a1a 50%) !important;
}

/* Premium Content Categories - Text Visibility */
.company-fun-facts .fun-fact,
.company-fun-facts .fun-fact.bg-white {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
}

.company-fun-facts .fun-fact h5,
.company-fun-facts .fun-fact .text-dark {
    color: #ffffff !important;
}

.company-fun-facts h2,
.company-fun-facts .text-primary,
.company-fun-facts .display-5 {
    color: #ffffff !important;
}

.company-fun-facts .text-muted {
    color: #d0d0d0 !important;
}

/* Why Choose IPTV Icons - Green Color */
.feature-list .text-success,
.feature-list i.text-success {
    color: #28a745 !important;
}

/* An Interface For Lifestyle - Service Icons Green */
.service .service-box .service-item i {
    color: #28a745 !important;
}

/* Scroll Top Button - Green */
.scroll-top-to {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

.scroll-top-to:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}

/* Download Buttons - Vibrant Different Colors */
/* iPhone Button - Blue/Purple Gradient */
.btn-iphone, .btn-rounded-icon.btn-iphone {
    background: linear-gradient(135deg, #007AFF 0%, #5856D6 100%) !important;
    background-color: #007AFF !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(0, 122, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-iphone:hover, .btn-rounded-icon.btn-iphone:hover {
    background: linear-gradient(135deg, #5856D6 0%, #AF52DE 100%) !important;
    background-color: #5856D6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 122, 255, 0.6) !important;
    color: #ffffff !important;
}

/* Android Button - Green Gradient */
.btn-android, .btn-rounded-icon.btn-android {
    background: linear-gradient(135deg, #34A853 0%, #0F9D58 100%) !important;
    background-color: #34A853 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(52, 168, 83, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-android:hover, .btn-rounded-icon.btn-android:hover {
    background: linear-gradient(135deg, #0F9D58 0%, #087443 100%) !important;
    background-color: #0F9D58 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(52, 168, 83, 0.6) !important;
    color: #ffffff !important;
}

/* Windows Button - Cyan/Blue Gradient */
.btn-windows, .btn-rounded-icon.btn-windows {
    background: linear-gradient(135deg, #00BCF2 0%, #0078D7 100%) !important;
    background-color: #00BCF2 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(0, 188, 242, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-windows:hover, .btn-rounded-icon.btn-windows:hover {
    background: linear-gradient(135deg, #0078D7 0%, #005A9E 100%) !important;
    background-color: #0078D7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 188, 242, 0.6) !important;
    color: #ffffff !important;
}

/* Testimonial Section - Different Background */
.section.testimonial, .testimonial.section {
    background-color: #1f1f1f !important;
}

/* Downloader Code Styling - Make all downloader codes red */
.post-body code,
.blog-single .post-body code,
.blog-single .post-body li code,
.blog-single .post-body p code {
    color: #ff0000 !important;
    font-weight: bold !important;
}

/* Hide FHD Sports, Server Stability, and Compatibility section on mobile */
@media (max-width: 768px) {
    .section.pull-top {
        display: none !important;
    }
    
    /* Remove gap between navbar and carousel on mobile */
    .gradient-banner {
        padding-top: 0 !important;
        padding-bottom: 0px !important;
    }
    
    .gradient-banner .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .gradient-banner .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .gradient-banner .col-md-6 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Reduce hero heading font size on mobile */
    .gradient-banner h1 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }
}

/* Free Trial Button - Vibrant Color */
.free-trial-btn, .btn-primary.free-trial-btn {
    background: linear-gradient(135deg, #FF6B35 0%, #FF3366 100%) !important;
    background-color: #FF6B35 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4) !important;
    transition: all 0.3s ease !important;
}

.free-trial-btn:hover, .btn-primary.free-trial-btn:hover {
    background: linear-gradient(135deg, #FF3366 0%, #FF1744 100%) !important;
    background-color: #FF3366 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6) !important;
    color: #ffffff !important;
}

/* Feature Section "Get Free Trial" Button - Vibrant Teal/Cyan Gradient */
.btn-feature-trial, .btn-primary.btn-feature-trial {
    background: linear-gradient(135deg, #00D4AA 0%, #00B4D8 100%) !important;
    background-color: #00D4AA !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(0, 212, 170, 0.4) !important;
    transition: all 0.3s ease !important;
    padding: 12px 30px !important;
}

.btn-feature-trial:hover, .btn-primary.btn-feature-trial:hover {
    background: linear-gradient(135deg, #00B4D8 0%, #0096C7 100%) !important;
    background-color: #00B4D8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 212, 170, 0.6) !important;
    color: #ffffff !important;
}

/* Pricing Plan Tabs - Fix White on White Issue */
.nav-tabs {
    border-bottom: 2px solid #404040 !important;
}

.nav-tabs .nav-link {
    background-color: #2d2d2d !important;
    border: 1px solid #404040 !important;
    border-bottom: none !important;
    color: #e0e0e0 !important;
    margin-right: 5px;
    margin-bottom: -2px;
    padding: 10px 20px;
}

.nav-tabs .nav-link:hover {
    background-color: #404040 !important;
    border-color: #505050 !important;
    color: #ffffff !important;
}

.nav-tabs .nav-link.active {
    background-color: #1a1a1a !important;
    border-color: #404040 #404040 #1a1a1a !important;
    border-bottom-color: #1a1a1a !important;
    color: #ffffff !important;
    font-weight: bold;
}

.nav-tabs .nav-link.active:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Choose Plan Button - Vibrant Purple/Pink Gradient */
.btn-outline-primary {
    background: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%) !important;
    background-color: #8B5CF6 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%) !important;
    background-color: #EC4899 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.6) !important;
    color: #ffffff !important;
}