.elementor-52117 .elementor-element.elementor-element-5ce17a2{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-52117 .elementor-element.elementor-element-7489ca0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-52117 .elementor-element.elementor-element-27a7e5e{--display:flex;}.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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-52117 .elementor-element.elementor-element-f13838c{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-52117 .elementor-element.elementor-element-f3862a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-52117 .elementor-element.elementor-element-de1ab89{--display:flex;}.elementor-widget-global.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-global.elementor-view-framed .elementor-icon, .elementor-widget-global.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-global.elementor-view-framed .elementor-icon, .elementor-widget-global.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-52117 .elementor-element.elementor-global-27776 .elementor-icon-wrapper{text-align:end;}.elementor-52117 .elementor-element.elementor-global-27776.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-52117 .elementor-element.elementor-global-27776.elementor-view-framed .elementor-icon:hover, .elementor-52117 .elementor-element.elementor-global-27776.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-52117 .elementor-element.elementor-global-27776.elementor-view-framed .elementor-icon:hover, .elementor-52117 .elementor-element.elementor-global-27776.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-52117 .elementor-element.elementor-global-27776 .elementor-icon{font-size:22px;}.elementor-52117 .elementor-element.elementor-global-27776 .elementor-icon svg{height:22px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-52117 .elementor-element.elementor-element-2062878{--grid-columns:2;}.elementor-52117 .elementor-element.elementor-element-2062878 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-52117 .elementor-element.elementor-element-2062878 .e-loop-item > .elementor-section, .elementor-52117 .elementor-element.elementor-element-2062878 .e-loop-item > .elementor-section > .elementor-container, .elementor-52117 .elementor-element.elementor-element-2062878 .e-loop-item > .e-con, .elementor-52117 .elementor-element.elementor-element-2062878 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-52117 .elementor-element.elementor-element-1a7fb9e .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-52117 .elementor-element.elementor-element-1a7fb9e{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-52117 .elementor-element.elementor-element-3b61af4{--display:flex;}.elementor-52117 .elementor-element.elementor-element-240530a{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-52117 .elementor-element.elementor-element-240530a:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-240530a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1f82ccf );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-52117 .elementor-element.elementor-element-8550c0a .elementor-icon-wrapper{text-align:end;}.elementor-52117 .elementor-element.elementor-element-8550c0a.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-ba07be8 );}.elementor-52117 .elementor-element.elementor-element-8550c0a.elementor-view-framed .elementor-icon:hover, .elementor-52117 .elementor-element.elementor-element-8550c0a.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-ba07be8 );border-color:var( --e-global-color-ba07be8 );}.elementor-52117 .elementor-element.elementor-element-8550c0a.elementor-view-framed .elementor-icon:hover, .elementor-52117 .elementor-element.elementor-element-8550c0a.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-ba07be8 );}.elementor-52117 .elementor-element.elementor-element-8550c0a .elementor-icon{font-size:22px;}.elementor-52117 .elementor-element.elementor-element-8550c0a .elementor-icon svg{height:22px;}.elementor-52117 .elementor-element.elementor-element-0db6c5c{--display:flex;}.elementor-52117 .elementor-element.elementor-element-8dc7050{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-52117 .elementor-element.elementor-element-8dc7050:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-8dc7050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1f82ccf );}.elementor-52117 .elementor-element.elementor-element-3675da2{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-52117 .elementor-element.elementor-element-3675da2:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-3675da2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1f82ccf );}.elementor-52117 .elementor-element.elementor-element-9770ec1{--display:flex;}.elementor-52117 .elementor-element.elementor-element-b245664{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-52117 .elementor-element.elementor-element-173a69f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-52117 .elementor-element.elementor-element-96dcd62{--display:flex;}.elementor-52117 .elementor-element.elementor-element-10ad18c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-52117 .elementor-element.elementor-element-27a7e5e{--width:50%;}.elementor-52117 .elementor-element.elementor-element-f13838c{--width:50%;}.elementor-52117 .elementor-element.elementor-element-de1ab89{--width:70%;}.elementor-52117 .elementor-element.elementor-element-240530a{--width:100%;}.elementor-52117 .elementor-element.elementor-element-0db6c5c{--width:30%;}.elementor-52117 .elementor-element.elementor-element-8dc7050{--width:100%;}.elementor-52117 .elementor-element.elementor-element-3675da2{--width:100%;}.elementor-52117 .elementor-element.elementor-element-96dcd62{--width:50%;}.elementor-52117 .elementor-element.elementor-element-10ad18c{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-52117 .elementor-element.elementor-element-de1ab89{--width:100%;}.elementor-52117 .elementor-element.elementor-element-0db6c5c{--width:100%;}}@media(max-width:1024px){.elementor-52117 .elementor-element.elementor-element-f3862a2{--flex-wrap:wrap;}.elementor-52117 .elementor-element.elementor-element-de1ab89{--flex-wrap:nowrap;}.elementor-52117 .elementor-element.elementor-element-2062878{--grid-columns:1;}}@media(max-width:767px){.elementor-52117 .elementor-element.elementor-element-7489ca0{--flex-wrap:wrap;}.elementor-52117 .elementor-element.elementor-element-f3862a2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52117 .elementor-element.elementor-element-de1ab89{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52117 .elementor-element.elementor-element-2062878{--grid-columns:1;}.elementor-52117 .elementor-element.elementor-element-2062878 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-52117 .elementor-element.elementor-element-173a69f{--flex-wrap:wrap;}}/* Start custom CSS for shortcode, class: .elementor-element-dfdf80d *//* Let the range inputs overlap without blocking everything */
.ws-price-range {
  position: absolute;       /* or relative if your layout needs it */
  left: 0;
  right: 0;
  width: 100%;
  background: transparent;
}

/* Don’t let the track layer block clicks */
.ws-price-range {
  pointer-events: none;
}

/* But DO allow the thumb to be draggable/clickable */
.ws-price-range::-webkit-slider-thumb {
  pointer-events: auto;
  position: relative;
  z-index: 10;
}

.ws-price-range::-moz-range-thumb {
  pointer-events: auto;
  position: relative;
  z-index: 10;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b727d9e *//* Hide categories by default */
.ws-only-categories {
  display: none !important;
}

/* Show categories only when a non-empty brand is selected */
body:has(.car-brands-filter input[type="radio"]:checked[value]:not([value=""])) .ws-only-categories {
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-240530a *//* ======================================================
WS WooCommerce Filter Builder — Cocoon Vehicles Skin
========================================================= */

/* 1. Root variables for the whole filter skin (GLOBAL) */
:root {
    /* Brand Palette */
    --cocoon-primary: #003446;
    --cocoon-accent: #FCEA32;
    --cocoon-light-green: #004B65;
    --cocoon-secondary: #54595F;
    --cocoon-white: #ffffff;
    --cocoon-border: #e2e8f0;

    /* Typography */
    --ws-filter-font-family: "Roboto", sans-serif;
    --ws-filter-font-size: clamp(0.94rem, 0.90517rem + 0.13793vw, 1.00rem);
    --ws-filter-text-color: var(--cocoon-primary);
    --ws-filter-text-weight: 400;

    /* Label */
    --ws-filter-label-color: var(--cocoon-white);
    --ws-filter-label-bg: var(--cocoon-primary); 
    --ws-filter-label-weight: 600;
    --ws-filter-label-font-size: 0.85rem;
    --ws-filter-label-padding: 6px 12px;
    --ws-filter-label-radius: 4px;
    --ws-filter-label-hover-bg: var(--cocoon-light-green);

    /* Wrapper & spacing */
    --ws-filter-gap-between-filters-row: 10px;
    --ws-filter-gap-between-filters-col: 10px;
    --ws-filter-gap-between-pills: 8px;
    --ws-filter-checkbox-gap-row: 8px;
    --ws-filter-checkbox-gap-col: 8px;

    /* Dropdown field width */
    --ws-filter-input-min-width: auto;

    /* Pills */
    --ws-filter-pill-bg: var(--cocoon-white);
    --ws-filter-pill-bg-hover: var(--cocoon-light-green);
    --ws-filter-pill-bg-active: var(--cocoon-primary);
    --ws-filter-pill-border: 1px solid var(--cocoon-border);
    --ws-filter-pill-border-active: var(--cocoon-primary);
    --ws-filter-pill-text: var(--cocoon-primary);
    --ws-filter-pill-text-hover: var(--cocoon-white);
    --ws-filter-pill-text-active: var(--cocoon-white);
    --ws-filter-pill-radius: 5px;
    --ws-filter-pill-padding: 6px 16px;
    --ws-filter-pill-font-size: 0.95rem;

    /* Dropdown (custom select) */
    --ws-filter-dropdown-bg: var(--cocoon-white);
    --ws-filter-dropdown-border: 1px solid var(--cocoon-border);
    --ws-filter-dropdown-radius: 5px;
    --ws-filter-dropdown-padding: 0px 15px;
    --ws-filter-dropdown-font-size: 0.95rem;
    --ws-filter-dropdown-text-color: var(--cocoon-primary);
    --ws-filter-dropdown-text-hover: var(--cocoon-white);
    --ws-filter-dropdown-text-active: var(--cocoon-white);
    --ws-filter-dropdown-hover-bg: var(--cocoon-primary);
    --ws-filter-dropdown-panel-bg: var(--cocoon-white);
    --ws-filter-dropdown-panel-border: var(--cocoon-border);
    --ws-filter-dropdown-caret-color: var(--cocoon-primary);

    /* Price slider inputs */
    --ws-filter-price-input-width: 75px;
    --ws-filter-price-input-padding: 6px;
    --ws-filter-price-input-font-size: 0.9rem;
    --ws-filter-price-input-text-color: var(--cocoon-primary);
    --ws-filter-input-border-radius: 4px;
    --ws-filter-input-border: 1px solid var(--cocoon-border);
    --ws-filter-input-bg: var(--cocoon-white);

    /* Price slider track & thumb */
    --ws-filter-slider-track-color: #d0d0ce;
    --ws-filter-slider-track-height: 4px;
    --ws-filter-slider-thumb-color: var(--cocoon-accent);
    --ws-filter-slider-thumb-size: 18px;
    --ws-filter-slider-thumb-margin-top: -7px;
    --ws-filter-slider-wrapper-width: 120px;

    /* Reset icon */
    --ws-filter-reset-icon-size: 20px;
    --ws-filter-reset-icon-color: #aaaaaa;
    --ws-filter-reset-icon-color-hover: var(--cocoon-primary);
    --ws-filter-reset-btn-bg: transparent;
    --ws-filter-reset-btn-bg-hover: transparent;
    --ws-filter-reset-btn-radius: 4px;

    /* Reset All button */
    --ws-filter-reset-all-bg: var(--cocoon-secondary);
    --ws-filter-reset-all-bg-hover: var(--cocoon-primary);
    --ws-filter-reset-all-color: var(--cocoon-white);
    --ws-filter-reset-all-color-hover: var(--cocoon-white);
    --ws-filter-reset-all-border: 1px solid var(--cocoon-secondary);
    --ws-filter-reset-all-radius: 5px;
    --ws-filter-reset-all-padding: 8px 15px;
    --ws-filter-reset-all-weight: 600;

    /* Checkboxes */
    --ws-filter-checkbox-size: 18px;
    --ws-filter-checkbox-color: var(--cocoon-primary);
    --ws-filter-checkbox-border-color: #d0d0ce;
    --ws-filter-checkbox-bg: var(--cocoon-white);
    --ws-filter-checkbox-hover-bg: #f8f8f8;
    --ws-filter-checkbox-check-color: var(--cocoon-accent);

    /* Colour swatches */
    --ws-filter-swatch-bg-hover: var(--cocoon-white);
    --ws-filter-swatch-bg-active: var(--cocoon-white);
    --ws-filter-swatch-border-active: 2px solid var(--cocoon-primary);
}

/* ========================================================
   Base Elements & Layout
   ========================================================= */

.ws-wc-filters-skin.ws-wc-filter-wrapper,
.ws-wc-sort-wrapper {
    margin-bottom: 2rem;
    font-family: var(--ws-filter-font-family);
    font-size: var(--ws-filter-font-size);
    color: var(--ws-filter-text-color);
    font-weight: var(--ws-filter-text-weight);
}

.ws-wc-filters-skin .ws-wc-filter-form,
.ws-wc-sort-wrapper .ws-wc-sort-form.ws-wc-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ws-filter-gap-between-filters-row) var(--ws-filter-gap-between-filters-col);
    align-items: center;
}

/* Labels */
.ws-wc-filters-skin .ws-wc-filter-label,
.ws-wc-sort-wrapper .ws-wc-filter-label {
    font-weight: var(--ws-filter-label-weight);
    font-size: var(--ws-filter-label-font-size);
    color: var(--ws-filter-label-color);
    background: var(--ws-filter-label-bg);
    padding: var(--ws-filter-label-padding);
    border-radius: var(--ws-filter-label-radius);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Checkboxes */
.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"] {
    width: var(--ws-filter-checkbox-size);
    height: var(--ws-filter-checkbox-size);
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--ws-filter-checkbox-bg);
    border: 1px solid var(--ws-filter-checkbox-border-color) !important;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked {
    background-color: var(--ws-filter-checkbox-color);
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid var(--ws-filter-checkbox-check-color);
    border-bottom: 2px solid var(--ws-filter-checkbox-check-color);
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked::before {
    transform: rotate(45deg) scale(1);
}

/* Custom Select Dropdown */
.ws-wc-filters-skin .ws-custom-select-toggle,
.ws-wc-sort-wrapper .ws-custom-select-toggle {
    padding: var(--ws-filter-dropdown-padding);
    border-radius: var(--ws-filter-dropdown-radius);
    border: var(--ws-filter-dropdown-border);
    background: var(--ws-filter-dropdown-bg);
    color: var(--ws-filter-dropdown-text-color);
    font-weight: 500;
}

.ws-wc-filters-skin .ws-custom-select-option:hover {
    background: var(--ws-filter-dropdown-hover-bg);
    color: var(--ws-filter-dropdown-text-hover);
}

/* Pills / Chips */
.ws-wc-filters-skin .ws-wc-filter-multiselect-option {
    border-radius: var(--ws-filter-pill-radius);
    border: var(--ws-filter-pill-border);
    background: var(--ws-filter-pill-bg);
    padding: var(--ws-filter-pill-padding);
    color: var(--ws-filter-pill-text);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:hover {
    background: var(--ws-filter-pill-bg-hover);
    color: var(--ws-filter-pill-text-hover);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active {
    background: var(--ws-filter-pill-bg-active);
    color: var(--ws-filter-pill-text-active);
    border-color: var(--ws-filter-pill-bg-active);
}

/* Price Range Slider */
.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-runnable-track {
    background-color: var(--ws-filter-slider-track-color) !important;
}

.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-thumb {
    background-color: var(--ws-filter-slider-thumb-color) !important;
    border: 2px solid var(--cocoon-primary);
}

/* Colour Swatch Overrides */
.ws-colour-swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:has(.ws-colour-swatch) {
    border: 1px solid var(--cocoon-border);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active:has(.ws-colour-swatch) {
    border: 2px solid var(--cocoon-primary) !important;
}

/* Reset All Button */
.ws-wc-filter-reset-all {
    background: var(--ws-filter-reset-all-bg);
    color: var(--ws-filter-reset-all-color);
    padding: var(--ws-filter-reset-all-padding);
    border-radius: var(--ws-filter-reset-all-radius);
    text-transform: uppercase;
    font-size: 0.85rem;
}

.ws-wc-filter-reset-all:hover {
    background: var(--ws-filter-reset-all-bg-hover);
}

/* ========================================================
   Orientation Fixes (Kept from original)
   ========================================================= */
@media (min-width: 769px) {
    .ws-wc-filters-skin[data-desktop-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 768px) {
    .ws-wc-filters-skin[data-mobile-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fcb7733 *//* Let the range inputs overlap without blocking everything */
.ws-price-range {
  position: absolute;       /* or relative if your layout needs it */
  left: 0;
  right: 0;
  width: 100%;
  background: transparent;
}

/* Don’t let the track layer block clicks */
.ws-price-range {
  pointer-events: none;
}

/* But DO allow the thumb to be draggable/clickable */
.ws-price-range::-webkit-slider-thumb {
  pointer-events: auto;
  position: relative;
  z-index: 10;
}

.ws-price-range::-moz-range-thumb {
  pointer-events: auto;
  position: relative;
  z-index: 10;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f4e985 */.ws-only-categories { display: none !important; }

/* Show when brand filter has an active selection (adjust the inner .elementor-52117 .elementor-element.elementor-element-8f4e985) */
body:has(.car-brands-filter .selected),
body:has(.car-brands-filter .active),
body:has(.car-brands-filter [aria-checked="true"]),
body:has(.car-brands-filter input:checked) {
  .ws-only-categories { display: block !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8dc7050 *//* ======================================================
WS WooCommerce Filter Builder — Cocoon Vehicles Skin
========================================================= */

/* 1. Root variables for the whole filter skin (GLOBAL) */
:root {
    /* Brand Palette */
    --cocoon-primary: #003446;
    --cocoon-accent: #FCEA32;
    --cocoon-light-green: #004B65;
    --cocoon-secondary: #54595F;
    --cocoon-white: #ffffff;
    --cocoon-border: #e2e8f0;

    /* Typography */
    --ws-filter-font-family: "Roboto", sans-serif;
    --ws-filter-font-size: clamp(0.94rem, 0.90517rem + 0.13793vw, 1.00rem);
    --ws-filter-text-color: var(--cocoon-primary);
    --ws-filter-text-weight: 400;

    /* Label */
    --ws-filter-label-color: var(--cocoon-white);
    --ws-filter-label-bg: var(--cocoon-primary); 
    --ws-filter-label-weight: 600;
    --ws-filter-label-font-size: 0.85rem;
    --ws-filter-label-padding: 6px 12px;
    --ws-filter-label-radius: 4px;
    --ws-filter-label-hover-bg: var(--cocoon-light-green);

    /* Wrapper & spacing */
    --ws-filter-gap-between-filters-row: 10px;
    --ws-filter-gap-between-filters-col: 10px;
    --ws-filter-gap-between-pills: 8px;
    --ws-filter-checkbox-gap-row: 8px;
    --ws-filter-checkbox-gap-col: 8px;

    /* Dropdown field width */
    --ws-filter-input-min-width: auto;

    /* Pills */
    --ws-filter-pill-bg: var(--cocoon-white);
    --ws-filter-pill-bg-hover: var(--cocoon-light-green);
    --ws-filter-pill-bg-active: var(--cocoon-primary);
    --ws-filter-pill-border: 1px solid var(--cocoon-border);
    --ws-filter-pill-border-active: var(--cocoon-primary);
    --ws-filter-pill-text: var(--cocoon-primary);
    --ws-filter-pill-text-hover: var(--cocoon-white);
    --ws-filter-pill-text-active: var(--cocoon-white);
    --ws-filter-pill-radius: 5px;
    --ws-filter-pill-padding: 6px 16px;
    --ws-filter-pill-font-size: 0.95rem;

    /* Dropdown (custom select) */
    --ws-filter-dropdown-bg: var(--cocoon-white);
    --ws-filter-dropdown-border: 1px solid var(--cocoon-border);
    --ws-filter-dropdown-radius: 5px;
    --ws-filter-dropdown-padding: 0px 15px;
    --ws-filter-dropdown-font-size: 0.95rem;
    --ws-filter-dropdown-text-color: var(--cocoon-primary);
    --ws-filter-dropdown-text-hover: var(--cocoon-white);
    --ws-filter-dropdown-text-active: var(--cocoon-white);
    --ws-filter-dropdown-hover-bg: var(--cocoon-primary);
    --ws-filter-dropdown-panel-bg: var(--cocoon-white);
    --ws-filter-dropdown-panel-border: var(--cocoon-border);
    --ws-filter-dropdown-caret-color: var(--cocoon-primary);

    /* Price slider inputs */
    --ws-filter-price-input-width: 75px;
    --ws-filter-price-input-padding: 6px;
    --ws-filter-price-input-font-size: 0.9rem;
    --ws-filter-price-input-text-color: var(--cocoon-primary);
    --ws-filter-input-border-radius: 4px;
    --ws-filter-input-border: 1px solid var(--cocoon-border);
    --ws-filter-input-bg: var(--cocoon-white);

    /* Price slider track & thumb */
    --ws-filter-slider-track-color: #d0d0ce;
    --ws-filter-slider-track-height: 4px;
    --ws-filter-slider-thumb-color: var(--cocoon-accent);
    --ws-filter-slider-thumb-size: 18px;
    --ws-filter-slider-thumb-margin-top: -7px;
    --ws-filter-slider-wrapper-width: 120px;

    /* Reset icon */
    --ws-filter-reset-icon-size: 20px;
    --ws-filter-reset-icon-color: #aaaaaa;
    --ws-filter-reset-icon-color-hover: var(--cocoon-primary);
    --ws-filter-reset-btn-bg: transparent;
    --ws-filter-reset-btn-bg-hover: transparent;
    --ws-filter-reset-btn-radius: 4px;

    /* Reset All button */
    --ws-filter-reset-all-bg: var(--cocoon-secondary);
    --ws-filter-reset-all-bg-hover: var(--cocoon-primary);
    --ws-filter-reset-all-color: var(--cocoon-white);
    --ws-filter-reset-all-color-hover: var(--cocoon-white);
    --ws-filter-reset-all-border: 1px solid var(--cocoon-secondary);
    --ws-filter-reset-all-radius: 5px;
    --ws-filter-reset-all-padding: 8px 15px;
    --ws-filter-reset-all-weight: 600;

    /* Checkboxes */
    --ws-filter-checkbox-size: 18px;
    --ws-filter-checkbox-color: var(--cocoon-primary);
    --ws-filter-checkbox-border-color: #d0d0ce;
    --ws-filter-checkbox-bg: var(--cocoon-white);
    --ws-filter-checkbox-hover-bg: #f8f8f8;
    --ws-filter-checkbox-check-color: var(--cocoon-accent);

    /* Colour swatches */
    --ws-filter-swatch-bg-hover: var(--cocoon-white);
    --ws-filter-swatch-bg-active: var(--cocoon-white);
    --ws-filter-swatch-border-active: 2px solid var(--cocoon-primary);
}

/* ========================================================
   Base Elements & Layout
   ========================================================= */

.ws-wc-filters-skin.ws-wc-filter-wrapper,
.ws-wc-sort-wrapper {
    margin-bottom: 2rem;
    font-family: var(--ws-filter-font-family);
    font-size: var(--ws-filter-font-size);
    color: var(--ws-filter-text-color);
    font-weight: var(--ws-filter-text-weight);
}

.ws-wc-filters-skin .ws-wc-filter-form,
.ws-wc-sort-wrapper .ws-wc-sort-form.ws-wc-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ws-filter-gap-between-filters-row) var(--ws-filter-gap-between-filters-col);
    align-items: center;
}

/* Labels */
.ws-wc-filters-skin .ws-wc-filter-label,
.ws-wc-sort-wrapper .ws-wc-filter-label {
    font-weight: var(--ws-filter-label-weight);
    font-size: var(--ws-filter-label-font-size);
    color: var(--ws-filter-label-color);
    background: var(--ws-filter-label-bg);
    padding: var(--ws-filter-label-padding);
    border-radius: var(--ws-filter-label-radius);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Checkboxes */
.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"] {
    width: var(--ws-filter-checkbox-size);
    height: var(--ws-filter-checkbox-size);
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--ws-filter-checkbox-bg);
    border: 1px solid var(--ws-filter-checkbox-border-color) !important;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked {
    background-color: var(--ws-filter-checkbox-color);
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid var(--ws-filter-checkbox-check-color);
    border-bottom: 2px solid var(--ws-filter-checkbox-check-color);
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked::before {
    transform: rotate(45deg) scale(1);
}

/* Custom Select Dropdown */
.ws-wc-filters-skin .ws-custom-select-toggle,
.ws-wc-sort-wrapper .ws-custom-select-toggle {
    padding: var(--ws-filter-dropdown-padding);
    border-radius: var(--ws-filter-dropdown-radius);
    border: var(--ws-filter-dropdown-border);
    background: var(--ws-filter-dropdown-bg);
    color: var(--ws-filter-dropdown-text-color);
    font-weight: 500;
}

.ws-wc-filters-skin .ws-custom-select-option:hover {
    background: var(--ws-filter-dropdown-hover-bg);
    color: var(--ws-filter-dropdown-text-hover);
}

/* Pills / Chips */
.ws-wc-filters-skin .ws-wc-filter-multiselect-option {
    border-radius: var(--ws-filter-pill-radius);
    border: var(--ws-filter-pill-border);
    background: var(--ws-filter-pill-bg);
    padding: var(--ws-filter-pill-padding);
    color: var(--ws-filter-pill-text);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:hover {
    background: var(--ws-filter-pill-bg-hover);
    color: var(--ws-filter-pill-text-hover);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active {
    background: var(--ws-filter-pill-bg-active);
    color: var(--ws-filter-pill-text-active);
    border-color: var(--ws-filter-pill-bg-active);
}

/* Price Range Slider */
.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-runnable-track {
    background-color: var(--ws-filter-slider-track-color) !important;
}

.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-thumb {
    background-color: var(--ws-filter-slider-thumb-color) !important;
    border: 2px solid var(--cocoon-primary);
}

/* Colour Swatch Overrides */
.ws-colour-swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:has(.ws-colour-swatch) {
    border: 1px solid var(--cocoon-border);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active:has(.ws-colour-swatch) {
    border: 2px solid var(--cocoon-primary) !important;
}

/* Reset All Button */
.ws-wc-filter-reset-all {
    background: var(--ws-filter-reset-all-bg);
    color: var(--ws-filter-reset-all-color);
    padding: var(--ws-filter-reset-all-padding);
    border-radius: var(--ws-filter-reset-all-radius);
    text-transform: uppercase;
    font-size: 0.85rem;
}

.ws-wc-filter-reset-all:hover {
    background: var(--ws-filter-reset-all-bg-hover);
}

/* ========================================================
   Orientation Fixes (Kept from original)
   ========================================================= */
@media (min-width: 769px) {
    .ws-wc-filters-skin[data-desktop-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 768px) {
    .ws-wc-filters-skin[data-mobile-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f490891 */.ws-only-categories { display: none !important; }

/* Show when brand filter has an active selection (adjust the inner .elementor-52117 .elementor-element.elementor-element-f490891) */
body:has(.car-brands-filter .selected),
body:has(.car-brands-filter .active),
body:has(.car-brands-filter [aria-checked="true"]),
body:has(.car-brands-filter input:checked) {
  .ws-only-categories { display: block !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3675da2 *//* ======================================================
WS WooCommerce Filter Builder — Cocoon Vehicles Skin
========================================================= */

/* 1. Root variables for the whole filter skin (GLOBAL) */
:root {
    /* Brand Palette */
    --cocoon-primary: #003446;
    --cocoon-accent: #FCEA32;
    --cocoon-light-green: #004B65;
    --cocoon-secondary: #54595F;
    --cocoon-white: #ffffff;
    --cocoon-border: #e2e8f0;

    /* Typography */
    --ws-filter-font-family: "Roboto", sans-serif;
    --ws-filter-font-size: clamp(0.94rem, 0.90517rem + 0.13793vw, 1.00rem);
    --ws-filter-text-color: var(--cocoon-primary);
    --ws-filter-text-weight: 400;

    /* Label */
    --ws-filter-label-color: var(--cocoon-white);
    --ws-filter-label-bg: var(--cocoon-primary); 
    --ws-filter-label-weight: 600;
    --ws-filter-label-font-size: 0.85rem;
    --ws-filter-label-padding: 6px 12px;
    --ws-filter-label-radius: 4px;
    --ws-filter-label-hover-bg: var(--cocoon-light-green);

    /* Wrapper & spacing */
    --ws-filter-gap-between-filters-row: 10px;
    --ws-filter-gap-between-filters-col: 10px;
    --ws-filter-gap-between-pills: 8px;
    --ws-filter-checkbox-gap-row: 8px;
    --ws-filter-checkbox-gap-col: 8px;

    /* Dropdown field width */
    --ws-filter-input-min-width: auto;

    /* Pills */
    --ws-filter-pill-bg: var(--cocoon-white);
    --ws-filter-pill-bg-hover: var(--cocoon-light-green);
    --ws-filter-pill-bg-active: var(--cocoon-primary);
    --ws-filter-pill-border: 1px solid var(--cocoon-border);
    --ws-filter-pill-border-active: var(--cocoon-primary);
    --ws-filter-pill-text: var(--cocoon-primary);
    --ws-filter-pill-text-hover: var(--cocoon-white);
    --ws-filter-pill-text-active: var(--cocoon-white);
    --ws-filter-pill-radius: 5px;
    --ws-filter-pill-padding: 6px 16px;
    --ws-filter-pill-font-size: 0.95rem;

    /* Dropdown (custom select) */
    --ws-filter-dropdown-bg: var(--cocoon-white);
    --ws-filter-dropdown-border: 1px solid var(--cocoon-border);
    --ws-filter-dropdown-radius: 5px;
    --ws-filter-dropdown-padding: 0px 15px;
    --ws-filter-dropdown-font-size: 0.95rem;
    --ws-filter-dropdown-text-color: var(--cocoon-primary);
    --ws-filter-dropdown-text-hover: var(--cocoon-white);
    --ws-filter-dropdown-text-active: var(--cocoon-white);
    --ws-filter-dropdown-hover-bg: var(--cocoon-primary);
    --ws-filter-dropdown-panel-bg: var(--cocoon-white);
    --ws-filter-dropdown-panel-border: var(--cocoon-border);
    --ws-filter-dropdown-caret-color: var(--cocoon-primary);

    /* Price slider inputs */
    --ws-filter-price-input-width: 75px;
    --ws-filter-price-input-padding: 6px;
    --ws-filter-price-input-font-size: 0.9rem;
    --ws-filter-price-input-text-color: var(--cocoon-primary);
    --ws-filter-input-border-radius: 4px;
    --ws-filter-input-border: 1px solid var(--cocoon-border);
    --ws-filter-input-bg: var(--cocoon-white);

    /* Price slider track & thumb */
    --ws-filter-slider-track-color: #d0d0ce;
    --ws-filter-slider-track-height: 4px;
    --ws-filter-slider-thumb-color: var(--cocoon-accent);
    --ws-filter-slider-thumb-size: 18px;
    --ws-filter-slider-thumb-margin-top: -7px;
    --ws-filter-slider-wrapper-width: 120px;

    /* Reset icon */
    --ws-filter-reset-icon-size: 20px;
    --ws-filter-reset-icon-color: #aaaaaa;
    --ws-filter-reset-icon-color-hover: var(--cocoon-primary);
    --ws-filter-reset-btn-bg: transparent;
    --ws-filter-reset-btn-bg-hover: transparent;
    --ws-filter-reset-btn-radius: 4px;

    /* Reset All button */
    --ws-filter-reset-all-bg: var(--cocoon-secondary);
    --ws-filter-reset-all-bg-hover: var(--cocoon-primary);
    --ws-filter-reset-all-color: var(--cocoon-white);
    --ws-filter-reset-all-color-hover: var(--cocoon-white);
    --ws-filter-reset-all-border: 1px solid var(--cocoon-secondary);
    --ws-filter-reset-all-radius: 5px;
    --ws-filter-reset-all-padding: 8px 15px;
    --ws-filter-reset-all-weight: 600;

    /* Checkboxes */
    --ws-filter-checkbox-size: 18px;
    --ws-filter-checkbox-color: var(--cocoon-primary);
    --ws-filter-checkbox-border-color: #d0d0ce;
    --ws-filter-checkbox-bg: var(--cocoon-white);
    --ws-filter-checkbox-hover-bg: #f8f8f8;
    --ws-filter-checkbox-check-color: var(--cocoon-accent);

    /* Colour swatches */
    --ws-filter-swatch-bg-hover: var(--cocoon-white);
    --ws-filter-swatch-bg-active: var(--cocoon-white);
    --ws-filter-swatch-border-active: 2px solid var(--cocoon-primary);
}

/* ========================================================
   Base Elements & Layout
   ========================================================= */

.ws-wc-filters-skin.ws-wc-filter-wrapper,
.ws-wc-sort-wrapper {
    margin-bottom: 2rem;
    font-family: var(--ws-filter-font-family);
    font-size: var(--ws-filter-font-size);
    color: var(--ws-filter-text-color);
    font-weight: var(--ws-filter-text-weight);
}

.ws-wc-filters-skin .ws-wc-filter-form,
.ws-wc-sort-wrapper .ws-wc-sort-form.ws-wc-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ws-filter-gap-between-filters-row) var(--ws-filter-gap-between-filters-col);
    align-items: center;
}

/* Labels */
.ws-wc-filters-skin .ws-wc-filter-label,
.ws-wc-sort-wrapper .ws-wc-filter-label {
    font-weight: var(--ws-filter-label-weight);
    font-size: var(--ws-filter-label-font-size);
    color: var(--ws-filter-label-color);
    background: var(--ws-filter-label-bg);
    padding: var(--ws-filter-label-padding);
    border-radius: var(--ws-filter-label-radius);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Checkboxes */
.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"] {
    width: var(--ws-filter-checkbox-size);
    height: var(--ws-filter-checkbox-size);
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--ws-filter-checkbox-bg);
    border: 1px solid var(--ws-filter-checkbox-border-color) !important;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked {
    background-color: var(--ws-filter-checkbox-color);
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid var(--ws-filter-checkbox-check-color);
    border-bottom: 2px solid var(--ws-filter-checkbox-check-color);
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease;
}

.ws-wc-filters-skin .ws-wc-filter-checkbox input[type="checkbox"]:checked::before {
    transform: rotate(45deg) scale(1);
}

/* Custom Select Dropdown */
.ws-wc-filters-skin .ws-custom-select-toggle,
.ws-wc-sort-wrapper .ws-custom-select-toggle {
    padding: var(--ws-filter-dropdown-padding);
    border-radius: var(--ws-filter-dropdown-radius);
    border: var(--ws-filter-dropdown-border);
    background: var(--ws-filter-dropdown-bg);
    color: var(--ws-filter-dropdown-text-color);
    font-weight: 500;
}

.ws-wc-filters-skin .ws-custom-select-option:hover {
    background: var(--ws-filter-dropdown-hover-bg);
    color: var(--ws-filter-dropdown-text-hover);
}

/* Pills / Chips */
.ws-wc-filters-skin .ws-wc-filter-multiselect-option {
    border-radius: var(--ws-filter-pill-radius);
    border: var(--ws-filter-pill-border);
    background: var(--ws-filter-pill-bg);
    padding: var(--ws-filter-pill-padding);
    color: var(--ws-filter-pill-text);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:hover {
    background: var(--ws-filter-pill-bg-hover);
    color: var(--ws-filter-pill-text-hover);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active {
    background: var(--ws-filter-pill-bg-active);
    color: var(--ws-filter-pill-text-active);
    border-color: var(--ws-filter-pill-bg-active);
}

/* Price Range Slider */
.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-runnable-track {
    background-color: var(--ws-filter-slider-track-color) !important;
}

.ws-wc-filters-skin .ws-price-range-slider-wrapper .ws-price-range::-webkit-slider-thumb {
    background-color: var(--ws-filter-slider-thumb-color) !important;
    border: 2px solid var(--cocoon-primary);
}

/* Colour Swatch Overrides */
.ws-colour-swatch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option:has(.ws-colour-swatch) {
    border: 1px solid var(--cocoon-border);
}

.ws-wc-filters-skin .ws-wc-filter-multiselect-option.is-active:has(.ws-colour-swatch) {
    border: 2px solid var(--cocoon-primary) !important;
}

/* Reset All Button */
.ws-wc-filter-reset-all {
    background: var(--ws-filter-reset-all-bg);
    color: var(--ws-filter-reset-all-color);
    padding: var(--ws-filter-reset-all-padding);
    border-radius: var(--ws-filter-reset-all-radius);
    text-transform: uppercase;
    font-size: 0.85rem;
}

.ws-wc-filter-reset-all:hover {
    background: var(--ws-filter-reset-all-bg-hover);
}

/* ========================================================
   Orientation Fixes (Kept from original)
   ========================================================= */
@media (min-width: 769px) {
    .ws-wc-filters-skin[data-desktop-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 768px) {
    .ws-wc-filters-skin[data-mobile-orientation="vertical"] .ws-wc-filter-form { flex-direction: column; align-items: flex-start; }
}/* End custom CSS */