/* stylelint-disable no-descending-specificity */
.avada-select-wrapper,
.awb-attribute-swatches {
  display: flex;
  flex-wrap: wrap;
}
.avada-select-wrapper select,
.awb-attribute-swatches select {
  display: none !important;
}
.avada-button-select,
.avada-image-select,
.avada-color-select,
.awb-attribute-swatch {
  width: var(--form_input_height);
  height: var(--form_input_height);
  border-style: solid;
  border-width: var(--form_border_width-top) var(--form_border_width-right) var(--form_border_width-bottom) var(--form_border_width-left);
  border-radius: var(--form_border_radius);
  border-color: var(--form_border_color);
  background-color: var(--form_bg_color);
  position: relative;
  margin-right: 5px;
  cursor: pointer;
  padding: 5px;
  display: inline-flex;
}
.ltr .avada-button-select:last-child,
.ltr .avada-image-select:last-child,
.ltr .avada-color-select:last-child,
.ltr .awb-attribute-swatch:last-child {
  margin-right: 0 !important;
}
.rtl .avada-button-select:last-child,
.rtl .avada-image-select:last-child,
.rtl .avada-color-select:last-child,
.rtl .awb-attribute-swatch:last-child {
  margin-left: 0 !important;
}
.avada-button-select > span,
.avada-image-select > span,
.avada-color-select > span,
.awb-attribute-swatch > span {
  height: 100%;
  display: block;
  width: 100%;
  border-radius: var(--form_border_radius);
}
.avada-button-select:focus,
.avada-image-select:focus,
.avada-color-select:focus,
.awb-attribute-swatch:focus {
  outline: none;
  box-shadow: none;
}
.avada-button-select:focus:not([data-checked]),
.avada-image-select:focus:not([data-checked]),
.avada-color-select:focus:not([data-checked]),
.awb-attribute-swatch:focus:not([data-checked]),
.avada-button-select:hover,
.avada-image-select:hover,
.avada-color-select:hover,
.awb-attribute-swatch:hover {
  border-color: var(--form_focus_border_color-5a);
}
.avada-button-select[data-checked],
.avada-image-select[data-checked],
.avada-color-select[data-checked],
.awb-attribute-swatch[data-checked] {
  border-color: var(--form_focus_border_color);
}
.avada-button-select[data-disabled],
.avada-image-select[data-disabled],
.avada-color-select[data-disabled],
.awb-attribute-swatch[data-disabled] {
  opacity: 0.2;
  cursor: not-allowed;
}
.avada-color-select > span {
  height: 100%;
  display: block;
  width: 100%;
  border-radius: var(--form_border_radius);
}
.avada-image-select,
.awb-attribute-swatch-image {
  width: auto;
}
.avada-image-select > img,
.awb-attribute-swatch-image > img {
  height: 100%;
  width: auto;
  border-radius: var(--form_border_radius);
  object-fit: cover;
}
.avada-button-select,
.awb-attribute-swatch-button {
  min-width: var(--form_input_height);
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  width: auto;
}
/* Swatches that are only there to be looked at, ex: in the Woo Additional Information
   element. Everything above does the work, which is what keeps them looking like the Woo
   Add To Cart element's swatches on its default Swatch Style; all that differs here is
   that there is nothing to click. */
.awb-attribute-swatches {
  align-items: center;
  /* The button swatch takes its type from whatever it sits in, so in a table cell it
	   would pick up that cell's text styling and come out unlike the Add To Cart one.
	   Body typography is what the swatches there resolve to. Set on the set rather than
	   on the swatch, so that a swatch size given in em measures from the same place. */
  font-family: var(--body_typography-font-family);
  font-size: var(--body_typography-font-size);
  font-weight: var(--body_typography-font-weight);
  font-style: var(--body_typography-font-style, normal);
  line-height: var(--body_typography-line-height);
  letter-spacing: var(--body_typography-letter-spacing);
  text-transform: none;
  color: var(--body_typography-color);
}
/* The Custom swatch style. Every value falls back to the default styling above, so that
   half a custom style still leans on the rest of it, and the variable names are the ones the
   Post Card Cart element uses, as it offers the same set of options. */
