.b2b-brand-select {
position: relative;
width: 100%;
--b2b-brand-select-border: var(--b2b-select-border, #d2e3d7);
--b2b-brand-select-text: var(--b2b-select-text, #1f2937);
--b2b-brand-select-accent: var(--b2b-accent, #386f45);
--b2b-brand-select-accent-soft: var(--b2b-accent-soft, #eef5f0);
}
.b2b-brand-select__trigger {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
min-height: 40px !important;
padding: 0.5rem 0.75rem !important;
border: 1.5px solid var(--b2b-brand-select-border) !important;
border-radius: 10px !important;
background: #fff !important;
color: var(--b2b-brand-select-text) !important;
font-size: 0.875rem !important;
font-weight: 600 !important;
cursor: pointer !important;
text-align: left !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.b2b-brand-select__trigger:hover {
border-color: var(--b2b-brand-select-accent) !important;
}
.b2b-brand-select__trigger:focus {
outline: none !important;
border-color: var(--b2b-brand-select-accent) !important;
box-shadow: 0 0 0 3px rgba(56, 111, 69, 0.12) !important;
}
.b2b-brand-select__trigger:disabled {
opacity: 0.6 !important;
cursor: not-allowed !important;
}
.b2b-brand-select__label {
display: inline-block !important;
line-height: 1.2 !important;
}
.b2b-brand-select__icon {
width: 9px !important;
height: 9px !important;
border-right: 2px solid var(--b2b-brand-select-accent) !important;
border-bottom: 2px solid var(--b2b-brand-select-accent) !important;
transform: rotate(45deg);
margin-left: 0.65rem !important;
flex-shrink: 0 !important;
transition: transform 0.15s ease;
}
.b2b-brand-select--open .b2b-brand-select__icon {
transform: rotate(225deg);
}
.b2b-brand-select__menu {
position: absolute !important;
top: calc(100% + 6px) !important;
left: 0 !important;
right: 0 !important;
display: none !important;
background: #fff !important;
border: 1.5px solid #dbe5dc !important;
border-radius: 10px !important;
padding: 0.35rem !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12) !important;
z-index: 30 !important;
}
.b2b-brand-select--open .b2b-brand-select__menu {
display: block !important;
}
.b2b-brand-select__option {
display: block !important;
width: 100% !important;
border: 0 !important;
background: transparent !important;
border-radius: 8px !important;
padding: 0.5rem 0.65rem !important;
text-align: left !important;
font-size: 0.85rem !important;
font-weight: 500 !important;
color: #334155 !important;
cursor: pointer !important;
}
.b2b-brand-select__option:hover {
background: var(--b2b-brand-select-accent-soft) !important;
color: var(--b2b-brand-select-accent) !important;
}
.b2b-brand-select__option:focus {
outline: none !important;
background: var(--b2b-brand-select-accent-soft) !important;
}
.b2b-brand-select__option.is-selected {
background: var(--b2b-brand-select-accent-soft) !important;
color: var(--b2b-brand-select-accent) !important;
font-weight: 600 !important;
}
.b2b-brand-select--account-unified .b2b-brand-select__trigger {
border: 1.5px solid var(--b2b-brand-select-border) !important;
color: var(--b2b-brand-select-text) !important;
}
.b2b-brand-select--account-unified .b2b-brand-select__menu {
border: 1.5px solid var(--b2b-brand-select-border) !important;
}
.b2b-brand-select--account-unified .b2b-brand-select__option {
color: #334155 !important;
}
.b2b-locale-switcher {
display: block;
}
.b2b-locale-switcher--inline {
display: inline-flex;
align-items: center;
width: auto;
min-width: 156px;
}
.b2b-locale-switcher--inline .b2b-locale-switcher__mount,
.b2b-locale-switcher--inline .b2b-brand-select {
width: auto;
min-width: 156px;
}
.b2b-locale-switcher--inline .b2b-brand-select__trigger {
min-height: 34px !important;
padding: 0.36rem 0.58rem !important;
font-size: 0.8rem !important;
border-radius: 9px !important;
}
.b2b-locale-switcher--topbar {
display: inline-flex;
align-items: center;
width: auto;
}
.b2b-locale-switcher--topbar .b2b-locale-switcher__mount,
.b2b-locale-switcher--topbar .b2b-brand-select {
width: auto;
}
.b2b-locale-switcher--topbar .b2b-brand-select__menu {
right: 0 !important;
left: auto !important;
min-width: 178px;
z-index: 1000 !important;
}
.b2b-locale-switcher--theme-accent .b2b-brand-select__trigger {
background: #386f45 !important;
border-color: #2f5d39 !important;
color: #ffffff !important;
}
.b2b-locale-switcher--theme-accent .b2b-brand-select__icon {
border-right-color: #ffffff !important;
border-bottom-color: #ffffff !important;
}
.b2b-locale-switcher--theme-gray .b2b-brand-select__trigger {
background: #f4f6f5 !important;
border-color: #d5ddd8 !important;
color: #1f2937 !important;
}
.b2b-brand-select--icon-only .b2b-brand-select__trigger {
width: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
padding: 0 !important;
justify-content: center !important;
}
.b2b-brand-select--icon-only .b2b-brand-select__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.b2b-brand-select--icon-only .b2b-brand-select__trigger::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
background: url(//b2b.nusstra.de/wp-content/plugins/nusstra-b2b-core/assets/icons/language-globe.svg) center/16px 16px no-repeat !important;
}
.b2b-brand-select--icon-only .b2b-brand-select__icon {
display: none !important;
}
.b2b-locale-switcher--theme-accent .b2b-brand-select--icon-only .b2b-brand-select__trigger::before {
filter: brightness(0) invert(1);
}