/* Local overrides for Pico CSS. */

main.container {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

footer.container {
    padding-top: 2rem;
    padding-bottom: 1rem;
    color: var(--pico-muted-color);
}

/* Tabulator: subtle low-confidence row tint, indicating reason codes that
   indicate the forecast leaned on a fallback (blank returns, low sample). */
.tabulator-row.low-confidence-row {
    background-color: #fff7e6 !important;
}
.tabulator-row.low-confidence-row.tabulator-row-even {
    background-color: #fff2d6 !important;
}

/* Hint that rows are clickable */
.tabulator-row { cursor: pointer; }
.tabulator-row:hover { background-color: var(--pico-table-row-stripped-background-color) !important; }

/* Tabulator pagination buttons.
   Pico CSS aggressively styles <button> elements globally; Tabulator's
   .tabulator-page buttons get caught in those rules and end up rendering
   invisibly (zero width/height, or transparent). We force them to render
   with sensible defaults regardless of what Pico is doing.
   The !important flags are unfortunate but necessary to override Pico's
   own !important rules on generic buttons. */
.tabulator .tabulator-footer .tabulator-paginator {
    display: flex !important;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    padding: 0.5rem 0;
}
.tabulator .tabulator-footer .tabulator-page {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-width: 2rem;
    padding: 0.25rem 0.6rem !important;
    margin: 0 !important;
    border: 1px solid var(--pico-muted-border-color) !important;
    background: var(--pico-background-color) !important;
    color: var(--pico-color) !important;
    font-size: 0.85rem !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
    cursor: pointer;
}
.tabulator .tabulator-footer .tabulator-page:hover:not([disabled]) {
    background: var(--pico-primary-background) !important;
    color: var(--pico-primary-inverse) !important;
}
.tabulator .tabulator-footer .tabulator-page[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}
.tabulator .tabulator-footer .tabulator-page.active {
    background: var(--pico-primary-background) !important;
    color: var(--pico-primary-inverse) !important;
    font-weight: 600;
}
/* The counter and size selector — ensure they align nicely with the buttons */
.tabulator .tabulator-footer .tabulator-paginator label {
    font-size: 0.85rem;
    margin: 0 0.25rem 0 0.5rem;
}
.tabulator .tabulator-footer .tabulator-paginator select {
    width: auto !important;
    margin: 0 !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.85rem;
}
.tabulator .tabulator-footer .tabulator-page-counter {
    margin-left: auto;
    font-size: 0.85rem;
    color: var(--pico-muted-color);
}

/* Week-on-week comparison table: delta cells.
   Pico applies a muted grey to table cell text which reads badly on the
   amber/blue pastel backgrounds; force explicit black text so the numbers
   stay easily readable. */
.delta-up {
    background: #fef3c7;
    color: #000 !important;
}
.delta-up small {
    color: #000 !important;
}
.delta-down {
    background: #dbeafe;
    color: #000 !important;
}
.delta-down small {
    color: #000 !important;
}