/**
 * Latest News Mobile Styles
 * Version: 1.0
 */

/* موبايل - فراغات 5 بكسل */
@media (max-width: 768px) {
    .news-section-wrapper { 
        padding: 5px !important; 
        margin: 5px 0 !important; 
    }
    
    .news-main-title { 
        font-size: 20px !important; 
        padding: 14px 30px !important; 
        margin-bottom: 5px !important; 
    }
    
    /* Style 1: Grid 3 Columns */
    .grid-three-cols { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 5px !important; 
    }
    
    .col-item-vertical {
        border-radius: 8px !important;
    }
    
    .img-top-wrapper { 
        height: 120px !important; 
    }
    
    .text-below-img { 
        padding: 5px !important; 
    }
    
    .text-below-img h4 { 
        font-size: 13px !important; 
    }
    
    /* Style 2: Grid 2 Columns */
    .grid-two-cols { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 5px !important; 
    }
    
    .row-item-horizontal { 
        flex-direction: column !important; 
        height: auto !important; 
    }
    
    .content-right-side, 
    .img-left-side { 
        width: 100% !important; 
        order: unset !important; 
    }
    
    .img-left-side { 
        height: 120px !important; 
    }
    
    .content-right-side { 
        padding: 5px !important; 
    }
    
    .content-right-side h4 { 
        font-size: 13px !important; 
    }
    
    /* Style 3: Featured + Small */
    .big-featured-box { 
        grid-template-columns: 1fr !important; 
        gap: 5px !important; 
    }
    
    .featured-img-left { 
        height: 120px !important; 
    }
    
    .featured-img-left img { 
        min-height: 120px !important; 
    }
    
    .featured-text-right { 
        padding: 5px !important; 
    }
    
    .featured-text-right h3 { 
        font-size: 15px !important; 
    }
    
    .small-horizontal-strip { 
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 5px !important; 
    }
    
    .small-box-item {
        border-radius: 8px !important;
    }
    
    .small-img-top { 
        height: 90px !important; 
    }
    
    .small-text { 
        padding: 5px !important; 
    }
    
    .small-text h5 { 
        font-size: 12px !important; 
    }
}