/* Photo Cast — only the styles MudBlazor does not already provide. */

.photo-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* Scales with the viewport so the preview fits on a phone and fills a desktop. */
    height: min(60vh, 560px);
    min-height: 220px;
    background: var(--mud-palette-background-gray);
    overflow: hidden;
}

/* contain keeps the aspect ratio at every viewport size; the photo is never stretched. */
.photo-preview {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.photo-placeholder {
    width: 100%;
    height: 100%;
}

/*
 * MudBlazor 9.10 styles vertical step content only as a direct child of the
 * stepper, but renders it inside the nav, so the rule never applies: the content
 * loses its connector line and indent, and the step card covers the line. This
 * re-applies MudBlazor's own values to the actual nesting. The last step has no
 * following step, so it gets no line.
 */
.mud-stepper.mud-stepper__vertical .mud-stepper-content {
    margin-inline-start: 28px;
    padding-inline-start: 20px;
    padding-inline-end: 0;
    border-inline-start: 1px solid var(--mud-palette-lines-inputs);
}

.mud-stepper.mud-stepper__vertical .mud-stepper-content:last-child {
    border-inline-start-color: transparent;
}

/* Blazor's built-in error banner. */
#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1200;
    padding: 0.75rem 1.25rem;
    background: #ffd9d9;
    color: #3d0000;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/*
 * The request form's honeypot: a field people never see or tab into, and scripts
 * fill in. Hidden by position rather than display:none or hidden, which the
 * simplest bots skip.
 */
.honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}