/* ============================================================
   GTranslate Override — Custom Switcher Widget
   ============================================================ */

.gto-sw {
  --gto-bg:      #ffffff;
  --gto-text:    #222222;
  --gto-hover:   #f0f4ff;
  --gto-radius:  10px;
  --gto-shadow:  0 4px 20px rgba(0,0,0,0.12);
  --gto-border:  rgba(0,0,0,0.10);

  position:   relative;
  display:    inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size:  15px;
  z-index:    99990;
  user-select: none;
}

/* Fixed positioning */
.gto-switcher-fixed { position: fixed !important; z-index: 99990; }
.gto-switcher-fixed[data-pos="top-right"]    { top: 16px;    right:  16px; }
.gto-switcher-fixed[data-pos="top-left"]     { top: 16px;    left:   16px; }
.gto-switcher-fixed[data-pos="bottom-right"] { bottom: 16px; right:  16px; }
.gto-switcher-fixed[data-pos="bottom-left"]  { bottom: 16px; left:   16px; }

/* Trigger */
.gto-sw-trigger {
  display:       flex;
  align-items:   center;
  gap:           8px;
  padding:       8px 14px 8px 10px;
  background:    var(--gto-bg);
  color:         var(--gto-text);
  border:        1.5px solid var(--gto-border);
  border-radius: var(--gto-radius);
  box-shadow:    var(--gto-shadow);
  cursor:        pointer;
  font-size:     15px;
  font-weight:   600;
  transition:    box-shadow .2s, border-color .2s;
  white-space:   nowrap;
  line-height:   1;
}
.gto-sw-trigger:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.16);
  border-color: rgba(0,0,0,0.18);
}

/* Flag */
.gto-sw-flag {
  width: 26px; height: 20px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
  flex-shrink: 0;
}

/* Code label */
.gto-sw-code {
  font-size: 14px; font-weight: 700;
  color: var(--gto-text); letter-spacing: .5px;
}

/* Chevron */
.gto-sw-chevron {
  font-size: 13px; color: var(--gto-text);
  opacity: .55; margin-left: 2px;
  transition: transform .2s; line-height: 1;
  display: inline-block;
}
.gto-sw.gto-sw-open .gto-sw-chevron { transform: rotate(180deg); }

/* Dropdown */
.gto-sw-dropdown {
  position: absolute;
  top: calc(100% + 6px); right: 0;
  min-width: 195px;
  background: var(--gto-bg);
  border: 1.5px solid var(--gto-border);
  border-radius: var(--gto-radius);
  box-shadow: var(--gto-shadow);
  list-style: none; margin: 0; padding: 6px 0;
  opacity: 0;
  transform: translateY(-6px) scale(.97);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  overflow: hidden;
}
.gto-sw.gto-sw-open .gto-sw-dropdown {
  opacity: 1; transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Dropdown opens upward on bottom positions */
.gto-switcher-fixed[data-pos="bottom-right"] .gto-sw-dropdown,
.gto-switcher-fixed[data-pos="bottom-left"]  .gto-sw-dropdown {
  top: auto; bottom: calc(100% + 6px);
}
/* Align left for left positions */
.gto-switcher-fixed[data-pos="top-left"]    .gto-sw-dropdown,
.gto-switcher-fixed[data-pos="bottom-left"] .gto-sw-dropdown {
  right: auto; left: 0;
}

/* Item */
.gto-sw-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 16px;
  cursor: pointer; color: var(--gto-text);
  font-size: 14px; font-weight: 500;
  transition: background .15s;
}
.gto-sw-item:hover        { background: var(--gto-hover); }
.gto-sw-item.gto-sw-active { background: var(--gto-hover); font-weight: 700; }
.gto-sw-name { flex: 1; }

/* Inline mode */
.gto-switcher-inline { display: inline-block; }