/* Osnovni stil */
#custom_filter_reviews {
  font-family: 'Poppins', Poppins;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Poppins", Poppins;
  font-size: 18px;
  font-weight: 500;
  text-transform: lowercase;
  line-height: 1.4em;
  letter-spacing: 4px;
  word-spacing: 0px;
  flex-basis: 100%;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  width: 100%; /* wrapper mora biti širok */
  max-width: 100%;
  padding-top: 10px
}

.custom-select {
  background-color: var(--e-global-color-283eaca);
  border: 2px solid var(--e-global-color-283eaca);
  border-radius: 30px;
  padding: 12px 20px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;

  display: flex; /* dodano */
  align-items: center; /* vertikalno centriranje */
  justify-content: center; /* horizontalno centriranje */
  text-align: center; /* dodatno osiguranje */
}

.custom-select-trigger {
  display: block;
  color: var(--e-global-color-faf165b);
  width: 100%; /* osiguraj da flex radi kako treba */
}

.custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; /* popup lista isto 100% */
  background-color: var(--e-global-color-283eaca);
  border-radius: 30px;
  display: none;
  z-index: 10;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);

  font-size: 15px;
}

.custom-select.open .custom-options {
  display: block;
}

.custom-option {
  display: block; /* ključna stvar! */
  padding: 8px;
  color: var(--e-global-color-faf165b);
  transition: background-color 0.2s ease;
  cursor: pointer;
  text-align: center; /* opcionalno ako želiš da tekst bude centriran */
}

.custom-option:hover {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-283eaca);
}

.custom-option:active {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-283eaca);
}

.custom-option.disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none; /* sprječava klik */
}

.custom-option.disabled:hover {
  background-color: var(--e-global-color-283eaca);
  color: var(--e-global-color-faf165b);
}

/* Spinner overlay (same as chessreads-filter) */
.chessr-grid-loading {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  pointer-events: none;
}

.chessr-grid-loading::before {
  content: '';
  width: 40px;
  height: 40px;
  border: 4px solid rgba(224, 221, 207, 0.2);
  border-top-color: var(--e-global-color-accent, #E0DDCF);
  border-radius: 50%;
  animation: chessr-spin 0.8s linear infinite;
}

@keyframes chessr-spin {
  to {
    transform: rotate(360deg);
  }
}