/* Edith override for WooCommerce Product Slider */

.edith-plugin-settings-page .edith-header-inner h1 svg {
  width: 40px;
  height: 40px;
}

/* Edith Custom product_select field */
.edith-product-select-wrapper {
    border: 1px solid var(--wpbean-edith-border-color);
    border-radius: var(--wpbean-edith-border-radius);
    overflow: hidden;
}
.edith-product-select-header {
    background: var(--wpbean-edith-bg-secondary);
    border-bottom: 1px solid var(--wpbean-edith-border-color);
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.edith-field-product_select .edith-product-select-modules {
    display: flex;
    flex-wrap: wrap;
}

.edith-field-product_select .edith-modules {
    flex: 1;
    padding: 15px;
    max-height: 260px;
    overflow-y: auto;
}

.edith-field-product_select .edith-modules .edith-notice {
  width: auto;
}

.edith-field-product_select .edith-modules:first-child {
    border-right: 1px solid var(--wpbean-edith-border-color);
}

.edith-field-product_select .edith-enabled, 
.edith-field-product_select .edith-disabled {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.edith-field-product_select ul {
  list-style-type: none;
  min-height: 260px;
}
.edith-field-product_select li {
  display: flex;
  margin: 0;
  font-weight: 500;
}
.edith-field-product_select .ui-sortable-placeholder {
  height: 30px;
  border: 1px dashed var(--wpbean-edith-border-color);
  border-radius: var(--wpbean-edith-border-radius);
}
.edith-field-product_select .ui-sortable li label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: move;
}

.edith-field-product_select .ui-sortable li img {
  max-width: 30px;
  height: auto;
  border-radius: var(--wpbean-edith-border-radius);
}

.wpb_edith_ps_loading .edith-product-select-options {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edith-product-select-search-category {
  min-width: 240px;
}
.edith-product-select-search-category .chosen-container.chosen-container-single {
  width: 100%!important;
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
 .wpb_edith_dot_pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--wpbean-edith-blue);
    color: var(--wpbean-edith-blue);
    box-shadow: 9999px 0 0 -5px;
    animation: wpb_edith_dot_pulse 1.5s infinite linear;
    animation-delay: 0.25s;
  }
  .wpb_edith_dot_pulse::before, .wpb_edith_dot_pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--wpbean-edith-blue);
    color: var(--wpbean-edith-blue);
  }
  .wpb_edith_dot_pulse::before {
    box-shadow: 9984px 0 0 -5px;
    animation: wpb_edith_dot_pulse-before 1.5s infinite linear;
    animation-delay: 0s;
  }
  .wpb_edith_dot_pulse::after {
    box-shadow: 10014px 0 0 -5px;
    animation: wpb_edith_dot_pulse-after 1.5s infinite linear;
    animation-delay: 0.5s;
  }
  
  @keyframes wpb_edith_dot_pulse-before {
    0% {
      box-shadow: 9984px 0 0 -5px;
    }
    30% {
      box-shadow: 9984px 0 0 2px;
    }
    60%, 100% {
      box-shadow: 9984px 0 0 -5px;
    }
  }
  @keyframes wpb_edith_dot_pulse {
    0% {
      box-shadow: 9999px 0 0 -5px;
    }
    30% {
      box-shadow: 9999px 0 0 2px;
    }
    60%, 100% {
      box-shadow: 9999px 0 0 -5px;
    }
  }
  @keyframes wpb_edith_dot_pulse-after {
    0% {
      box-shadow: 10014px 0 0 -5px;
    }
    30% {
      box-shadow: 10014px 0 0 2px;
    }
    60%, 100% {
      box-shadow: 10014px 0 0 -5px;
    }
  }

/* Edith Pro Notice */

.edith-pro-notice-wrapper {
  flex: 1;
  background: var(--wpbean-edith-bg-secondary);
  border: 1px solid var(--wpbean-edith-border-color);
  border-radius: var(--wpbean-edith-border-radius); 
  padding: 20px 30px;
}

.edith-sections .edith-section>.edith-field.edith-field-pro_notice {
  padding: 10px 0;
}
.edith-field-pro_notice h3 {
  font-size: 1.5em;
  color: var(--wpbean-edith-navy-blue);
}