/* Ideal Postcodes Address Finder layout fixes.
   On setup the widget wraps the lookup <input> in a <div class="idpc_autocomplete">, which then
   becomes the flex child of the Blazorise/Bootstrap .input-group in place of the input. As a flex
   item with no grow it collapses to its content width, so the lookup box ends up narrower than the
   address fields below it. These rules restore the full-width, unified appearance of the original
   (disabled) lookup field. Selectors only match where the finder has attached, so other input
   groups in the app are unaffected. */

.input-group > .idpc_autocomplete {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

.input-group > .idpc_autocomplete > input {
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Ideal Postcodes injectStyle defaults to dark text; force theme colors on dark auth forms. */
.dark-input .idpc_autocomplete > input,
.dark-input .idpc_autocomplete > input:focus,
.dark-input .idpc_autocomplete > input:active,
.input-holder.dark-input .idpc_autocomplete > input,
.input-holder.dark-input .idpc_autocomplete > input:focus,
.input-holder.dark-input .idpc_autocomplete > input:active {
    color: var(--primary-text-color) !important;
    -webkit-text-fill-color: var(--primary-text-color) !important;
    caret-color: var(--primary-text-color);
    background-color: var(--primary-bg-color) !important;
}

.dark-input .idpc_autocomplete > input::placeholder,
.input-holder.dark-input .idpc_autocomplete > input::placeholder {
    color: var(--cl-grey-6) !important;
    -webkit-text-fill-color: var(--cl-grey-6) !important;
    opacity: 1;
}