/* Dropdown */
.wpcz .wpcz-dropdown {
    position: relative;
    z-index: 1;
}

.wpcz .wpcz-dropdown--is-expanded {
    z-index: 2;
}

.wpcz .wpcz-dropdown__btn-icon {
    margin-inline-end: -0.375em;
}

.wpcz .wpcz-dropdown__list {
    display: none;
    position: absolute;
    z-index: 2;
    inset-block-start: 3em;
    inset-inline-start: 0;
    margin: 0;
    padding: 0.125em;
    min-inline-size: 10em;
    max-block-size: 12em;
    overflow-y: auto;
    list-style: none;
    background-color: var(--wpcz-dropdown-bg-color);
    border: 1px solid var(--wpcz-dropdown-border-color);
    border-radius: var(--wpcz-radius);
}

.wpcz .wpcz-dropdown--is-expanded .wpcz-dropdown__list {
    display: block;
}

.wpcz .wpcz-dropdown__item {
    margin: 0;
}

.wpcz .wpcz-dropdown__item:not(:first-child) {
    margin-block-start: 0.125em;
}

.wpcz .wpcz-dropdown__link {
    position: relative;
    z-index: 1;
    display: block;
    padding-block: 0.5em;
    padding-inline: 1em;
    text-decoration: none;
    background-color: var(--wpcz-dropdown-bg-color);
    color: var(--wpcz-dropdown-text-color);
    border-radius: var(--wpcz-radius);
}

.wpcz .wpcz-dropdown__link:hover,
.wpcz .wpcz-dropdown__link:focus {
    text-decoration: none;
    background-color: var(--wpcz-dropdown-bg-color-hover);
    color: var(--wpcz-dropdown-text-color);
}

.wpcz .wpcz-dropdown__link:focus {
    outline: none;
    box-shadow: none;
}

.wpcz .wpcz-dropdown__link:focus-visible {
    box-shadow: inset 0 0 0 2px var(--wpcz-default-bg-color), inset 0 0 0 4px var(--wpcz-btn-outline-focus-inner-color);
    outline: none;
}

.wpcz .wpcz-dropdown__link:active {
    text-decoration: none;
    color: var(--wpcz-dropdown-text-color);
}

.wpcz .wpcz-dropdown__link--selected {
    background-color: var(--wpcz-dropdown-bg-color-selected);
}