/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

[data-color="pink"] ::selection {
  background: #f29313 !important;
}

.maping .datacenters.brazil {
  top: 75%;
  left: 34.5%;
}

.maping .datacenters.dallas {
  top: 44%;
  left: 17.5%;
}

.maping .datacenters.losangeles {
  top: 42.7%;
  left: 12%;
}

.maping .datacenters.barcelona {
  top: 45%;
  left: 46.3%;
}

.maping .datacenters.tokyo {
  top: 46%;
  left: 86%;
}

/* Select2 para localização - seguir padrão do site */
.cd-filter-block .select2-container {
  width: 100% !important;
}

.cd-filter-block .select2-container--bootstrap-5 .select2-selection {
  border-radius: 12px !important;
  border: solid 1px #808080 !important;
  padding: 8px 50px 8px 20px !important;
  font-size: 14px !important;
  background-color: #101920 !important;
  color: #ffffff !important;
  min-height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important;
}

.cd-filter-block .select2-container--bootstrap-5 .select2-selection--multiple {
  padding: 5px 50px 5px 20px !important;
}

.cd-filter-block .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
  background-color: #fdd700 !important; /* Amarelo sólido do bg-warning */
  color: #212529 !important; /* Texto escuro do c-dark - contraste adequado para acessibilidade */
  border: none;
  border-radius: 15px;
  padding: 3px 8px;
  margin: 1px 1px 0 1px; /* Remove espaçamento abaixo */
  font-size: 0.8em !important;
  cursor: pointer; /* Indica que é clicável para remover */
}

.cd-filter-block .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__display {
  font-size: 1em !important;
  font-weight: bold !important; /* Negrito para melhor legibilidade e acessibilidade */
}


.cd-filter-block .select2-container--bootstrap-5 .select2-selection__arrow {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* Dropdown container */
.cd-filter-block .select2-container--bootstrap-5 .select2-dropdown,
.select2-container--bootstrap-5 .select2-dropdown {
  border-radius: 12px !important;
  border: solid 1px #808080 !important;
  background-color: #101920 !important;
}

/* Results container */
.cd-filter-block .select2-container--bootstrap-5 .select2-results {
  background-color: #101920 !important;
}

/* Search field in dropdown */
.cd-filter-block .select2-container--bootstrap-5 .select2-search--dropdown,
.select2-container--bootstrap-5 .select2-search--dropdown {
  background-color: #101920 !important;
  padding: 8px;
}

.cd-filter-block .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
  background-color: #101920 !important;
  color: #ffffff !important;
  border: solid 1px #808080 !important;
  border-radius: 8px;
  padding: 8px 12px;
}

/* Opções do dropdown - estado padrão (não selecionadas) */
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option,
.select2-container--bootstrap-5 .select2-results__option {
  font-size: 0.8em !important;
  padding: 8px 12px !important;
  background-color: #101920 !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease !important;
}

/* Hover em itens NÃO selecionados - maior especificidade */
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option:not([aria-selected="true"]):not(.select2-results__option--selected):hover,
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option:not([aria-selected="true"]):not(.select2-results__option--selected).select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option:not([aria-selected="true"]):not(.select2-results__option--selected):hover,
.select2-container--bootstrap-5 .select2-results__option:not([aria-selected="true"]):not(.select2-results__option--selected).select2-results__option--highlighted {
  background-color: #1a2530 !important;
  color: #ffffff !important;
}

/* Itens selecionados - estado normal - maior especificidade */
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"],
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"],
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected {
  background-color: #25303a !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Hover em itens selecionados - maior contraste e especificidade */
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"]:hover,
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option[aria-selected="true"].select2-results__option--highlighted,
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected:hover,
.cd-filter-block .select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected.select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"]:hover,
.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"].select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected:hover,
.select2-container--bootstrap-5 .select2-results__option.select2-results__option--selected.select2-results__option--highlighted {
  background-color: #35404a !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Botão para ocultar/mostrar filtros no desktop */
.toggle-filters-desktop {
  transition: all 0.3s ease;
}

.toggle-filters-desktop:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}