/* GTranslate language switcher — restyle.

   The plugin drops three bare 32px squares into a fixed corner with no spacing,
   no hover state and no indication of which language is active. This makes them
   a compact pill that reads as one control. Selectors are scoped to the
   plugin's own wrapper so nothing else on the page is affected.
   !important is needed on position/size only: GTranslate writes those inline. */

.gtranslate_wrapper .gt_switcher_wrapper{
  /* PHYSICAL right, not inset-inline-end: this page is dir="rtl", so the logical
     "end" side is the LEFT — which is where the logo sits. Logical properties are
     usually the right call; here they put the flags straight on top of the logo. */
  top:10px!important;
  right:10px!important;
  left:auto!important;
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 6px rgba(0,0,0,.18);
  backdrop-filter:saturate(1.4) blur(2px);
  /* GTranslate hard-codes z-index:999999 inline, which floated the flags OVER the
     accessibility panel when it opened. Drop them below the panel's backdrop
     (9998) so the panel covers them, as any other page content would be. */
  z-index:9000!important;
}

.gtranslate_wrapper .gt_switcher_wrapper a.glink{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  overflow:hidden;
  line-height:0;
  opacity:.65;
  transition:opacity .15s ease, transform .15s ease;
}

.gtranslate_wrapper .gt_switcher_wrapper a.glink img{
  width:24px!important;
  height:24px!important;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

.gtranslate_wrapper .gt_switcher_wrapper a.glink:hover,
.gtranslate_wrapper .gt_switcher_wrapper a.glink:focus-visible{
  opacity:1;
  transform:scale(1.12);
}

/* Which language you are currently reading — the plugin marks it but styles nothing. */
.gtranslate_wrapper .gt_switcher_wrapper a.glink.gt-current-lang{
  opacity:1;
  box-shadow:0 0 0 2px #b08d57;
}

.gtranslate_wrapper .gt_switcher_wrapper a.glink:focus-visible{
  outline:3px solid #245bd4;
  outline-offset:2px;
}

/* Keyboard users and screen readers get a real name, not the string "en". */
.gtranslate_wrapper .gt_switcher_wrapper a.glink::after{content:none}

@media (max-width:600px){
  .gtranslate_wrapper .gt_switcher_wrapper{top:6px!important;right:6px!important;left:auto!important;gap:3px;padding:3px 5px}
  .gtranslate_wrapper .gt_switcher_wrapper a.glink,
  .gtranslate_wrapper .gt_switcher_wrapper a.glink img{width:20px!important;height:20px!important}
}

/* The toolbar the widget adds sits bottom-left; nothing to avoid here. */