/*! isPluto Space theme · © SMHosting Co., Ltd. */
/* isPluto Space 1.5.0 (Pluto 0.26, W1): the site in English. The TH / EN switch in the top bar and the menu panel, and
   the notice above documents that exist in Thai only. English body text is LINE Seed Sans through the same family as
   the Thai ("LINE Seed", assets/site/fonts/fonts.css: Latin letters come from LINESeedSans_W_*); headings keep Anton and
   Condiment. Tokens from theme.css. */
.cms-theme-ispluto-space {

& .ip-lang { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: 999px; }
& .ip-lang a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 36px; padding: 0 10px; border-radius: 999px; color: var(--link); font-size: 13px; font-weight: 700; letter-spacing: .04em; text-decoration: none; transition: background-color .2s, color .2s; }
& .ip-lang a:hover { color: #fff; background: rgba(255,255,255,.08); }
& .ip-lang a[aria-current] { background: var(--cta); color: var(--cta-ink); }
& .ip-menu__act .ip-lang--menu { grid-column: 1 / -1; justify-self: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
& .ip-menu__act .ip-lang--menu a { min-height: 44px; box-shadow: none; }
& .ip-menu__act .ip-lang--menu a[aria-current] { background: var(--cta); color: var(--cta-ink); }

& .ip-langnote { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 12px 16px; border-radius: 16px; color: var(--fg); font-size: 15px; line-height: 1.5; }
& .ip-langnote__ic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--cta); color: var(--cta-ink); font-size: 13px; font-weight: 800; }

/* the TH / EN switch takes 100 px of the top bar: from 1024 to 1100 px the bar tightens a little so the menu and the
   buttons stay on one line (they wrapped below the logo at 1024) */
@media (min-width: 1024px) and (max-width: 1100px) {
	& .ip-top__in { column-gap: 12px; }
	& .ip-top__act { gap: 4px; }
	& .ip-nav a { padding: 0 11px; }
}
}
