/* COLOR FIXES */
.pet-header .pet-menu button,
.pet-header .pet-menu-icon button {
  color: var(--color-header-text);
}

.pet-footer a {
  color: var(--color-footer-text);
}

.pet-explore-page .control-container .placeit-button {
  color: var(--color-button-text);
  background-color: var(--color-button-background);
  border: 1px solid var(--color-button-border);
}

.pet-explore-page .control-container .placeit-button[data-state="active"] {
  color: var(--color-button-text-active);
}

/* format lists in WIP */
wip-component ul {
  padding-left: 10px;
  font-size: 10pt;
}

/* Buttons Location etc. */
.pet-explore-page .pet-location-display .placeit-button {
  font-size: 8pt;
}

.pet-explore-page .pet-category-display .placeit-button {
  font-size: 8pt;
}

.pet-explore-page .pet-location-display {
  max-width: 105px;
}

.pet-explore-page .pet-category-display {
  width: unset;
  max-width: 105px;
}