/**
 * AC Archive Page Pro - User Grid
 * Developer: Team AskCollab
 * Website: https://www.askcollab.com
 * 
 * Updates v1.0.3:
 * - Reduced gap on mobile for edge-to-edge feel
 */

.ac-app-user-grid-wrapper {
    margin-bottom: 40px;
}

.ac-app-user-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* No Results Message */
.ac-app-no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    font-size: 18px;
    color: #666;
    background: #f8f9fa;
    border-radius: 12px;
}

/* Tablet - 2 Columns */
@media (max-width: 1024px) {
    .ac-app-user-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile - 1 Column with minimal gap */
@media (max-width: 768px) {
    .ac-app-user-grid {
        grid-template-columns: 1fr;
        gap: 8px; /* Reduced from 16px to 8px for tighter mobile layout */
    }
    
    .ac-app-user-grid-wrapper {
        margin-bottom: 32px;
    }
    
    .ac-app-no-results {
        padding: 40px 16px;
        font-size: 16px;
        border-radius: 8px;
    }
}

/* Extra small mobile */
@media (max-width: 374px) {
    .ac-app-user-grid {
        gap: 6px; /* Even tighter on very small screens */
    }
}