.elementor-3034 .elementor-element.elementor-element-1bd8a59{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.8;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3034 .elementor-element.elementor-element-1bd8a59:not(.elementor-motion-effects-element-type-background), .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3034 .elementor-element.elementor-element-1bd8a59::before, .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .elementor-background-video-container::before, .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .e-con-inner > .elementor-background-video-container::before, .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .elementor-background-slideshow::before, .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3034 .elementor-element.elementor-element-1bd8a59 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3034 .elementor-element.elementor-element-ab65fb5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3034 .elementor-element.elementor-element-c41580e > .elementor-widget-container{padding:0px 0px 05px 0px;}.elementor-3034 .elementor-element.elementor-element-c41580e .elementor-heading-title{font-family:"Rokkitt", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-primary );}.elementor-3034 .elementor-element.elementor-element-541fbe7 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:60px;color:#664937;}.elementor-3034 .elementor-element.elementor-element-cb3796b{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-3034 .elementor-element.elementor-element-cb3796b .elementor-divider-separator{width:48px;}.elementor-3034 .elementor-element.elementor-element-cb3796b .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-3034 .elementor-element.elementor-element-94a239a{--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;}.elementor-3034 .elementor-element.elementor-element-f6f024b{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3034 .elementor-element.elementor-element-745c873 > .elementor-widget-container{padding:0px 30px 0px 0px;}.elementor-3034 .elementor-element.elementor-element-3651f29{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3034 .elementor-element.elementor-element-c6ba48f{--grid-columns:3;--e-loop-nothing-found-message-align:center;--e-loop-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-3034 .elementor-element.elementor-element-c6ba48f > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination{text-align:center;margin-top:10px;}.elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}.elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers.current{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 5px/2 );}body:not(.rtl) .elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 5px/2 );}body.rtl .elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 5px/2 );}body.rtl .elementor-3034 .elementor-element.elementor-element-c6ba48f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 5px/2 );}.elementor-3034 .elementor-element.elementor-element-c6ba48f .e-loop-nothing-found-message__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-3034 .elementor-element.elementor-element-c6ba48f{--grid-columns:2;}.elementor-3034 .elementor-element.elementor-element-c6ba48f .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-3034 .elementor-element.elementor-element-1bd8a59{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3034 .elementor-element.elementor-element-c6ba48f{--grid-columns:1;}.elementor-3034 .elementor-element.elementor-element-c6ba48f .e-loop-nothing-found-message__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(min-width:768px){.elementor-3034 .elementor-element.elementor-element-ab65fb5{--width:75%;}.elementor-3034 .elementor-element.elementor-element-f6f024b{--width:25%;}.elementor-3034 .elementor-element.elementor-element-3651f29{--width:75%;}}/* Start custom CSS for html, class: .elementor-element-745c873 */.elementor-3034 .elementor-element.elementor-element-745c873
{
    color: #664937;
    font-family: 'Roboto Slab', serif;
      font-weight: 400;
      font-size: 15px;
}
/* Container */


/* Slider track */
#wpfSliderRange.ui-slider {
  height: 8px;
  background: #ddd;
  border-radius: 5px;
  position: relative;
  margin: 1em 0;
  border: none;
}

/* Active range inside slider */
#wpfSliderRange .ui-slider-range {
  background: #664937;
  border-radius: 5px;
}

/* Slider handles */
#wpfSliderRange .ui-slider-handle {
  width: 20px;
  height: 20px;
  background: #664937;
  border-radius: 50%;
  top: -7px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.3s;
}

#wpfSliderRange .ui-slider-handle:hover {
  background: #8b4513;
}


/* Base style for both buttons */
.wpfFilterButton, .wpfClearButton {
  padding: 5px 30px;
  
  background-color: #FFF5EF;
  color: #664937;
  border: 1px solid #664937;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 15px;
}
/* --- 1. Global Reset & Wrapper --- */
.wpfMainWrapper {
    font-family: 'Arial', sans-serif; /* Use a modern, clean font */
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff; /* White background for the filter block */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Subtle shadow for depth */
}

