/* Custom spacing optimizations for professional layout */

/* Reduce section gaps */
section {
    padding: 15px 0 !important;
}

section.py-2 {
    padding: 10px 0 !important;
}

section.py-3 {
    padding: 20px 0 !important;
}

/* Optimize main news area */
.main-news-area {
    margin-bottom: 0 !important;
}

/* Reduce container padding on mobile */
@media (max-width: 768px) {
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Reduce section padding on mobile */
    section {
        padding: 10px 0 !important;
    }
    
    /* Optimize news content padding on mobile */
    .news-content {
        padding: 10px !important;
    }
    
    /* Keep original image heights and font sizes on mobile for trending news */
    
    /* Reduce gaps in featured post section on mobile */
    .blog-style1 {
        margin-bottom: 1rem !important;
    }
    
    .row.gy-4 {
        --bs-gutter-y: 1rem !important;
    }
    
    /* Optimize featured post spacing */
    section .row {
        margin-bottom: 0.5rem !important;
    }
    
    /* Reduce row gaps on mobile */
    .row.gy-3 {
        --bs-gutter-y: 1rem !important;
    }
    
    /* Optimize ad spacing on mobile */
    .mb-2 {
        margin-bottom: 0.5rem !important;
    }
}

/* Remove extra margins from Bootstrap */
.mb-3 {
    margin-bottom: 1rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Optimize swiper spacing */
.swiper {
    margin-bottom: 0 !important;
}

/* Professional spacing for news items */
.single-main-news,
.single-main-news-inner {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.single-main-news:hover,
.single-main-news-inner:hover {
    transform: translateY(-2px);
}