/* Perto Digital - customizacoes CSS: ciandt.com */

/* Regra de isolamento do plugin: todas as customizacoes abaixo excluem
   elementos do plugin via :not([id^="perto"], [id^="perto"] *). Sem isso,
   modos como o claro acabavam pintando o texto do painel de preto. */

html.perto_high_contrast_clear body :not([id^="perto"], [id^="perto"] *, #acessibilidade-libras-main-div, #acessibilidade-libras-main-div *) {
  color: #000000 !important;
}

html.perto_high_contrast_clear body :is(a, button, label, p, span, input, select, textarea):not([id^="perto"], [id^="perto"] *, #acessibilidade-libras-main-div, #acessibilidade-libras-main-div *) {
  color: #000000 !important;
}

html.perto_high_contrast_dark body :is(#header, #navbar-main) :is(a, button):not([id^="perto"], [id^="perto"] *),
body.perto_high_contrast_dark :is(#header, #navbar-main) :is(a, button):not([id^="perto"], [id^="perto"] *) {
  background-color: transparent !important;
  color: #ffffff !important;
}

html.perto_high_contrast_clear body :is(#header, #navbar-main) :is(a, button):not([id^="perto"], [id^="perto"] *),
body.perto_high_contrast_clear :is(#header, #navbar-main) :is(a, button):not([id^="perto"], [id^="perto"] *) {
  background-color: transparent !important;
  color: #000000 !important;
}

.perto_ciandt_smart_tooltip {
  position: fixed !important;
  display: block !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 999998 !important;
}

.perto_parent_tooltip[data-perto-ciandt-smart-layout="true"] {
  display: contents !important;
}

#perto_virtual_keyboard[data-perto-ciandt-keyboard-visible="true"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  width: min(720px, calc(100vw - 32px)) !important;
  max-height: 42vh !important;
  overflow: auto !important;
  z-index: 9999999 !important;
}

#perto_virtual_keyboard[data-perto-ciandt-keyboard-visible="true"] .simple-keyboard {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
