// GameSelect (guía A.5, paso 2.4). desplegable.png (generar-piel.py) apila 4 estados de 20 px:
// 0 normal · 20 hover · 40 abierto (borde acento) · 60 desactivado. Chevrón dentro del borde derecho (21 px).
// El menú que se abre es el mismo PopupMenu del cliente (20-popupmenus): un solo menú contextual en todo el juego.
ComboBoxPopupMenuButton < UIButton
  height: 22
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  text-align: left
  text-offset: 8 0
  color: $otmmo-text
  background-color: alpha

  $hover !disabled:
    background-color: $otmmo-surface-hover

  $checked:
    color: $otmmo-accent

  $disabled:
    color: $otmmo-text-disabled

ComboBoxPopupScrollMenuButton < ComboBoxPopupMenuButton

ComboBoxPopupMenu < UIPopupMenu
  image-source: /images/ui/3pixel_frame_borderimage
  image-border: 4
  padding: 3

ComboBoxPopupScrollMenu < UIPopupScrollMenu
  image-source: /images/ui/3pixel_frame_borderimage
  image-border: 4
  padding: 3

ComboBox < UIComboBox
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: $otmmo-text
  text-align: left
  text-offset: 8 0
  size: 91 20
  image-source: /images/ui/desplegable
  image-border: 3
  image-border-right: 21
  image-clip: 0 0 91 20

  $hover !disabled:
    image-clip: 0 20 91 20

  $on:
    image-clip: 0 40 91 20

  $checked:
    image-clip: 0 40 91 20

  $disabled:
    image-clip: 0 60 91 20
    color: $otmmo-text-disabled

ComboBoxRoundedPopupScrollMenuButton < ComboBoxPopupMenuButton
ComboBoxRoundedPopupScrollMenu < ComboBoxPopupScrollMenu
ComboBoxRoundedPopupMenuButton < ComboBoxPopupMenuButton
ComboBoxRoundedPopupMenu < ComboBoxPopupMenu

ComboBoxRounded < ComboBox

QtComboBoxPopupScrollMenuButton < ComboBoxPopupMenuButton
QtComboBoxPopupScrollMenu < ComboBoxPopupScrollMenu
QtComboBoxPopupMenuButton < ComboBoxPopupMenuButton
QtComboBoxPopupMenu < ComboBoxPopupMenu

QtComboBox < ComboBox