.lcv-stock-selector-shortcode {
  color: #fff;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 1000;
}

.lcv-stock-scope-selector {
  color: inherit;
  display: inline-block;
  font-family: inherit;
  position: relative;
}

.lcv-stock-scope-trigger {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 600;
  gap: 7px;
  justify-content: center;
  min-height: 44px;
  padding: 6px 8px;
}

.lcv-stock-scope-trigger:hover,
.lcv-stock-scope-trigger:focus {
  opacity: .88;
  outline: none;
}

.lcv-stock-scope-icon {
  display: inline-flex;
  flex: 0 0 auto;
  height: 25px;
  width: 25px;
}

.lcv-stock-scope-icon svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}

.lcv-stock-scope-current {
  font-size: 14px;
  line-height: 1.2;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lcv-stock-scope-chevron {
  font-size: 13px;
  line-height: 1;
  transition: transform .15s ease;
}

.lcv-stock-scope-selector.is-open .lcv-stock-scope-chevron {
  transform: rotate(180deg);
}

.lcv-stock-scope-menu {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  color: #292929;
  min-width: 245px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 10001;
}

.lcv-stock-scope-menu[hidden] {
  display: none !important;
}

.lcv-stock-scope-option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: #292929;
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  gap: 11px;
  min-height: 48px;
  padding: 9px 10px;
  text-align: left;
  width: 100%;
}

.lcv-stock-scope-option:hover,
.lcv-stock-scope-option:focus {
  background: #f5f1ef;
  outline: none;
}

.lcv-stock-scope-option .lcv-stock-scope-icon {
  color: #7b2e18;
  height: 21px;
  width: 21px;
}

.lcv-stock-scope-check {
  color: #7b2e18;
  font-size: 17px;
  margin-left: auto;
  opacity: 0;
}

.lcv-stock-scope-option.is-active {
  background: #f5f1ef;
}

.lcv-stock-scope-option.is-active .lcv-stock-scope-check {
  opacity: 1;
}

.lcv-stock-scope-status {
  border-left: 3px solid #777;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 12px;
  padding: 5px 9px;
}

.lcv-stock-scope-status.is-available {
  border-left-color: #208638;
  color: #17662b;
}

.lcv-stock-scope-status.is-unavailable {
  border-left-color: #a52820;
  color: #8a211b;
}

.ocs_modal_content_row.lcv-hidden-stock-row {
  display: none !important;
}

.lcv-scope-product-hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .lcv-stock-scope-current {
    max-width: 125px;
  }

  .lcv-stock-scope-menu {
    max-width: calc(100vw - 24px);
    min-width: 230px;
  }
}

/* Responsive trigger display configured from the module back office. */
.lcv-stock-scope-trigger > .lcv-stock-scope-icon {
  height: var(--lcv-stock-icon-size, 25px);
  width: var(--lcv-stock-icon-size, 25px);
}

@media (min-width: 1025px) {
  .lcv-stock-scope-selector.lcv-icon-only-desktop .lcv-stock-scope-current,
  .lcv-stock-scope-selector.lcv-icon-only-desktop .lcv-stock-scope-chevron {
    display: none;
  }

  .lcv-stock-scope-selector.lcv-icon-only-desktop .lcv-stock-scope-trigger {
    gap: 0;
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .lcv-stock-scope-selector.lcv-icon-only-tablet .lcv-stock-scope-current,
  .lcv-stock-scope-selector.lcv-icon-only-tablet .lcv-stock-scope-chevron {
    display: none;
  }

  .lcv-stock-scope-selector.lcv-icon-only-tablet .lcv-stock-scope-trigger {
    gap: 0;
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-width: 767px) {
  .lcv-stock-scope-selector.lcv-icon-only-mobile .lcv-stock-scope-current,
  .lcv-stock-scope-selector.lcv-icon-only-mobile .lcv-stock-scope-chevron {
    display: none;
  }

  .lcv-stock-scope-selector.lcv-icon-only-mobile .lcv-stock-scope-trigger {
    gap: 0;
    padding-left: 6px;
    padding-right: 6px;
  }
}