/*
Top bar
==================================================
Contains skin styles for the top bar located at the top of the page.
The top bar contains e.g. the language switcher, the currency switcher and the service menu.
*/

.top-bar-nav-btn.btn {
    --#{$prefix}btn-focus-box-shadow: #{$input-btn-focus-box-shadow};
    --#{$prefix}btn-color: #{$body-color};
    --#{$prefix}btn-font-weight: #{$font-weight-normal};
    --#{$prefix}btn-border-width: 0;
    --#{$prefix}btn-border-color: transparent;
    --#{$prefix}btn-padding-x: 0;
    --#{$prefix}btn-padding-y: 0;
    --#{$prefix}btn-hover-color: #{$primary};
}

.top-bar-list {
    --#{$prefix}dropdown-link-hover-bg: transparent;
    --#{$prefix}dropdown-link-hover-color: #{$primary};
    --#{$prefix}dropdown-link-active-color: #{$primary};
    --#{$prefix}dropdown-link-active-bg: transparent;
}

.top-bar-list-item-currency-symbol {
    min-width: 1.7rem;
}

// @deprecated tag:v6.7.0 - Special label styling will be removed. Buttons will be used as documented by Bootstrap: https://getbootstrap.com/docs/5.3/components/dropdowns/#menu-items
@if not feature('ACCESSIBILITY_TWEAKS') {
    .top-bar-list-item {
        &:hover .top-bar-list-label {
            cursor: pointer;
        }
    }
}
