/* ==========================================================================
   FBE Language Chip (ID | EN) — header FBE UII.
   Dipakai oleh snippet "FBE Language Chip" + plugin GTranslate (mode gratis).
   Kontainer: <li class="menu-item-fbe-lang"> (disisipkan ke menu `main`).
   Isi: dua tautan [gt-link] plugin; kelas .gt-current-lang = bahasa aktif.

   v1.0.4: chip dipadatkan supaya muat SATU BARIS dengan menu desktop.
   Jarak antar-item menu desktop ditata di custom_css header 61 (nav widget):
   >=1025px padding 10px; 1025-1249px font 12.5px + padding 7px.
   v1.0.5: aturan padding khusus konteks menu utama (specificity di atas
   default plugin `.elementor-nav-menu--main .elementor-nav-menu a{padding:13px 20px}`).
   v1.0.6: aturan diperluas ke state :hover/:focus/.gt-current-lang — tautan
   yang diklik menjadi :focus dan varian :focus plugin (dimuat belakangan,
   specificity sama) sempat membatalkan padding ringkas.
   ========================================================================== */

/* --- Kartu chip dasar --- */
.fbe-lang-chip {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 2px;
	border: 1px solid rgba(11, 42, 74, .22);
	border-radius: 999px;
	background: #fff;
}
.fbe-lang-chip a[data-gt-lang] {
	display: inline-block;
	min-width: 24px;
	text-align: center;
	padding: 4px 6px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1;
	color: #0b2a4a;
	text-decoration: none;
	opacity: .55;
	cursor: pointer;
	transition: background-color .18s ease, opacity .18s ease, color .18s ease;
}
.fbe-lang-chip a[data-gt-lang]:hover { opacity: 1; background: rgba(240, 179, 35, .18); }
.fbe-lang-chip a[data-gt-lang]:focus-visible { outline: 2px solid #f0b323; outline-offset: 2px; }
.fbe-lang-chip a[data-gt-lang].gt-current-lang { opacity: 1; background: #f0b323; color: #0b2a4a; }
.fbe-lang-sep { width: 1px; height: 12px; background: rgba(11, 42, 74, .2); }

/* --- Baris menu desktop (>=1025px) --- */
.elementor-nav-menu--main .menu-item-fbe-lang { display: flex; align-items: center; align-self: center; margin-left: 10px; }
.elementor-nav-menu--main .menu-item-fbe-lang::before,
.elementor-nav-menu--main .menu-item-fbe-lang::after { content: none; display: none; }
/* Kunci padding ringkas chip di konteks menu utama — mengalahkan default
   plugin nav-menu (0,2,1) DAN varian :focus/:hover-nya (0,3,1, dimuat
   belakangan) dengan specificity (0,3,1)/(0,4,1). */
.elementor-nav-menu--main .fbe-lang-chip a[data-gt-lang],
.elementor-nav-menu--main .fbe-lang-chip a[data-gt-lang]:hover,
.elementor-nav-menu--main .fbe-lang-chip a[data-gt-lang]:focus,
.elementor-nav-menu--main .fbe-lang-chip a[data-gt-lang].gt-current-lang { padding: 4px 8px; min-width: 26px; }

/* --- Panel burger (<=1024px) --- */
.elementor-nav-menu--dropdown .menu-item-fbe-lang {
	display: flex;
	justify-content: center;
	padding: 14px 16px;
	margin-top: 6px;
	border-top: 1px solid rgba(11, 42, 74, .10);
}
.elementor-nav-menu--dropdown .menu-item-fbe-lang a[data-gt-lang],
.elementor-nav-menu--dropdown .menu-item-fbe-lang a[data-gt-lang]:hover,
.elementor-nav-menu--dropdown .menu-item-fbe-lang a[data-gt-lang]:focus {
	min-width: 56px;
	padding: 8px 16px;
	font-size: 13px;
}