@use "variables" as *;

.p-menu {
    padding: $spacing-1 0;
    background: $white;
    color: $black;
    border: 1px solid $color-palette-gray-500;
    border-radius: $border-radius-md;
    min-width: 7.5rem;
}

.p-menu .p-menuitem-link {
    padding: $spacing-2 $spacing-4;
    color: $black;
    border-radius: 0;
    transition: none;
    user-select: none;
}

.p-menu .p-menuitem-link .p-menuitem-text {
    color: $black;
}

.p-menu .p-menuitem-link .p-menuitem-icon {
    color: $color-palette-gray-600;
    margin-right: $spacing-1;
}

.p-menu .p-menuitem-link .p-submenu-icon {
    color: $black;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover {
    background: $bg-hover;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: $text-color-hover;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: $text-color-hover;
}

.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: $text-color-hover;
}

.p-menu .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
}

.p-menu.p-menu-overlay {
    background: $white;
    border: 0 none;
    box-shadow: $shadow-m;
}

.p-menu .p-submenu-header {
    margin: 0;
    padding: $spacing-2;
    color: $black;
    background: $white;
    font-weight: $font-weight-bold;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.p-menu .p-menu-separator {
    border-top: 1px solid $color-palette-black-op-10;
    margin: $spacing-1 $spacing-3;
}

.p-menu .p-disabled {
    opacity: $field-disabled-opacity;
}