/* --- 2. Section Headings (Ár, Rendezés, Kategóriák, Leárazott) --- */
.wpfFilterTitle {
    border-bottom: 2px solid #e0e0e0; /* Light separator */
    margin-bottom: 15px;
    padding-bottom: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpfFilterTitle .wfpTitle {
    font-size: 1.15em;
    font-weight: 600; /* Bolder for prominence */
    color: #333333; /* Darker text */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Change icon style (if using FontAwesome) */
.wpfFilterTitle .wpfTitleToggle {
    color: #999999;
}


/* --- 3. Price Slider (Ár) --- */
.wpfFilterWrapper[data-filter-type="wpfPrice"] {
    margin-bottom: 30px;
}

/* Style for the slider track */
.wpfPriceFilterRange.ui-slider {
    background: #e0e0e0; /* Light gray track */
    border: none;
    height: 6px;
    border-radius: 3px;
}

/* Style for the active range */
.wpfPriceFilterRange .ui-slider-range {
    background: #007bff; /* A modern blue for the selected range */
    border-radius: 3px;
}

/* Style for the slider handles */
.wpfPriceFilterRange .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%; /* Circle handles */
    background: #ffffff; /* White interior */
    border: 3px solid #007bff; /* Blue border */
    cursor: grab;
    top: -6px; /* Center handle on track */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Style for price inputs */
.wpfPriceInputs {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 1em;
    color: #555;
}

.wpfPriceRangeField {
    padding: 5px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    background: #f9f9f9;
}

/* --- 4. Radio/Checkbox Lists (Rendezés, Kategóriák, Leárazott) --- */
.wpfFilterContent ul li {
    margin-bottom: 8px; /* Better vertical spacing */
}

/* Hide default checkboxes/radios and style the custom look */
.wpfCheckbox input[type="checkbox"],
.wpfCheckbox input[type="radio"] {
    display: none;
}

/* Custom Checkbox/Radio styling (The replacement circle/square) */
.wpfCheckbox label {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc; /* Light gray border */
    border-radius: 50%; /* For radio style (Rendezés) */
    position: relative;
    top: 3px;
    margin-right: 10px;
    transition: all 0.2s;
    cursor: pointer;
}

/* Making checkboxes square (Kategóriák, Leárazott) */
/* This requires knowing the specific CSS .elementor-3034 .elementor-element.elementor-element-745c873 for checkbox lists */
/* You might need to adjust based on the HTML for Kategóriák and Leárazott */
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfCheckbox label,
.wpfFilterWrapper[data-filter-type="wpfOnSale"] .wpfCheckbox label {
    border-radius: 4px; /* Square/rounded square */
}

/* Checked state */
.wpfCheckbox input:checked + label {
    border-color: #664937; /* Accent color when checked */
}

/* Inner dot for radio/checkbox */
.wpfCheckbox input:checked + label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #007bff; /* Accent color fill */
    border-radius: 50%;
}

/* Inner square for categories/onsale */
.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfCheckbox input:checked + label::after,
.wpfFilterWrapper[data-filter-type="wpfOnSale"] .wpfCheckbox input:checked + label::after {
    border-radius: 2px; /* Square fill */
}

/* --- 5. Action Buttons (Szűrés & TÖRLÉS) --- */
.wpfFilterButtons {
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.wpfFilterButton, .wpfClearButton {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
    flex-grow: 1; /* Make them take up available space */
    margin: 0 5px;
}

/* Primary Button (Szűrés - Filter) */
.wpfFilterButton {
    background-color: #664937; /* Primary accent color */
    color: #ffffff;
}

.wpfFilterButton:hover {
    background-color: #927462;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Secondary Button (TÖRLÉS - Clear) */
.wpfClearButton {
    background-color: #f8f8f8; /* Light background */
    color: #666666;
    border: 1px solid #dddddd;
}

.wpfClearButton:hover {
    background-color: #ebebeb;
    color: #333333;
}/* End custom CSS */