/* Portal EHS Global Styles */
/* This file bypasses shadow DOM to style lightning components */

/* Fix for lightning-input date picker year selector clipping */
lightning-calendar lightning-select .slds-select {
    height: 3rem !important;
    width: 4.5rem !important;
}

/* Fix for typeahead progress bar height */
runtime_omnistudio_omniscript-omniscript-typeahead-block runtime_omnistudio_common-progress-bar .slds-progress-bar {
    height: 0.125rem !important;
}

/* Fix for typeahead progress bar position */
runtime_omnistudio_omniscript-omniscript-typeahead-block runtime_omnistudio_common-progress-bar[data-progress-bar] {
    top: calc(var(--slds-g-sizing-5, 1rem) * 4.4) !important; /* Currently using arbitrary value of 3.2 in base omnistudio, updated to match size of qld input */
}

/* Fix for typeahead block not stretching full distance */
runtime_omnistudio_omniscript-omniscript-typeahead-block runtime_omnistudio_common-typeahead input[role="combobox"] {
    max-width: none !important;
}

/* Fix for typeahead label size and colour */
runtime_omnistudio_omniscript-omniscript-typeahead-block runtime_omnistudio_common-typeahead label,
runtime_omnistudio_omniscript-omniscript-typeahead-block label.typeahead-label{
    color: var(--QLD-color-light__text) !important;
    font-weight: 600;
    line-height: 1.5rem;
    font-size: 1rem !important;
}

/* Remove text-decoration from typeahead label */
runtime_omnistudio_omniscript-omniscript-typeahead-block runtime_omnistudio_common-typeahead label abbr {
    text-decoration: none !important;
}

/* Sizing fix for typeahead listbox options */
runtime_omnistudio_omniscript-omniscript-typeahead-block .slds-listbox_vertical .slds-listbox__option {
    font-size: var(--dxp-c-input-text-font-size, var(--dxp-s-form-element-text-font-size, var(--dxp-s-body-font-size)));
    font-family: var(--dxp-s-form-element-text-font-family, var(--dxp-s-body-font-family));
    font-weight: var(--dxp-s-form-element-text-font-weight, var(--dxp-s-body-font-weight));
    font-style: var(--dxp-s-form-element-text-font-style, var(--dxp-s-body-font-style));
    text-decoration: var(--dxp-s-form-element-text-text-decoration);
    text-transform: var(--dxp-s-form-element-text-text-transform, var(--dxp-s-body-text-transform));
    line-height: var(--dxp-s-form-element-text-line-height, var(--dxp-s-body-line-height));
    letter-spacing: var(--dxp-s-form-element-text-letter-spacing, var(--dxp-s-body-letter-spacing));
}