// Bootstrap variable overrides
$info: #6f42c1;
$body-bg: #eee;
$body-secondary-color: #808080;
$font-size-base: 1rem;
$font-family-monospace: monospace;
$input-line-height: 1;
$input-padding-y: 0.275rem;
$input-padding-x: 0.375rem;
$input-padding-y-sm: 0.2rem;
$input-padding-x-sm: 0.275rem;
$input-padding-y-lg: 0.375rem;
$input-padding-x-lg: 0.75rem;
$input-btn-padding-y: 0.16rem;
$input-btn-padding-y-sm: 0.1rem;
$border-radius: 0.15rem;
$border-radius-sm: 0.1rem;
$border-radius-lg: 0.2rem;
$input-border-radius: 0;
$input-border-radius-sm: 0;
$input-border-radius-lg: 0;
$spacer: 0.5rem;
$nav-link-padding-y: 0.25rem;
$input-btn-focus-width: 0.2rem;
$form-select-indicator-color: silver;
$dropdown-padding-y: 0.3rem;
$tooltip-font-size: $font-size-base;
$tooltip-padding-y: $spacer * 0.5;
$tooltip-padding-x: $spacer * 1;

// Should be the last line after overrides
@import "~bootstrap/scss/bootstrap";

.btn, button.btn {
    cursor: default;
}

a.btn-link:hover {
    cursor: pointer;
}

.text-muted { // This is deprecated in v5.3, but we still want to use this class
    color: $body-secondary-color;
}

.form-control {
    color: var(--text-color);
    background-color: var(--form-control-background-color);
    border-color: var(--border-color);

    &:focus {
        color: var(--text-color);
        background-color: var(--form-control-background-color);
        border-color: var(--active-color);
    }

    &[disabled],
    &[disabled="true"] {
        background-color: var(--form-control-disabled-background-color);
    }
}

textarea.form-control {
    // We overrode input line height above to be 1 on inputs, we don't want that for textareas
    line-height: $line-height-base;
}

.form-select {
    background-color: var(--form-control-background-color);
    color: var(--text-color);
    border-color: var(--border-color);

    &[disabled],
    &[disabled="true"] {
        background-color: var(--form-control-disabled-background-color);
    }
}

.list-group-item {
    background: var(--list-background);
    color: var(--text-color);

    &.list-group-item-action:not(.active):hover {
        background: var(--hover-color);
        color: var(--text-color);
    }

    &.active {
        background: var(--active-color);
        color: var(--text-strong-color);
    }

    &.active:hover {
        background: var(--active-color);
    }
}

.nav-tabs {
    border-bottom-color: var(--border-color);
}

.table {
    color: var(--text-color);

    tr {
        td {
            border-bottom-color: var(--border-color);
        }

        &.active > td {
            background: var(--active-color);

            * {
                color: var(--text-color);
            }
        }

        &:hover > td {
            --bs-table-hover-bg: var(--hover-color);
            color: var(--text-color);
        }
    }
}

.dropdown {
    > .btn {
        color: var(--text-color);
    }
}

.dropdown-menu {
    background: var(--list-background);
    color: var(--text-color);
    border-color: var(--border-color);

    .dropdown-item {
        color: var(--text-color);
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        background: var(--hover-color);
    }

    .dropdown-divider {
        border-color: var(--border-color);
    }
}

.badge {
    color: var(--text-strong-color);
}
