.lxua-idl {
    position: relative;
    display: inline-block;
}

/* Trigger */
.lxua-idl-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.lxua-idl-trigger-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
}

.lxua-idl-trigger-icon i,
.lxua-idl-trigger-icon span,
.lxua-idl-trigger-icon svg,
.lxua-idl-trigger-icon img {
    display: block;
}

.lxua-idl-trigger-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.lxua-idl-trigger-icon img {
    width: 1em;
    height: auto;
}

.lxua-idl-trigger-text {
    min-width: 0;
}

/* Dropdown */
.lxua-idl-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 220px;
    margin: 6px 0 0;
    padding: 8px;
    list-style: none;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.lxua-idl:hover .lxua-idl-dropdown,
.lxua-idl:focus-within .lxua-idl-dropdown,
.lxua-idl.lxua-idl-open .lxua-idl-dropdown {
    opacity: 1;
    visibility: visible;
}

/* Item */
.lxua-idl-item {
    margin: 0;
    padding: 8px 12px;
    list-style: none;
    background-color: var(--lxua-item-bg, transparent);
    transition: background-color 0.2s ease;
}

.lxua-idl-item:hover {
    background-color: var(--lxua-item-hover-bg, var(--lxua-item-bg, transparent));
}

/* Repeater 内设置优先于全局：普通态颜色通过内联 CSS 变量传入，
   Hover 态回退到对应的普通态变量，保证未设置 Hover 色时保持原色 */
.lxua-idl-item-link {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.lxua-idl-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    color: var(--lxua-icon-color, inherit);
    transition: color 0.2s ease;
}

.lxua-idl-item:hover .lxua-idl-icon {
    color: var(--lxua-icon-hover-color, var(--lxua-icon-color, inherit));
}

.lxua-idl-icon i,
.lxua-idl-icon span,
.lxua-idl-icon svg,
.lxua-idl-icon img {
    display: block;
}

.lxua-idl-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.lxua-idl-icon img {
    width: 1em;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.lxua-idl-title {
    min-width: 0;
    color: var(--lxua-text-color, inherit);
    transition: color 0.2s ease;
}

.lxua-idl-item:hover .lxua-idl-title {
    color: var(--lxua-text-hover-color, var(--lxua-text-color, inherit));
}