/* Finance Hamster — language switcher + geo-suggest banner. */

.fh-i18n-bar { position: fixed; z-index: 9999; right: 16px; bottom: 16px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }

/* Language switcher */
.fh-lang { font: 500 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.fh-lang__toggle {
	display: inline-flex; align-items: center; gap: 7px; cursor: pointer;
	background: #fff; color: #1f2937; border: 1px solid #e5e7eb; border-radius: 999px;
	padding: 8px 14px; box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.fh-lang__toggle:hover { border-color: #d1d5db; }
.fh-lang__flag { font-size: 16px; line-height: 1; }
.fh-lang__caret { font-size: 10px; opacity: .7; }
/* NOTE: the dropdown's show/hide is driven ONLY by the [hidden] attribute (toggled in JS), so we
   must NOT set `display` on .fh-lang__menu here — a `display` rule would beat the UA [hidden]
   rule and the menu would never close. We only style its appearance + position. */
.fh-lang__menu {
	list-style: none; margin: 6px 0 0; padding: 6px; min-width: 180px;
	background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
	box-shadow: 0 8px 28px rgba(0,0,0,.14);
}
.fh-lang__menu[hidden] { display: none; } /* explicit, in case a theme reset removed the UA rule */
.fh-lang--inline .fh-lang__menu { position: static; }
.fh-lang--float .fh-lang__menu { position: absolute; right: 0; bottom: 100%; }
.fh-lang__item {
	display: flex; align-items: center; gap: 9px; padding: 8px 10px;
	border-radius: 8px; color: #1f2937; text-decoration: none; white-space: nowrap;
}
.fh-lang__item:hover { background: #f3f4f6; color: #1f2937; }
.fh-lang__item.fh-lang--active { font-weight: 700; background: #eef2ff; }
.fh-lang--inline { display: inline-block; position: relative; }

/* Header-nav variant: a light flag dropdown that fits inside the primary menu. */
.fh-lang-menu-item { position: relative; display: flex; align-items: center; list-style: none; }
.fh-lang-menu-item::marker { content: ""; }
.fh-lang--menu { position: relative; }
.fh-lang--menu .fh-lang__toggle {
	background: transparent; border: 0; box-shadow: none;
	padding: 6px 10px; color: inherit; font: inherit; line-height: 1.2;
}
.fh-lang--menu .fh-lang__toggle:hover { opacity: .8; }
.fh-lang--menu .fh-lang__name { font-size: .95em; }
.fh-lang--menu .fh-lang__menu {
	position: absolute; top: 100%; right: 0; left: auto; margin-top: 4px; z-index: 100000;
}

/* Geo-suggest banner */
.fh-geo {
	display: flex; align-items: center; gap: 12px; max-width: 420px;
	background: #111827; color: #f9fafb; border-radius: 14px;
	padding: 12px 14px; box-shadow: 0 10px 30px rgba(0,0,0,.25);
	font: 500 14px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.fh-geo__flag { font-size: 20px; line-height: 1; }
.fh-geo__text { flex: 1; }
.fh-geo__go {
	background: #4f46e5; color: #fff; text-decoration: none;
	padding: 7px 12px; border-radius: 999px; white-space: nowrap; font-weight: 600;
}
.fh-geo__go:hover { background: #4338ca; }
.fh-geo__dismiss {
	background: transparent; color: #9ca3af; border: 0; cursor: pointer;
	padding: 4px; font-size: 13px; white-space: nowrap; text-decoration: underline;
}
.fh-geo__dismiss:hover { color: #e5e7eb; }
.fh-geo[hidden] { display: none; }

@media (max-width: 600px) {
	.fh-i18n-bar { right: 10px; bottom: 10px; left: 10px; align-items: stretch; }
	.fh-geo { max-width: none; }
}