/* Seemleius region switcher — header + footer. */

.sm-region-switcher {
	position: relative;
	display: inline-block;
	font-family: var(--sm-font-display, 'Plus Jakarta Sans', sans-serif);
	font-size: 0.875rem;
	color: var(--sm-navy, #2B2C70);
}

.sm-region-switcher__trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: transparent;
	border: 1.5px solid var(--sm-border, #E4E6EB);
	border-radius: var(--sm-radius-pill, 999px);
	padding: 0.5rem 0.875rem 0.5rem 0.75rem;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: border-color 200ms cubic-bezier(0.22, 1, 0.36, 1), background 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sm-region-switcher__trigger:hover {
	border-color: var(--sm-green, #7BC144);
	background: var(--sm-green-tint, #EFF8E6);
}

.sm-region-switcher__trigger[aria-expanded="true"] {
	border-color: var(--sm-green, #7BC144);
	background: var(--sm-green-tint, #EFF8E6);
}

.sm-region-switcher__pin {
	display: inline-flex;
	color: var(--sm-green, #7BC144);
}

.sm-region-switcher__caret {
	transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sm-region-switcher__trigger[aria-expanded="true"] .sm-region-switcher__caret {
	transform: rotate(180deg);
}

.sm-region-switcher__menu {
	position: absolute;
	top: calc(100% + 0.5rem);
	right: 0;
	min-width: 12rem;
	background: var(--sm-white, #FFFFFF);
	border-radius: var(--sm-radius-md, 12px);
	box-shadow: var(--sm-shadow-lg, 0 12px 32px rgba(43, 44, 112, 0.12));
	padding: 0.375rem;
	margin: 0;
	list-style: none;
	z-index: 1000;
}

.sm-region-switcher[data-context="footer"] .sm-region-switcher__menu {
	bottom: calc(100% + 0.5rem);
	top: auto;
}

.sm-region-switcher__menu li {
	margin: 0;
	padding: 0;
}

.sm-region-switcher__menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.625rem 0.875rem;
	border-radius: var(--sm-radius-sm, 6px);
	color: var(--sm-navy, #2B2C70);
	font-weight: 500;
	text-decoration: none;
	transition: background 150ms cubic-bezier(0.22, 1, 0.36, 1);
}

.sm-region-switcher__menu a:hover {
	background: var(--sm-green-tint, #EFF8E6);
	color: var(--sm-navy, #2B2C70);
}

.sm-region-switcher__menu li[aria-selected="true"] a {
	color: var(--sm-green-dark, #6BAB39);
	font-weight: 600;
}

/* Region flag inside the switcher — much clearer "which branch am I on" cue. */
.sm-region-switcher__flag {
	display: inline-block;
	font-size: 1.05em;
	line-height: 1;
}
.sm-region-switcher__menu .sm-region-switcher__flag {
	margin-right: 0.4rem;
}