/* Portal-specific overrides on top of MyFreight.Ui (myfreight.css). */

/* Headings must never show a focus ring from programmatic navigation focus. */
h1:focus,
h1:focus-visible,
h1[tabindex="-1"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Blazor adds valid/modified after a successful edit. Green outline is off by default;
   add class mc-show-valid-outline on a form (or field) to re-enable it. */
.mc-input.valid.modified,
.mc-select.valid.modified,
textarea.mc-input.valid.modified {
    outline: none;
    border-color: var(--color-border);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.mc-show-valid-outline .mc-input.valid.modified,
.mc-show-valid-outline .mc-select.valid.modified,
.mc-show-valid-outline textarea.mc-input.valid.modified,
.mc-input.mc-show-valid-outline.valid.modified,
.mc-select.mc-show-valid-outline.valid.modified,
textarea.mc-input.mc-show-valid-outline.valid.modified {
    border-color: var(--color-success);
    box-shadow: 0 0 0 1px var(--color-success);
}

.mc-input.invalid,
.mc-select.invalid,
textarea.mc-input.invalid {
    outline: none;
    border-color: var(--color-danger);
    box-shadow: 0 0 0 1px var(--color-danger);
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }