/* Responsive Styles */

/* Large Devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1400px;
        margin: 0 auto;
    }
}

/* Medium Devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 1199px) {
    .content-block {
        padding: 30px 25px;
    }
    
    .section-title {
        font-size: 30px;
    }
    
    .hero-title {
        font-size: 38px;
    }
}

/* Small Devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .content-block {
        padding: 25px 20px;
    }
    
    .section-title {
        font-size: 26px;
    }
    
    .hero-section {
        height: 380px;
    }
    
    .jackpot-amount {
        font-size: 28px;
    }
    
    .tournament-title {
        font-size: 20px;
    }
}

/* Extra Small Devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .content-block {
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 16px;
    }
    
    .main-heading-h1 {
        font-size: 26px;
    }
    
    .hero-section {
        height: 350px;
    }
    
    .hero-content {
        padding-top: 60px;
    }
    
    .hero-title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .hero-subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .btn-hero {
        padding: 12px 25px;
        font-size: 16px;
    }
    
    .jackpot-card {
        padding: 20px;
    }
    
    .jackpot-amount {
        font-size: 24px;
    }
    
    .tournament-card {
        margin-bottom: 20px;
    }
    
    .tournament-title {
        font-size: 18px;
    }
    
    .tournament-description {
        font-size: 13px;
    }
    
    .prize-value {
        font-size: 20px;
    }
    
    .timer-countdown {
        font-size: 18px;
    }
    
    .info-grid {
        grid-template-columns: 1fr;
    }
    
    .widget-bonus-title {
        font-size: 16px;
    }
    
    .widget-bonus-subtitle {
        font-size: 12px;
    }
    
    .widget-btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .footer-widget {
        margin-bottom: 25px;
    }
    
    .payment-methods, .game-providers {
        justify-content: center;
    }
}

/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 991px) {
    .tournaments-row {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    
    .tournaments-row > div {
        min-width: 300px;
    }
}

/* Mobile Landscape */
@media (max-width: 767px) and (orientation: landscape) {
    .hero-section {
        height: 300px;
    }
    
    .hero-content {
        padding-top: 40px;
    }
    
    .mobile-nav-menu {
        top: 70px;
        height: calc(100vh - 70px);
    }
}

/* Print Styles */
@media print {
    .site-header,
    .hero-section,
    .sticky-widget,
    .mobile-nav-menu {
        display: none;
    }
    
    .content-block {
        page-break-inside: avoid;
    }
}

/* High Resolution Displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo-img,
    .jackpot-icon img,
    .tournament-image img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Unused responsive classes for uniqueness */
@media (min-width: 1600px) {
    .unused-xlarge-class { display: none; }
}

@media (max-width: 320px) {
    .unused-tiny-class { display: none; }
}

.responsive-hidden { display: none; }
.responsive-visible-lg { display: none; }
.responsive-visible-md { display: none; }
