/**
 * Dropdown Component
 */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--z-index-dropdown, 1000);
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    background: var(--color-bg-primary, #fff);
    border: 1px solid var(--color-neutral-300, #dee2e6);
    border-radius: var(--radius-md, 0.5rem);
    box-shadow: var(--shadow-lg);
}

.dropdown.show .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    color: var(--color-text-primary, #212529);
    text-decoration: none;
    background: transparent;
    border: 0;
    text-align: left;
}

.dropdown-item:hover {
    background: var(--color-primary-50, #e6f7f6);
    color: var(--color-primary-700, #147a73);
}