/* Anova Translate — pengalih bahasa */
.anova-tr-switcher { --atr-bg: #fff; --atr-ink: #14213d; --atr-line: rgba(20,33,61,.14); --atr-hover: rgba(20,33,61,.06); --atr-accent: #e85d2a; font-size: 14px; line-height: 1.3; position: relative; display: inline-block; }
.anova-tr-switcher ul { list-style: none; margin: 0; padding: 0; }
.anova-tr-switcher a { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--atr-ink); padding: 8px 12px; border-radius: 8px; white-space: nowrap; }
.anova-tr-switcher a:hover, .anova-tr-switcher a:focus-visible { background: var(--atr-hover); }
.anova-tr-flag { font-size: 1.15em; line-height: 1; }
.anova-tr-code { font-size: .8em; font-weight: 700; letter-spacing: .04em; opacity: .75; }
.anova-tr-name + .anova-tr-code { margin-left: 2px; }

/* dropdown */
.anova-tr-dropdown details { position: relative; }
.anova-tr-dropdown summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--atr-line); border-radius: 999px; background: var(--atr-bg); color: var(--atr-ink); user-select: none; }
.anova-tr-dropdown summary::-webkit-details-marker { display: none; }
.anova-tr-dropdown summary:focus-visible { outline: 2px solid var(--atr-accent); outline-offset: 2px; }
.anova-tr-caret { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 2px; opacity: .6; transition: transform .15s; }
.anova-tr-dropdown details[open] .anova-tr-caret { transform: rotate(-135deg) translateY(-1px); }
.anova-tr-dropdown ul { position: absolute; top: calc(100% + 6px); left: 0; min-width: 100%; background: var(--atr-bg); border: 1px solid var(--atr-line); border-radius: 12px; padding: 6px; box-shadow: 0 12px 30px rgba(20,33,61,.14); z-index: 99999; }
.anova-tr-dropdown.anova-tr-up ul { top: auto; bottom: calc(100% + 6px); }

/* daftar & sebaris */
.anova-tr-list ul { display: flex; flex-direction: column; gap: 2px; }
.anova-tr-inline ul { display: flex; flex-wrap: wrap; gap: 4px; }
.anova-tr-inline a { padding: 6px 10px; }
.anova-tr-item.is-current a { font-weight: 700; background: var(--atr-hover); }

/* melayang */
.anova-tr-floating-wrap { position: fixed; z-index: 99998; }
.anova-tr-pos-bottom-right { right: 20px; bottom: 20px; }
.anova-tr-pos-bottom-left { left: 20px; bottom: 20px; }
.anova-tr-pos-top-right { right: 20px; top: 20px; }
.anova-tr-pos-top-left { left: 20px; top: 20px; }
.admin-bar .anova-tr-pos-top-right, .admin-bar .anova-tr-pos-top-left { top: 52px; }
.anova-tr-floating summary, .anova-tr-floating.anova-tr-inline ul { box-shadow: 0 8px 24px rgba(20,33,61,.18); }
.anova-tr-floating.anova-tr-inline ul { background: var(--atr-bg); border-radius: 999px; padding: 4px; border: 1px solid var(--atr-line); }
.anova-tr-floating.anova-tr-inline a { border-radius: 999px; }
.anova-tr-pos-bottom-right .anova-tr-dropdown ul, .anova-tr-pos-top-right .anova-tr-dropdown ul { left: auto; right: 0; }

/* menu navigasi */
.anova-tr-menu > a, .anova-tr-menu-lang > a { display: inline-flex; align-items: center; gap: 6px; }

@media (prefers-color-scheme: dark) {
	.anova-tr-floating-wrap .anova-tr-switcher { --atr-bg: #1b2236; --atr-ink: #eef1f7; --atr-line: rgba(255,255,255,.14); --atr-hover: rgba(255,255,255,.08); }
}
[dir="rtl"] .anova-tr-dropdown ul { left: auto; right: 0; }
