/* =========================================================
 * IFAD Multicurrency — switcher widget styles.
 * Matches the existing Yay Currency styling already used in
 * the site header (brand color #0e0e31, no border, simple
 * caret), so visual placement does not change.
 * ========================================================= */

.ifadj-mc-switcher {
	position: relative;
	display: inline-block;
	font-family: inherit;
	font-size: 15px;
	color: #0e0e31;
	line-height: 1;
	user-select: none;
}

.ifadj-mc-switcher__trigger {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 0;
	padding: 4px 0;
	margin: 0;
	cursor: pointer;
	color: inherit;
	font: inherit;
	height: 20px;
}

.ifadj-mc-switcher__trigger:focus { outline: none; }

.ifadj-mc-switcher__code {
	font-weight: 500;
	letter-spacing: .02em;
}

.ifadj-mc-switcher__caret {
	transition: transform .15s ease;
	flex-shrink: 0;
}

.ifadj-mc-switcher.is-open .ifadj-mc-switcher__caret {
	transform: rotate(180deg);
}

.ifadj-mc-switcher__menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 80px;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #e7e7e7;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
	z-index: 1000;
}

.ifadj-mc-switcher__menu[hidden] { display: none; }

.ifadj-mc-switcher__option {
	padding: 6px 14px;
	cursor: pointer;
	color: #0e0e31;
	white-space: nowrap;
}

.ifadj-mc-switcher__option:hover,
.ifadj-mc-switcher__option.is-selected {
	color: #888888;
	background: #fff;
}

/* Match the .yay-currency-custom-select-wrapper.no-currency-name fit-content rule
   so the widget sits well in the existing header sidebar. */
.ifadj-mc-switcher { width: fit-content; }