@import "../_colors";

body p-tieredmenu {
    .p-tieredmenu {
        min-width: auto;
    }
    .p-tieredmenu-root-list {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;

        .p-tieredmenu-root-list,
        .p-submenu-list {
            padding: 2px 0;
            border-radius: 4px;
        }

        .p-tieredmenu-item {
            display: flex;
            padding: 16px;
            align-items: center;

            .p-tieredmenu-item-content {
                width: 100%;

                .p-tieredmenu-item-link {
                    display: flex;
                    gap: 8px;
                    position: relative;
                    color: $primary-dark-text-color;
                    font-size: 14px;
                    font-family: "Open Sans", sans-serif;
                    font-weight: 400;
                    text-decoration: none;

                    .p-icon-wrapper {
                        position: absolute;
                        right: 0;
                    }
                }
            }

            &:hover {
                background-color: $hover-color;
            }
        }
    }
}