/*Products product catalogue*/
.brxe-woocommerce-products .product {
  justify-content: space-between;
}
/*my account & basket fields*/
.input, input:not([type="submit"]), select, textarea {
  background-color: var(--light-20);
  color: var(--text-body);
  border-radius: var(--radius-s);
}
input.qty {
  background-color: var(--bt-neutral-3);
}
.woocommerce-account form label {
  color: var(--primary);
}
legend {
  color: var(--primary);
  font-weight: 700;
}
.woocommerce fieldset {
  border-color: var(--primary-l-1);
  border-radius: var(--radius-m);
  margin-bottom: var(--space-m);
}
.woocommerce fieldset label {
  color: var(--text-title);
}
/*My Account & Basket Country/county Select*/
span.selection * {
  background-color: var(--light-90) !important;
  color: var(--text-body) !important;
  border-radius: var(--radius-s) !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--text-body);
}
.select2-dropdown {
  background-color: var(--light);
  color: var(--text-body);
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] {
  background-color: var(--primary-l-1);
  color: var(--black);
}
.select2-container .select2-selection--single {
  height: 41px;
}
.woocommerce-product-gallery .flex-control-thumbs img {
  border-radius: var(--radius-xs);
}
/*links on single product page I thought to remove it in case I can use the "link" class for links*/
.brxe-product-content a:hover {
  text-decoration: none;
}
.sold-out-badge, .on-backorder-badge {
  font-size: 14px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: calc(var(--radius-xs) - 0.5px) 0;
}
.sold-out-badge {
  color: var(--bricks-text-danger);
  background-color: var(--bricks-bg-danger);
}
.on-backorder-badge {
  color: var(--bricks-text-info);
  background-color: var(--bricks-bg-info);
}
