/* VELAXIZ v1.48.0 — Solutions archive/category layout refinement. */

/*
 * Solution Type navigation is data-driven now. Every taxonomy term gets the
 * same share of the row instead of the old hard-coded 50/50 split.
 */
.solution-navs {
    display: grid;
    grid-template-columns: repeat(var(--solution-nav-count, 1), minmax(0, 1fr));
    width: 100%;
}

.solution-navs .items {
    width: auto;
    min-width: 0;
    padding-right: 18px;
    padding-left: 18px;
}

.solution-navs .items:last-child {
    border-right: 0;
}

/*
 * Give the Solution listing more room than the site's ordinary 1280px
 * container, while deliberately retaining a clear right-side gutter for the
 * global floating contact controls.
 */
@media (min-width: 1200px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        width: calc(100% - 176px);
        max-width: 1500px;
    }

    body.post-type-archive-solution .app-section .apps,
    body.tax-solution-type .app-section .apps {
        justify-content: flex-start;
        gap: 30px 0;
        margin-right: -10px;
        margin-left: -10px;
    }

    body.post-type-archive-solution .app-section .app,
    body.post-type-archive-solution .app-section .app.w-25,
    body.tax-solution-type .app-section .app,
    body.tax-solution-type .app-section .app.w-25 {
        width: 20%;
        max-width: none;
        padding-right: 10px;
        padding-left: 10px;
    }

    body.post-type-archive-solution .app-section .app__body,
    body.tax-solution-type .app-section .app__body {
        padding-right: 14px;
        padding-left: 14px;
    }
}

/* Keep the cards usable as the viewport approaches tablet width. */
@media (min-width: 992px) and (max-width: 1199px) {
    body.post-type-archive-solution .app-section > .themeflat-container2,
    body.tax-solution-type .app-section > .themeflat-container2 {
        width: calc(100% - 112px);
        max-width: none;
    }

    body.post-type-archive-solution .app-section .apps,
    body.tax-solution-type .app-section .apps {
        justify-content: flex-start;
        gap: 26px 0;
        margin-right: -9px;
        margin-left: -9px;
    }

    body.post-type-archive-solution .app-section .app,
    body.post-type-archive-solution .app-section .app.w-25,
    body.tax-solution-type .app-section .app,
    body.tax-solution-type .app-section .app.w-25 {
        width: 25%;
        max-width: none;
        padding-right: 9px;
        padding-left: 9px;
    }
}

@media (max-width: 991px) {
    .solution-navs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solution-navs .items {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 13px 12px;
        font-size: 17px;
    }
}

@media (max-width: 560px) {
    .solution-navs {
        grid-template-columns: minmax(0, 1fr);
    }

    .solution-navs .items {
        border-right: 0;
    }
}