.awb-attribute-swatch {
  cursor: default;
  margin: var(--awb-swatch-margin-top, 0) var(--awb-swatch-margin-right, 5px) var(--awb-swatch-margin-bottom, 0) var(--awb-swatch-margin-left, 0);
  background-color: var(--awb-swatch-background-color, var(--form_bg_color));
  border-width: var(--awb-swatch-border-sizes-top, var(--form_border_width-top)) var(--awb-swatch-border-sizes-right, var(--form_border_width-right)) var(--awb-swatch-border-sizes-bottom, var(--form_border_width-bottom)) var(--awb-swatch-border-sizes-left, var(--form_border_width-left));
  border-color: var(--awb-swatch-border-color, var(--form_border_color));
  /* Nothing to hover, so the border stays where the custom style put it. */
}
.awb-attribute-swatch:hover {
  border-color: var(--awb-swatch-border-color, var(--form_border_color));
}
.awb-attribute-swatch-color {
  width: var(--awb-color-swatch-width, var(--form_input_height));
  height: var(--awb-color-swatch-height, var(--form_input_height));
  padding: var(--awb-color-swatch-padding-top, 5px) var(--awb-color-swatch-padding-right, 5px) var(--awb-color-swatch-padding-bottom, 5px) var(--awb-color-swatch-padding-left, 5px);
  border-radius: var(--awb-color-swatch-border-radius-top-left, var(--form_border_radius)) var(--awb-color-swatch-border-radius-top-right, var(--form_border_radius)) var(--awb-color-swatch-border-radius-bottom-right, var(--form_border_radius)) var(--awb-color-swatch-border-radius-bottom-left, var(--form_border_radius));
  /* The colour itself, inset by the padding, so it follows the box. */
}
.awb-attribute-swatch-color > span {
  border-radius: inherit;
}
.awb-attribute-swatch-image {
  width: var(--awb-image-swatch-width, auto);
  height: var(--awb-image-swatch-height, var(--form_input_height));
  padding: var(--awb-image-swatch-padding-top, 5px) var(--awb-image-swatch-padding-right, 5px) var(--awb-image-swatch-padding-bottom, 5px) var(--awb-image-swatch-padding-left, 5px);
  border-radius: var(--awb-image-swatch-border-radius-top-left, var(--form_border_radius)) var(--awb-image-swatch-border-radius-top-right, var(--form_border_radius)) var(--awb-image-swatch-border-radius-bottom-right, var(--form_border_radius)) var(--awb-image-swatch-border-radius-bottom-left, var(--form_border_radius));
}
.awb-attribute-swatch-image > img {
  border-radius: inherit;
}
.awb-attribute-swatch-button {
  width: var(--awb-button-swatch-width, auto);
  height: var(--awb-button-swatch-height, var(--form_input_height));
  padding: var(--awb-button-swatch-padding-top, 5px) var(--awb-button-swatch-padding-right, 15px) var(--awb-button-swatch-padding-bottom, 5px) var(--awb-button-swatch-padding-left, 15px);
  border-radius: var(--awb-button-swatch-border-radius-top-left, var(--form_border_radius)) var(--awb-button-swatch-border-radius-top-right, var(--form_border_radius)) var(--awb-button-swatch-border-radius-bottom-right, var(--form_border_radius)) var(--awb-button-swatch-border-radius-bottom-left, var(--form_border_radius));
  font-size: var(--awb-button-swatch-font-size, inherit);
  color: var(--awb-button-swatch-color, inherit);
}
.widget_layered_nav .awb-woo-attr {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  float: none;
}
.ltr .widget_layered_nav .awb-woo-attr {
  margin: 0 -10px 0 -12px;
}
.rtl .widget_layered_nav .awb-woo-attr {
  margin: 0 -12px 0 -10px;
}
.widget_layered_nav .awb-woo-attr:before {
  display: none;
}
.widget_layered_nav .awb-woo-attr .avada-button-select,
.widget_layered_nav .awb-woo-attr .avada-image-select,
.widget_layered_nav .awb-woo-attr .avada-color-select {
  margin: 0;
  padding: 5px;
  border-style: solid;
  transition: border-color 0.2s linear;
  border-width: var(--form_border_width-top) var(--form_border_width-right) var(--form_border_width-bottom) var(--form_border_width-left);
}
.widget_layered_nav .awb-woo-attr:focus .avada-button-select,
.widget_layered_nav .awb-woo-attr:hover .avada-button-select,
.widget_layered_nav .awb-woo-attr:focus .avada-image-select,
.widget_layered_nav .awb-woo-attr:hover .avada-image-select,
.widget_layered_nav .awb-woo-attr:focus .avada-color-select,
.widget_layered_nav .awb-woo-attr:hover .avada-color-select {
  border-color: var(--form_focus_border_color-5a);
}
.widget_layered_nav .awb-woo-attr-wrapper {
  display: inline-flex;
  align-items: center;
}
.widget_layered_nav .awb-woo-attr-name {
  margin: 0 0.5em;
}
.widget_layered_nav .awb-woo-attr-count {
  font-size: 0.9em;
}
.fusion-content-widget-area .widget_layered_nav li.chosen .awb-woo-attr,
.fusion-content-widget-area .widget_layered_nav_filters li.chosen .awb-woo-attr,
.fusion-content-widget-area .widget_layered_nav li.chosen .count,
.fusion-content-widget-area .widget_layered_nav_filters li.chosen .count {
  color: var(--form_focus_border_color-5a);
}
.fusion-content-widget-area .widget_layered_nav li.chosen .awb-woo-attr-wrapper .avada-button-select,
.fusion-content-widget-area .widget_layered_nav_filters li.chosen .awb-woo-attr-wrapper .avada-button-select,
.fusion-content-widget-area .widget_layered_nav li.chosen .awb-woo-attr-wrapper .avada-image-select,
.fusion-content-widget-area .widget_layered_nav_filters li.chosen .awb-woo-attr-wrapper .avada-image-select,
.fusion-content-widget-area .widget_layered_nav li.chosen .awb-woo-attr-wrapper .avada-color-select,
.fusion-content-widget-area .widget_layered_nav_filters li.chosen .awb-woo-attr-wrapper .avada-color-select {
  border-color: var(--form_focus_border_color-5a);
}
.fusion-content-widget-area .widget_layered_nav li .awb-woo-attr:hover,
.fusion-content-widget-area .widget_layered_nav_filters li .awb-woo-attr:hover {
  color: var(--form_focus_border_color-5a);
}