/* Custom UI enhancements for Complete Seller Verification Profile */

/* Ensure floating labels have consistent styling */
.form-floating > .form-control {
    height: auto;
    padding: 1rem .75rem .25rem;
    border-radius: .5rem;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.form-floating > label {
    left: .75rem;
    top: .75rem;
    padding: 0 .25rem;
    font-size: .85rem;
    color: #6c757d;
    transition: all .2s ease-in-out;
}

.form-control:focus {
    border-color: #28a745; /* using existing primary color */
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}

/* Spinner visibility toggle */
button .spinner-border {
    margin-right: .5rem;
}

/* Tooltip styling (uses Bootstrap defaults) */
[data-bs-toggle="tooltip"] {
    cursor: help;
}
/* Soft form theme shared across auth and dashboard forms */
:root {
    --ivp-form-bg: #f7f9fc;
    --ivp-form-border: #d9e3ee;
    --ivp-form-text: #1f2f3d;
    --ivp-form-muted: #7a8a9a;
    --ivp-form-focus: #1e6f61;
    --ivp-form-focus-ring: rgba(30, 111, 97, 0.14);
    --ivp-form-valid: #1f9d64;
    --ivp-form-invalid: #d64545;
}

.form-control,
.custom-select,
.form-select,
textarea.form-control,
select.form-control {
    background-color: var(--ivp-form-bg);
    border-color: var(--ivp-form-border);
    border-radius: 8px;
    color: var(--ivp-form-text);
    min-height: 44px;
    padding: 0.72rem 1rem;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

textarea.form-control {
    min-height: 112px;
}

.form-control::placeholder {
    color: var(--ivp-form-muted);
}

.form-control:focus,
.custom-select:focus,
.form-select:focus,
select.form-control:focus,
textarea.form-control:focus {
    background-color: #ffffff;
    border-color: var(--ivp-form-focus);
    box-shadow: 0 0 0 .2rem var(--ivp-form-focus-ring);
    color: var(--ivp-form-text);
}

.form-control.is-valid,
.custom-select.is-valid,
.form-select.is-valid {
    border-color: var(--ivp-form-valid);
    background-color: #f6fcf9;
}

.form-control.is-invalid,
.custom-select.is-invalid,
.form-select.is-invalid {
    border-color: var(--ivp-form-invalid);
    background-color: #fffafa;
}

.invalid-feedback,
.valid-feedback,
.validation-msg {
    font-size: .78rem;
    margin-top: .28rem;
}

.register-input-group {
    background: var(--ivp-form-bg) !important;
    border-color: var(--ivp-form-border) !important;
}

.register-input-field {
    min-height: 44px !important;
    padding: 0.72rem 1rem !important;
}