/* Custom styles for e-bidding report layout */

.download-button-group {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 10px; /* Space between buttons */
    margin-top: 15px; /* Add some space above the button group */
    justify-content: flex-start; /* Align items to the start */
}

/* Use higher specificity to override existing styles from ebidding-styles.css */
.program-card.plan-item .download-button-group .plan-download-link {
    /* Override existing margins from ebidding-styles.css */
    margin-right: 0;
    margin-bottom: 0;

    /* Flex properties for 2 columns */
    flex: 0 0 calc(50% - 5px); /* Each item takes 50% width minus half the gap */
    max-width: calc(50% - 5px); /* Ensure it doesn't grow beyond 50% */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    text-align: center; /* Center text within the button */
}

/* Adjust for smaller screens to ensure responsiveness */
@media (max-width: 768px) {
    .program-card.plan-item .download-button-group .plan-download-link {
        flex: 0 0 100%; /* One column on small screens */
        max-width: 100%;
    }
}