/**
 * Header Extra row: customer type switcher (Privat | Företag).
 * Använder samma klasser som navet (c-site-nav__nav-item u-height-1/1) för exakt samma färg och hover.
 *
 * @package Popup
 */

.popup-customer-switcher.c-site-nav__list {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	height: auto;
}

/* Ta bort extra mellanrum som kommer från nav-klasserna */
.popup-customer-switcher.c-site-nav__list > .c-site-nav__list__item,
.popup-customer-switcher.c-site-nav__list > .popup-switcher-sep-wrap {
	margin: 0;
	padding: 0;
}

.popup-customer-switcher.c-site-nav__list > .c-site-nav__list__item + .c-site-nav__list__item,
.popup-customer-switcher.c-site-nav__list > .c-site-nav__list__item + .popup-switcher-sep-wrap,
.popup-customer-switcher.c-site-nav__list > .popup-switcher-sep-wrap + .c-site-nav__list__item {
	margin-left: 0.25rem;
}

.popup-customer-switcher.c-site-nav__list > .popup-switcher-sep-wrap {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

/* Separatoren "|" – inte en nav-länk */
.popup-switcher-sep-wrap {
	display: table-cell;
	height: auto;
}

.popup-switcher-sep-wrap > * {
	display: table-cell;
	vertical-align: middle;
}

.popup-switcher-sep {
	opacity: 0.6;
	user-select: none;
}