.nbgt-flag-img { display: inline-block; vertical-align: middle; border-radius: 2px; box-shadow: 0 0 1px rgba(0,0,0,.3); }
.nbgt-flags-row .nbgt-flag-img { width: 22px; height: auto; }
.nbgt-flag {
	font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif !important;
	font-style: normal;
}

/* Base */
.nbgt-widget { direction: ltr; position: relative; display: inline-block; }
.nbgt-switcher a, .nbgt-toggle-btn { text-decoration: none; }

/* Flags-row style */
.nbgt-flags-row { display: inline-flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.nbgt-flags-row a { font-size: 20px; line-height: 1; padding: 4px; border-radius: 4px; opacity: .7; }
.nbgt-flags-row a.active, .nbgt-flags-row a:hover { opacity: 1; background: rgba(0,0,0,.06); }

/* Floating widget positioning */
.nbgt-floating { position: fixed !important; z-index: 99999; }
.nbgt-pos-bottom-right { bottom: 16px; right: 16px; }
.nbgt-pos-bottom-left  { bottom: 16px; left: 16px; }
.nbgt-pos-top-right    { top: 16px; right: 16px; }
.nbgt-pos-top-left     { top: 16px; left: 16px; }

/* Toggle button — colors come from the CSS variables set inline on .nbgt-widget by Settings */
.nbgt-toggle-btn {
	background: var(--nbgt-bg, #2271b1) !important;
	color: var(--nbgt-color, #fff) !important;
	border: none !important;
	border-radius: 20px;
	padding: 8px 14px;
	font-size: 13px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.nbgt-caret { font-size: 10px; opacity: .8; }

/* Dropdown list — hidden until .nbgt-open is toggled by JS */
.nbgt-lang-list {
	display: none;
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,.18);
	max-height: 260px;
	overflow-y: auto;
	min-width: 180px;
	padding: 6px;
}
.nbgt-pos-top-right .nbgt-lang-list,
.nbgt-pos-top-left .nbgt-lang-list,
.nbgt-widget:not(.nbgt-floating) .nbgt-lang-list { bottom: auto; top: calc(100% + 8px); }
.nbgt-pos-bottom-left .nbgt-lang-list,
.nbgt-pos-top-left .nbgt-lang-list { right: auto; left: 0; }

.nbgt-open .nbgt-lang-list { display: block; }

.nbgt-lang-list a { display: block; padding: 7px 10px; border-radius: 5px; color: #222; font-size: 13px; white-space: nowrap; }
.nbgt-lang-list a:hover { background: var(--nbgt-hover, #e9e9e9); }
.nbgt-lang-list a.active { background: var(--nbgt-bg, #2271b1); color: var(--nbgt-color, #fff); }

/* Nice dropdown — same behaviour as float, different button chrome */
.nbgt-style-nice_dropdown .nbgt-toggle-btn {
	border-radius: 6px;
	padding: 10px 16px;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(0,0,0,.15);
	border: 2px solid rgba(255,255,255,.25);
}

/* Popup style — centered modal instead of an anchored dropdown */
.nbgt-popup-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 99998; }
.nbgt-style-popup.nbgt-open .nbgt-popup-backdrop { display: block; }
.nbgt-style-popup .nbgt-lang-list {
	position: fixed; top: 50%; left: 50%; bottom: auto; right: auto;
	transform: translate(-50%, -50%);
	width: 90vw; max-width: 360px; max-height: 70vh;
	z-index: 99999;
}
.nbgt-style-popup .nbgt-lang-list a { padding: 10px 12px; font-size: 14px; }