/* clusters colors */
.find-station-map .marker-cluster {
  background-color: rgba(255, 255, 255, 0.6);
}
.find-station-map .marker-cluster div {
  font-family: "Roboto";
}
.find-station-map .marker-cluster-large div {
  background-color: rgba(20, 137, 202, 0.6);
}
.find-station-map .marker-cluster-medium div {
  background-color: rgb(23, 176, 230, 0.6);
}
.find-station-map .marker-cluster-small div {
  background-color: rgba(114, 198, 239, 0.6);
}

.dropdown-label {
  font-weight: 700;
}

.dropdown-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(235, 235, 235);
  padding: 1rem 0;
  cursor: pointer;
}

.dropdown-arrow {
  width: 1.5rem;
  transition: transform 0.4s ease-in-out;
}

/* Fix para texto invisível no modo claro */
.find-station .text,
.find-station .text-small,
.find-station .text-smaller,
.find-station span,
.find-station label,
.find-station .text-street,
.find-station .text-street.mb-0,
.find-station .text-small.style {
  color: #333 !important;
}

/* Classes específicas do portlet */
.find-station .restriction-list span,
.find-station .col-7 span,
.find-station .text-right span,
.find-station .font-weight-bold {
  color: #333 !important;
}

/* Regra genérica para todos os elementos de texto */
.find-station * {
  color: #333 !important;
}

/* Exceção para botões - manter cor original */
.find-station button,
.find-station .btn,
.find-station .mobie-btn-submit,
.find-station .mobie-btn-submit-dark,
.find-station [role="button"],
.find-station .btn-primary,
.find-station .btn-secondary,
.find-station .btn-dark {
  color: #fff !important;
}

/* Exceção específica para elementos com background escuro */
.find-station button[style*="background"],
.find-station .btn[style*="background"],
.find-station *[class*="btn-"],
.find-station *[class*="button"] {
  color: #fff !important;
}

/* Modo escuro - se o Liferay usar alguma classe específica */
.dark-theme .find-station .text,
.dark-theme .find-station .text-small,
.dark-theme .find-station .text-smaller,
.dark-theme .find-station span,
.dark-theme .find-station label,
.dark-theme .find-station .text-street,
.dark-theme .find-station .text-street.mb-0,
.dark-theme .find-station .text-small.style,
.dark-theme .find-station .restriction-list span,
.dark-theme .find-station .col-7 span,
.dark-theme .find-station .text-right span,
.dark-theme .find-station .font-weight-bold {
  color: #fff !important;
}

/* Regra genérica para modo escuro
.dark-theme .find-station * {
  color: #fff !important;
}

Exceção para botões no modo escuro - manter cor original
.dark-theme .find-station button,
.dark-theme .find-station .btn,
.dark-theme .find-station .mobie-btn-submit,
.dark-theme .find-station .mobie-btn-submit-dark,
.dark-theme .find-station [role="button"],
.dark-theme .find-station .btn-primary,
.dark-theme .find-station .btn-secondary,
.dark-theme .find-station .btn-dark {
  color: initial !important;
}

*/

/* Exceção específica para elementos com background escuro no modo escuro */
.dark-theme .find-station button[style*="background"],
.dark-theme .find-station .btn[style*="background"],
.dark-theme .find-station *[class*="btn-"],
.dark-theme .find-station *[class*="button"] {
  color: initial !important;
}