/* ============================================================
   Onesown Blazor Components – Input (Textbox, Textarea, Numberbox)
   Abhängigkeit: theme1.css
   ============================================================ */


/* ── Wrapper ─────────────────────────────────────────────── */
.form--group {
    position: relative;
}
/* ── Input ───────────────────────────────────────────────── */

.form--input {
    /*padding: var(--oo-space-2) var(--oo-space-4);*/
    /*color: var(--oo-color-text);*/
    /*font-size: var(--oo-font-size-md);*/
    border: var(--oo-border-width) solid var(--oo-color-border);
    width: 100%;
    background-color: var(--oo-color-surface);
    /*box-sizing: border-box;*/
    /*font: inherit;*/
    border-radius: var(--oo-border-radius);
    font-size: inherit;
}

    .form--input:hover {
        border-color: var(--oo-color-border-strong);
    }

    .form--input:focus {
        color: var(--oo-color-text);
        border-color: var(--oo-primary);
        /* MR: überschreibt die default Browser anweisung */
        outline: 0;
    }

    /* Disabled: vollständig gesperrt – ausgegraut inkl. Label */
    .form--input:disabled,
    .form--input[disabled] {
        background-color: var(--oo-color-background);
        color: var(--oo-color-text-disabled);
        cursor: not-allowed;
    }

/* Disabled-Wrapper: Label + Input gemeinsam ausgegraut */
.form--group:has(.form--input:disabled) {
    opacity: 0.6;
    cursor: not-allowed;
}

    /* ReadOnly: Wert sichtbar und kopierbar, aber nicht editierbar */
    .form--input[readonly] {
        background-color: var(--oo-color-background);
        color: var(--oo-color-text);
        cursor: default;
        border-style: dashed;
    }
/* ── TextBox Input-Wrapper (für Clear-Button) → siehe textbox.css ── */