.elementor-2222 .elementor-element.elementor-element-4c484ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.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-2222 .elementor-element.elementor-element-14f0a03{padding:0px 0px 15px 0px;}.elementor-2222 .elementor-element.elementor-element-14f0a03 .elementor-heading-title{color:#0F9ED5;}#elementor-popup-modal-2222{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2222 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-2222 .dialog-close-button{display:flex;top:0px;background-color:var( --e-global-color-secondary );font-size:25px;}#elementor-popup-modal-2222 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-2222 .dialog-close-button{right:0px;}body.rtl #elementor-popup-modal-2222 .dialog-close-button{left:0px;}#elementor-popup-modal-2222 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-2222 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:767px){.elementor-2222 .elementor-element.elementor-element-4c484ae{--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2222 .elementor-element.elementor-element-4c484ae{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-152133e */.library-entry-filter-group{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.filter-group-label{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.filter-checkbox-label{
    font-size: 14px;
    display: block;
}
.filter-disabled{
    color: #ccc;
}
/* Container label */
.filter-checkbox-label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.2em;
  position: relative;
  margin-bottom: 5px;
}

/* Hide native checkbox */
.filter-checkbox-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Custom checkbox box */
.filter-checkbox-label::before {
  content: "";
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: #fff;
  display: inline-block;
  transition: all 0.2s ease;
}

/* Checkmark */
.filter-checkbox-label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translateY(-60%) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}

/* Checked state */
.filter-checkbox-label input[type="checkbox"]:checked + * ,
.filter-checkbox-label input[type="checkbox"]:checked ~ * {
  /* no-op (kept for flexibility) */
}

.filter-checkbox-label input[type="checkbox"]:checked ~ *::before,
.filter-checkbox-label input[type="checkbox"]:checked + *::before {
  /* fallback safety */
}

/* Proper checked styling */
.filter-checkbox-label input[type="checkbox"]:checked ~ .filter-checkbox-label::before,
.filter-checkbox-label input[type="checkbox"]:checked + .filter-checkbox-label::before {
  /* not needed with current structure */
}

/* Actual working checked state */
.filter-checkbox-label input[type="checkbox"]:checked + span::before {
  /* optional if you wrap text in span */
}

/* BEST APPROACH (works with your markup) */
.filter-checkbox-label input[type="checkbox"]:checked + * {
  /* nothing */
}

/* Target label when input is checked */
.filter-checkbox-label input[type="checkbox"]:checked + *::before,
.filter-checkbox-label input[type="checkbox"]:checked + *::after {
  /* fallback */
}

/* FINAL WORKING SELECTOR */
.filter-checkbox-label input[type="checkbox"]:checked {
}

.filter-checkbox-label input[type="checkbox"]:checked ~ * {
}

/* Reliable method using :has (modern browsers) */
.filter-checkbox-label:has(input[type="checkbox"]:checked)::before {
  background: #0F9ED5;
  border-color: #0F9ED5;
}

.filter-checkbox-label:has(input[type="checkbox"]:checked)::after {
  opacity: 1;
}

/* Hover effect */
.filter-checkbox-label:hover::before {
  border-color: #0F9ED5;
}
#reset-library-entry-filters{
        position: absolute;
    top: -35px;
    right: 0;
    background: none;
    border: none;
    padding: 0;
    color: #7a7a7a;
    cursor: pointer;
    font-size: 14px;
}/* End custom CSS */