/**
 * Download Section - 3 Items Centered Layout
 * Custom styling for centering 3 download items
 */

/* Override the default 4-column layout to center 3 items */
.download-section .row.row-cols-md-4 {
    justify-content: center;
}

/* For medium devices and up - make items take 1/3 width with gap */
@media (min-width: 768px) {
    .download-section .row.row-cols-md-4 > .col {
        flex: 0 0 auto;
        width: calc(33.333% - 20px);
        max-width: 350px;
        margin: 0 10px;
    }
}

/* For large devices - slightly wider max-width */
@media (min-width: 992px) {
    .download-section .row.row-cols-md-4 > .col {
        max-width: 380px;
        margin: 0 15px;
    }
}

/* For extra large devices */
@media (min-width: 1200px) {
    .download-section .row.row-cols-md-4 > .col {
        max-width: 400px;
        margin: 0 20px;
    }
}

/* Ensure proper spacing on smaller tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .download-section .row.row-cols-md-4 > .col {
        width: calc(33.333% - 15px);
        margin: 0 7.5px;
    }
}

/* Mobile - keep stacked layout */
@media (max-width: 767px) {
    .download-section .row.row-cols-md-4 > .col {
        margin-bottom: 20px;
    }
    
    .download-section .row.row-cols-md-4 > .col:last-child {
        margin-bottom: 0;
    }
}

/* Optional: Add smooth transition for responsive changes */
.download-section .download-item {
    transition: all 0.3s ease;
}

/* Optional: Equal height for all download items */
.download-section .row.row-cols-md-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.download-section .row.row-cols-md-4 > .col {
    display: flex;
}

.download-section .download-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}