/* What the dropped WordPress scripts used to do with CSS, plus the two language flags. */

/* Desktop dropdown ("My Services"): Elementor's smartmenus script showed it; now hover and keyboard focus do */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu { display: none; }
.elementor-nav-menu--main .elementor-nav-menu li:hover > ul.sub-menu,
.elementor-nav-menu--main .elementor-nav-menu li:focus-within > ul.sub-menu {
  display: block;
  width: auto;
  min-width: 12em;
}
.elementor-nav-menu--main .elementor-nav-menu li.menu-item-has-children { position: relative; }

/* Mobile panel: submenus closed until tapped */
.elementor-nav-menu--dropdown .sub-menu { display: none; }
.elementor-nav-menu--dropdown .praewa-open > .sub-menu { display: block; }

/* Language switcher (was Weglot): the two circle flags, served from this site */
.country-selector.weglot-inline { position: fixed; bottom: 12px; right: 12px; z-index: 9999; }
.country-selector .weglot-flags.flag-3 > a:before,
.country-selector .weglot-flags.flag-3 > span:before {
  content: "";
  display: inline-block;
  width: 24px !important;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center !important;
  vertical-align: middle;
}
.country-selector .weglot-flags.flag-3.wg-en > a:before,
.country-selector .weglot-flags.flag-3.wg-en > span:before { background-image: url(/flags/gb.svg); }
.country-selector .weglot-flags.flag-3.wg-th > a:before,
.country-selector .weglot-flags.flag-3.wg-th > span:before { background-image: url(/flags/th.svg); }

/* 404 page */
.praewa-404 section { max-width: 720px; margin: 60px auto; padding: 0 16px; }
.praewa-404 h1 { margin-bottom: 16px; }
.praewa-404 li { margin: 6px 0; }