/* Responsive Styles for FIRST WHISTLE SPORT */

/* Mobile Styles (up to 767px) */
@media screen and (max-width: 767px) {
    /* Header */
    .main-header .container {
        flex-direction: column;
    }
    
    .logo {
        margin-bottom: 15px;
    }
    
    .header-ad {
        width: 100%;
        height: 60px;
    }
    
    /* Navigation */
    .main-nav .container {
        flex-direction: column;
        align-items: stretch;
    }
    
    .menu-toggle {
        display: block;
        align-self: flex-end;
        margin: 10px;
    }
    
    .nav-menu {
        display: none;
        flex-direction: column;
        width: 100%;
    }
    
    .nav-menu.active {
        display: flex;
    }
    
    .search-box {
        width: 100%;
        padding: 10px;
    }
    
    .search-box input {
        width: 100%;
    }
    
    /* Hero Slider */
    .slider {
        height: 350px;
    }
    
    .slide-content h2 {
        font-size: 1.5rem;
    }
    
    /* News Grid */
    .news-grid {
        grid-template-columns: 1fr;
    }
    
    /* Two Column Section */
    .two-column-section .container {
        grid-template-columns: 1fr;
    }
    
    /* PSL BUZZ NEWS */
    .media-grid {
        grid-template-columns: 1fr;
    }
    
    /* Newsletter */
    .newsletter-form {
        flex-direction: column;
    }
    
    .newsletter-form input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .newsletter-form button {
        border-radius: 4px;
        width: 100%;
    }
    
    /* Footer */
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .footer-links {
        grid-template-columns: 1fr;
    }
}

/* Tablet Styles (768px to 1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Header */
    .header-ad {
        width: 468px;
        height: 60px;
    }
    
    /* Navigation */
    .nav-menu a {
        padding: 15px 10px;
        font-size: 0.8rem;
    }
    
    .search-box input {
        width: 150px;
    }
    
    /* News Grid */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* PSL BUZZ NEWS */
    .media-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Footer */
    .footer-content {
        grid-template-columns: 1fr 1fr;
    }
    
    .footer-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Large Tablet and Small Desktop Styles (1024px to 1199px) */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /* Header */
    .header-ad {
        width: 600px;
    }
    
    /* PSL BUZZ NEWS */
    .media-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Print Styles */
@media print {
    header, footer, .newsletter, .hero-slider, .ad-placeholder {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
        color: #000;
        background: #fff;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
    
    .container {
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0;
    }
    
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    .news-grid, .media-grid {
        grid-template-columns: 1fr;
    }
    
    .news-card, .media-card {
        break-inside: avoid;
        margin-bottom: 20px;
    }
}