.elementor-3483 .elementor-element.elementor-element-fa39be7{--display:flex;--min-height:817px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3483 .elementor-element.elementor-element-fa39be7:not(.elementor-motion-effects-element-type-background), .elementor-3483 .elementor-element.elementor-element-fa39be7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wangararimsandsuspension.com.au/wp-content/uploads/2026/02/wheel-rims-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3483 .elementor-element.elementor-element-fa39be7::before, .elementor-3483 .elementor-element.elementor-element-fa39be7 > .elementor-background-video-container::before, .elementor-3483 .elementor-element.elementor-element-fa39be7 > .e-con-inner > .elementor-background-video-container::before, .elementor-3483 .elementor-element.elementor-element-fa39be7 > .elementor-background-slideshow::before, .elementor-3483 .elementor-element.elementor-element-fa39be7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3483 .elementor-element.elementor-element-fa39be7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:var( --e-global-color-secondary );}.elementor-3483 .elementor-element.elementor-element-70fe91d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3483 .elementor-element.elementor-element-71c04fd{text-align:center;}.elementor-3483 .elementor-element.elementor-element-71c04fd .elementor-heading-title{font-family:"sf compact new", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;line-height:52px;letter-spacing:-1.4px;color:var( --e-global-color-accent );}.elementor-3483 .elementor-element.elementor-element-600af61{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-widget-woofilters .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woofilters .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3483 .elementor-element.elementor-element-ee8885f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-products .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;padding:20px 20px 20px 20px;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:40px;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );margin-bottom:20px;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );margin-bottom:20px;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .price{color:#CC0808;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .price ins{color:#CC0808;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .price ins .amount{color:#CC0808;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-accent );background-color:var( --e-global-color-secondary );}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3483 .elementor-element.elementor-element-fa39be7{--min-height:700px;}.elementor-3483 .elementor-element.elementor-element-fa39be7:not(.elementor-motion-effects-element-type-background), .elementor-3483 .elementor-element.elementor-element-fa39be7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wangararimsandsuspension.com.au/wp-content/uploads/2025/09/Contact-Us-8-1.png");}.elementor-3483 .elementor-element.elementor-element-70fe91d{--padding-top:190px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3483 .elementor-element.elementor-element-71c04fd .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-3483 .elementor-element.elementor-element-4c5984c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woofilters, class: .elementor-element-334135e *//* ============================================
   WANGARA RIMS — WBW FILTER FINAL v2
   Horizontal / Centered / Minimal / Red Accent
   ============================================ */

/* ---------- FORCE HORIZONTAL + CENTERED LAYOUT ---------- */
#wpfMainWrapper-1_117867,
.wpfMainWrapper,
div.wpfMainWrapper,
div[id^="wpfMainWrapper"] {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* ---------- EACH FILTER CARD ---------- */
div.wpfMainWrapper > .wpfFilterWrapper,
.wpfMainWrapper > div.wpfFilterWrapper,
div[id^="wpfMainWrapper"] > .wpfFilterWrapper {
  flex: 0 1 280px !important;
  min-width: 180px !important;
  max-width: 300px !important;
  width: auto !important;
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

div.wpfMainWrapper > .wpfFilterWrapper:hover {
  border-color: #d4d4d4 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
}

/* ---------- FILTER TITLES ---------- */
.wpfFilterWrapper .wfpDescription {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #dc2626 !important;
  display: inline-block !important;
}

/* ---------- CHECKBOX LIST ---------- */
.wpfCheckboxHier ul.wpfFilterVerScroll {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
}

.wpfCheckboxHier ul.wpfFilterVerScroll::-webkit-scrollbar {
  width: 3px;
}
.wpfCheckboxHier ul.wpfFilterVerScroll::-webkit-scrollbar-track {
  background: transparent;
}
.wpfCheckboxHier ul.wpfFilterVerScroll::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 3px;
}
.wpfCheckboxHier ul.wpfFilterVerScroll::-webkit-scrollbar-thumb:hover {
  background: #dc2626;
}

/* ---------- EACH CHECKBOX ITEM ---------- */
.wpfCheckboxHier ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 5px !important;
  transition: background 0.15s ease !important;
}

.wpfCheckboxHier ul li:hover {
  background: #fafafa !important;
}

.wpfLiLabel {
  display: flex !important;
  align-items: center !important;
  padding: 6px 8px !important;
  cursor: pointer !important;
  gap: 10px !important;
  width: 100% !important;
}

/* ---------- CUSTOM CHECKBOX ---------- */
.wpfCheckbox input[type="checkbox"] {
  display: none !important;
}

.wpfCheckbox label {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  border: 1.5px solid #c5c5c5 !important;
  border-radius: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background: #fff !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wpfCheckbox label:hover {
  border-color: #dc2626 !important;
}

.wpfCheckbox input[type="checkbox"]:checked + label {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}

.wpfCheckbox input[type="checkbox"]:checked + label::after {
  content: '' !important;
  width: 4px !important;
  height: 8px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  margin-top: -1px !important;
  display: block !important;
}

/* ---------- LABEL TEXT ---------- */
.wpfDisplay .wpfValue .wpfFilterTaxNameWrapper {
  color: #525252 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  transition: color 0.15s ease !important;
}

.wpfCheckboxHier ul li:hover .wpfFilterTaxNameWrapper {
  color: #1a1a1a !important;
}

.wpfCheckbox input[type="checkbox"]:checked ~ .wpfDisplay .wpfFilterTaxNameWrapper,
li.wpfSelected .wpfFilterTaxNameWrapper {
  color: #dc2626 !important;
  font-weight: 500 !important;
}

/* ---------- DROPDOWN (Vehicle) ---------- */
.wpfCheckboxHier select {
  width: 100% !important;
  padding: 9px 34px 9px 12px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  color: #525252 !important;
  background-color: #fff !important;
  border: 1.5px solid #e5e5e5 !important;
  border-radius: 7px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px !important;
}

.wpfCheckboxHier select:hover {
  border-color: #c5c5c5 !important;
}

.wpfCheckboxHier select:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.08) !important;
}

