/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/lightning-input-address.css?{ versionKey }"/> */

/* Component grid */

lightning-input-address .slds-form-element__row {
    display: none !important;
}

lightning-input-address .slds-form-element__row.slds-grow {
    display: flex !important;
    margin-bottom: 0 !important;
}

lightning-input-address legend.slds-form-element__label {
    display: none !important;
}

lightning-input-address lightning-lookup-address .slds-form-element__label {
    display: none !important;
}

/* Search Input */

lightning-input-address lightning-lookup-address input.slds-combobox__input {
    padding-top: var(--ecomm-form-spacing-field-padding-top);
    padding-right: var(--ecomm-form-spacing-field-padding-right);
    padding-bottom: var(--ecomm-form-spacing-field-padding-bottom);
    padding-left: 2.75rem;
    font-family: var(--ecomm-form-input-text-font-family);
    font-size: var(--ecomm-form-input-text-font-size);
    font-style: var(--ecomm-form-input-text-font-style);
    font-weight: var(--ecomm-form-input-text-font-weight);
    text-decoration: var(--ecomm-form-input-text-text-decoration);
    text-transform: var(--ecomm-form-input-text-text-transform);
    /* line-height: var(--ecomm-form-input-text-line-height); */
    line-height: var(--ecomm-form-element-line-height); /* It's important for element height */
    letter-spacing: var(--ecomm-form-input-text-letter-spacing);
    border-radius: var(--ecomm-form-borders-field-border-radius);
    border-width: var(--ecomm-form-borders-field-border-width);
    color: var(--ecomm-color-form-input-text);
    border-color: var(--ecomm-color-form-field-border);
    background-color: var(--ecomm-color-form-field-background-fill);
    outline-width: var(--ecomm-form-element-outline-width) !important;
    outline-style: var(--ecomm-form-element-outline-style) !important;
    outline-color: var(--ecomm-form-element-outline-color) !important;
    outline-offset: var(--ecomm-form-element-outline-offset);
    transition:
        color var(--ecomm-transition-color),
        border-color var(--ecomm-transition-border-color),
        background-color var(--ecomm-transition-background-color),
        box-shadow var(--ecomm-transition-box-shadow),
        outline-color var(--ecomm-transition-outline-color)
    !important;
}

/* Search Input Placeholder */

lightning-input-address lightning-lookup-address input.slds-combobox__input::placeholder,
lightning-input-address lightning-lookup-address input.slds-combobox__input::-webkit-input-placeholder {
    color: var(--ecomm-color-form-placeholder-text);
    transition: color var(--ecomm-transition-color);
}

/* Search Input Placeholder Disabled */

lightning-input-address lightning-lookup-address input.slds-combobox__input:disabled::placeholder,
lightning-input-address lightning-lookup-address input.slds-combobox__input:disabled::-webkit-input-placeholder {
    color: var(--ecomm-form-element-placeholder-disabled-color);
}

/* Search Input Hover */

lightning-input-address lightning-lookup-address input.slds-combobox__input:not(:disabled):hover {
    border-color: var(--ecomm-form-element-border-color-hover);
    box-shadow: var(--ecomm-form-element-box-shadow-hover);
}

/* Search Input Focus */

lightning-input-address lightning-lookup-address input.slds-combobox__input:not(:disabled):focus,
lightning-input-address lightning-lookup-address input.slds-combobox__input:not(:disabled):active {
    color: var(--ecomm-color-form-input-text-focus);
    border-color: var(--ecomm-color-form-field-border-focus);
    outline-color: var(--ecomm-form-element-outline-color-focus) !important;
    background-color: var(--ecomm-color-form-field-background-focus);
    box-shadow: var(--ecomm-form-element-box-shadow-focus);
}

/* Input Disabled */

lightning-input-address lightning-lookup-address input.slds-combobox__input:disabled {
    color: var(--ecomm-form-element-disabled-color);
    border-color: var(--ecomm-form-element-disabled-border-color);
    background-color: var(--ecomm-form-element-disabled-background-color);
    box-shadow: unset;
}

/* Input Icon Search */

lightning-input-address lightning-lookup-address .slds-input__icon-group {
    right: unset;
    left: 0.75rem;
    top: 0.75rem;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    pointer-events: none;
}

lightning-input-address lightning-lookup-address .slds-input__icon-group::after {
    display: block;
    content: var(--ecomm-form-icon-search);
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
    transform: opacity 0.1s;
}

lightning-input-address lightning-lookup-address:has(input.slds-combobox__input:disabled) .slds-input__icon-group::after {
    opacity: 0.6;
}

lightning-input-address lightning-lookup-address .slds-input__icon {
    display: none;
}

/* Input Options */

lightning-input-address lightning-lookup-address .slds-dropdown {
    color: var(--ecomm-color-form-dropdown-text);
    border-color: var(--ecomm-color-form-dropdown-border);
    background-color: var(--ecomm-color-form-dropdown-background);
}

lightning-input-address lightning-lookup-address .slds-dropdown > div:last-child {
    display: none;
}

lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option:hover
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option:focus
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option.slds-has-focus,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option.slds-has-focus:hover,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option.slds-has-focus:focus,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"],
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"]:hover,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"]:focus,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"].slds-has-focus,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"].slds-has-focus:hover,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option[aria-selected="true"].slds-has-focus:focus {
    color: var(--ecomm-color-form-dropdown-text-hover);
    border-color: transparent !important;
    background-color: var(--ecomm-color-form-dropdown-background-hover);
    box-shadow: unset;
    outline: 0;
}

lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option-icon lightning-icon {
    display: none;
}

lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option-icon {
    position: relative;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
}

lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option-icon::after {
    display: block;
    content: var(--ecomm-form-icon-point);
    width: 100%;
    height: 100%;
}

lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option-text_entity,
lightning-input-address lightning-lookup-address .slds-listbox .slds-listbox__option-meta_entity {
    margin-bottom: 0;
    line-height: 1.5rem;
    color: inherit !important;
}