/**
 * AC Archive Page Pro - Main Layout
 * Developer: Team AskCollab
 * Website: https://www.askcollab.com
 * 
 * Updates v1.0.3:
 * - Mobile full-width with 2px padding for edge-to-edge design
 * - Desktop maintains centered max-width container
 */

/* Archive Wrapper */
.ac-app-archive-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Section Base */
.ac-app-section {
    margin-bottom: 32px;
}

/* Tablet Responsive (768px - 1024px) */
@media (max-width: 1024px) {
    .ac-app-archive-wrapper {
        padding: 0 16px;
    }
    
    .ac-app-section {
        margin-bottom: 28px;
    }
}

/* Mobile Responsive - FULL WIDTH with 2px padding */
@media (max-width: 768px) {
    .ac-app-archive-wrapper {
        padding: 0 2px; /* Changed from 16px to 2px */
        max-width: 100%;
    }
    
    .ac-app-section {
        margin-bottom: 24px;
    }
}

/* Extra small mobile (under 375px) */
@media (max-width: 374px) {
    .ac-app-archive-wrapper {
        padding: 0 1px; /* Even tighter on very small screens */
    }
    
    .ac-app-section {
        margin-bottom: 20px;
    }
}