@import "../../../../../assets/styles/settings/_colors";

:host {
    ::ng-deep {
        cmn-nav-bar {
            .navbar {
                min-height: 0;
                height: 40px;

                .container {
                    min-height: 0;
                }

                .navbar-item {
                    padding-left: 0;
                    margin-right: 2em;
                    text-transform: uppercase;

                    &:hover {
                        color: $primary !important;
                        background-color: transparent !important;
                    }
                }

                cmn-lang-picker {
                    cmn-dropdown {
                        .dropdown-trigger {
                            button {
                                background-color: transparent;
                                color: white;
                                font-weight: 100;
                                text-transform: uppercase;
                            }
                        }

                        .dropdown-menu {
                            min-width: 0;

                            .dropdown-content {
                                border-radius: 0;
                                background-color: #444444;

                                .dropdown-item {
                                    color: white;
                                    font-size: 12px;
                                    padding: 1em 1.5em;
                                    text-transform: uppercase;

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