.wpfCheckboxHier select option {
  background-color: #fff !important;
  color: #525252 !important;
  font-size: 13px !important;
}

/* ---------- FILTER & CLEAR BUTTONS ---------- */
div.wpfMainWrapper > .wpfFilterButtons,
.wpfMainWrapper > .wpfFilterButtons,
div[id^="wpfMainWrapper"] > .wpfFilterButtons {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  min-width: unset !important;
  max-width: unset !important;
}

/* FILTER BUTTON */
.wpfMainWrapper button.wpfFilterButton.wpfButton,
.wpfMainWrapper .wpfFilterButtons .wpfFilterButton.wpfButton,
.wpfMainWrapper .wpfFilterButtons button.wpfFilterButton,
button.wpfFilterButton.wpfButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 48px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #dc2626 !important;
  background: transparent !important;
  border: 1.5px solid #dc2626 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  height: auto !important;
  width: auto !important;
  min-width: unset !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.wpfMainWrapper button.wpfFilterButton.wpfButton:hover,
button.wpfFilterButton.wpfButton:hover {
  color: #ffffff !important;
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  box-shadow: none !important;
}

.wpfMainWrapper button.wpfFilterButton.wpfButton:active,
button.wpfFilterButton.wpfButton:active {
  color: #ffffff !important;
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}

.wpfFilterButton.wpfButton::before,
.wpfFilterButton.wpfButton::after {
  display: none !important;
  content: none !important;
}

/* CLEAR BUTTON */
.wpfMainWrapper .wpfFilterButtons .wpfClearButton,
.wpfMainWrapper .wpfClearAll {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 48px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #999 !important;
  background: transparent !important;
  border: 1.5px solid #e5e5e5 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.wpfMainWrapper .wpfFilterButtons .wpfClearButton:hover,
.wpfMainWrapper .wpfClearAll:hover {
  color: #dc2626 !important;
  border-color: #dc2626 !important;
}

/* ---------- LOADER ---------- */
.wpfLoaderLayout {
  text-align: center !important;
  padding: 12px 0 !important;
}
.wpfLoaderLayout i {
  color: #dc2626 !important;
  font-size: 18px !important;
}

/* ---------- COUNT BADGES ---------- */
.wpfFilterTaxCount {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #aaa !important;
  margin-left: 4px !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
  #wpfMainWrapper-1_117867,
  .wpfMainWrapper,
  div.wpfMainWrapper,
  div[id^="wpfMainWrapper"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 0 !important;
  }

  div.wpfMainWrapper > .wpfFilterWrapper,
  div[id^="wpfMainWrapper"] > .wpfFilterWrapper {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  div.wpfMainWrapper > .wpfFilterButtons,
  div[id^="wpfMainWrapper"] > .wpfFilterButtons {
    width: 100% !important;
    flex-direction: row !important;
    gap: 10px !important;
  }

  .wpfMainWrapper button.wpfFilterButton.wpfButton,
  button.wpfFilterButton.wpfButton {
    flex: 1 !important;
    text-align: center !important;
    padding: 10px 24px !important;
  }

  .wpfMainWrapper .wpfFilterButtons .wpfClearButton,
  .wpfMainWrapper .wpfClearAll {
    flex: 1 !important;
    text-align: center !important;
    padding: 10px 24px !important;
  }
}

@media (max-width: 480px) {
  div.wpfMainWrapper > .wpfFilterWrapper {
    padding: 14px 14px !important;
    border-radius: 8px !important;
  }

  .wpfFilterWrapper .wfpDescription {
    font-size: 10px !important;
  }

  .wpfDisplay .wpfValue .wpfFilterTaxNameWrapper {
    font-size: 12.5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4c5984c *//* Smooth transitions */
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product,
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product .button{
    transition: all 0.3s ease;
}

/* Card visual hover */
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product:hover,
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product .woocommerce-LoopProduct-link:hover{
    border-radius: 30px !important;
    border-color: #CC0808 !important;
}

/* 🔗 Image/title hover → button reacts */
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product 
.woocommerce-LoopProduct-link:hover ~ .button,
.elementor-3483 
.elementor-element.elementor-element-4c5984c 
ul.products li.product 
.button:hover{
    border-radius: 30px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'sf compact new';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://wangararimsandsuspension.com.au/wp-content/uploads/2025/08/SFCompactDisplay-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */