/* Only layout constraints that the existing site utilities do not provide.
 * Visual styling is inherited from the home page's standard Bootstrap cards
 * and tables so this section remains consistent with surrounding content.
 */
.laco-home-hourly-table {
    min-width: 48rem;
}

.laco-home-daily-table {
    min-width: 31rem;
}

.laco-home-variable-button {
    margin-right: 2rem;
    cursor: default !important;
    pointer-events: none;
}

.laco-home-variable-button-label {
    display: inline-block;
    margin-right: .4rem;
}

.laco-home-summary table th,
.laco-home-summary table td {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.laco-home-summary table tr > :first-child {
    text-align: left;
}

.laco-home-summary [role="button"] {
    cursor: help;
}

.laco-home-mobile-section {
    display: none;
}

.laco-home-mobile-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    padding-top: .35rem;
}

.laco-home-daily-mobile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.laco-home-mobile-item {
    min-width: 0;
    line-height: 1.35;
}

.laco-home-mobile-today {
    grid-column: 1 / -1;
}

.laco-home-table-desktop.laco-table-overflow {
    display: none;
}

.laco-home-table-desktop.laco-table-overflow + .laco-home-mobile-section {
    display: block;
}

@media (max-width: 479.98px) {
    .laco-home-table-desktop {
        display: none;
    }

    .laco-home-mobile-section {
        display: block;
    }

    .laco-home-summary .border-top .btn {
        width: 100%;
        margin-top: .5rem;
    }
}