/* =========================================
   MOBILE GRID OVERRIDE
   Force 2-column layout for images on mobile
   ========================================= */

/* Mobile breakpoint - tablets and phones */
@media (max-width: 768px) {
    
    /* Force 2-column grid for faculty cards */
    .faculty-preview .row > .col-lg-3,
    .faculty-preview .row > .col-md-6,
    .faculty-section .row > .col-lg-3,
    .faculty-section .row > .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Force 2-column grid for campus/gallery images */
    .campus .row > .col-lg-3,
    .campus .row > .col-md-6,
    .gallery .row > .col-lg-3,
    .gallery .row > .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Force 2-column grid for news cards */
    .news .row > .col-lg-4,
    .news .row > .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Reduce image sizes */
    .faculty-card__image,
    .faculty-card__image img {
        height: 180px !important;
    }
    
    .campus__item img,
    .gallery__item img {
        height: 160px !important;
        object-fit: cover;
    }
    
    .news-card__image {
        height: 140px !important;
    }
    
    .news-card__image img {
        height: 100%;
        object-fit: cover;
    }
    
    /* Reduce card padding and spacing */
    .faculty-card,
    .news-card,
    .campus__item {
        margin-bottom: 16px !important;
        padding: 16px !important;
    }
    
    /* Reduce gap between columns */
    .row.g-4 {
        --bs-gutter-x: 12px !important;
        --bs-gutter-y: 12px !important;
    }
    
    /* Compact faculty card content */
    .faculty-card__content {
        padding: 12px !important;
    }
    
    .faculty-card__name {
        font-size: 16px !important;
        margin-bottom: 4px !important;
    }
    
    .faculty-card__designation {
        font-size: 13px !important;
    }
    
    /* Compact news card content */
    .news-card__content {
        padding: 14px !important;
    }
    
    .news-card__title {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }
    
    .news-card__excerpt {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    
    .news-card__category {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
    
    .news-card__date {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
}

/* Extra small devices - very compact */
@media (max-width: 575px) {
    
    /* Even smaller images on very small screens */
    .faculty-card__image,
    .faculty-card__image img {
        height: 160px !important;
    }
    
    .campus__item img,
    .gallery__item img {
        height: 140px !important;
    }
    
    .news-card__image {
        height: 120px !important;
    }
    
    /* Tighter spacing */
    .row.g-4 {
        --bs-gutter-x: 8px !important;
        --bs-gutter-y: 8px !important;
    }
    
    .faculty-card,
    .news-card,
    .campus__item {
        margin-bottom: 12px !important;
        padding: 12px !important;
    }
}