/*
 * Styles for the 'Search by Post Type' widget
 */

/* Variables */
.search-by-post-type {
  --text-normal: #333;
  --text-hover: #27818A;
  --background-normal: transparent;
  --background-current: #333;
}

/* General styles */
.search-by-post-type {
  margin: 20px auto;
  border-bottom: 2px solid var(--text-normal);
  display: flex;
  flex-wrap: wrap;
}

/* Button styles */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.search-by-post-type .button {
  padding: 10px 25px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 0;
}

.search-by-post-type .button:link,
.search-by-post-type .button:visited {
  color: var(--text-normal);
}

.search-by-post-type .button:hover,
.search-by-post-type .button:active {
  color: var(--text-hover);
}

.search-by-post-type .button.current,
.search-by-post-type .button.current:link,
.search-by-post-type .button.current:visited,
.search-by-post-type .button.current:hover,
.search-by-post-type .button.current:active {
  background-color: var(--background-current);
  color: #fff;
}