/* Scoped Bootstrap-like grid for DealerFooterInside only (jkelly 08/08/2025) */
/* This is done because we may use different versions of Bootstrap over the years on various pages. This mimics bs layout, but allows individual BS versions by page*/
#DealerFooterInside {
    width: 100%;
    box-sizing: border-box;
}

    /* Full-width container for footer */
    #DealerFooterInside .container,
    #DealerFooterInside .container-fluid {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* Row setup */
    #DealerFooterInside .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        width: 100%;
        box-sizing: border-box;
    }

    /* Column padding + allow stretch */
    #DealerFooterInside [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        flex-grow: 1; /* allow columns to stretch to fill row */
    }

    /* Fixed percentage widths for 12-col system */
    #DealerFooterInside .col-1 {
        flex: 0 0 8.333%;
        max-width: 8.333%;
    }

    #DealerFooterInside .col-2 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    #DealerFooterInside .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    #DealerFooterInside .col-4 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    #DealerFooterInside .col-5 {
        flex: 0 0 41.666%;
        max-width: 41.666%;
    }

    #DealerFooterInside .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #DealerFooterInside .col-7 {
        flex: 0 0 58.333%;
        max-width: 58.333%;
    }

    #DealerFooterInside .col-8 {
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    #DealerFooterInside .col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    #DealerFooterInside .col-10 {
        flex: 0 0 83.333%;
        max-width: 83.333%;
    }

    #DealerFooterInside .col-11 {
        flex: 0 0 91.666%;
        max-width: 91.666%;
    }

    #DealerFooterInside .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }