/*!
Theme Name: Hello Elementor Child
Theme URI: https://crocoblock.com/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child theme for Hello Elementor with all CrocoBlock features compatibility.
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/


/* ---- JetSmartFilters radio collapse icons: custom SVGs without breaking toggle ---- */
.elementor-514 .elementor-element.elementor-element-910a3c8 .jet-collapse-icon {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    padding: 0px 0px 0px 0px;
    margin: 5px 6px 0px 0px;
}

.elementor-566 .elementor-element.elementor-element-723da48 .jet-collapse-icon {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    border-radius: 50% 50% 50% 50%;
    padding: 0px 0px 0px 0px;
    margin: 5px 6px 0px 0px;
}

/* 1) Size & color on the container (no display changes here) */
:where(.jet-list-collapsible) .jet-collapse-icon {
  --icon-size: 24px;     /* adjust */
  --icon-color: #FFFFFF;    /* adjust */
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--icon-color);
  flex: 0 0 auto;
  line-height: 0;
}

/* 2) Keep the two wrapper <svg>s alive; hide their inner shapes ONLY */
:where(.jet-list-collapsible) .jet-collapse-icon-open > *,
:where(.jet-list-collapsible) .jet-collapse-icon-close > * {
  display: none !important;
}

/* 3) Paint your icons ON the wrappers (no display set here) */
:where(.jet-list-collapsible) .jet-collapse-icon-open,
:where(.jet-list-collapsible) .jet-collapse-icon-close {
  width: var(--icon-size);
  height: var(--icon-size);
  background: #E81A8A;

  /* mask setup */
  -webkit-mask-repeat: no-repeat;        mask-repeat: no-repeat;
  -webkit-mask-position: center;         mask-position: center;
  -webkit-mask-size: 100% 100%;          mask-size: 100% 100%;
}

/* Closed (default) icon */
:where(.jet-list-collapsible) .jet-collapse-icon-close {
  -webkit-mask-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-09.svg");
          mask-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-09.svg");
}

/* Open (when .jet-list-toggle-collapsed is set) icon */
:where(.jet-list-collapsible) .jet-collapse-icon-open {
  -webkit-mask-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-08.svg");
          mask-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-08.svg");
}

/* 4) Fallback for browsers without mask support */
@supports not (mask-image: url("")) {
  :where(.jet-list-collapsible) .jet-collapse-icon-open,
  :where(.jet-list-collapsible) .jet-collapse-icon-close {
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  :where(.jet-list-collapsible) .jet-collapse-icon-close {
    background-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-09.svg");
  }
  :where(.jet-list-collapsible) .jet-collapse-icon-open {
    background-image: url("https://movit.cocreatetoday.com/wp-content/uploads/2025/08/ICS-Website-stuff-08.svg");
  }
}