/* NEVSOFT Campaign Badge Manager Styles */
.nevsoft-campaign-badge-wrapper {
  position: absolute !important;
  z-index: 20 !important;
  pointer-events: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 6px !important;
  line-height: 0 !important;
  transition: all 0.2s ease-in-out;
}

/* Positions */
.nevsoft-campaign-badge--top-left {
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
}

.nevsoft-campaign-badge--top-right {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
}

.nevsoft-campaign-badge--bottom-left {
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
}

.nevsoft-campaign-badge--bottom-right {
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  top: auto !important;
}

/* Image Element */
.nevsoft-campaign-badge-img {
  width: var(--nevsoft-badge-width, 75px) !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3)) !important;
  display: block !important;
}

/* Hide on Desktop if disabled */
@media (min-width: 769px) {
  .nevsoft-campaign-badge-wrapper.nevsoft-hide-desktop {
    display: none !important;
  }
}

/* Tablet Breakpoint Sizing */
@media (max-width: 991px) and (min-width: 577px) {
  .nevsoft-campaign-badge-img {
    width: var(--nevsoft-badge-tablet-width, var(--nevsoft-badge-width, 60px)) !important;
  }
}

/* Mobile Breakpoint Sizing & Visibility */
@media (max-width: 576px) {
  .nevsoft-campaign-badge-wrapper.nevsoft-hide-mobile {
    display: none !important;
  }

  .nevsoft-campaign-badge-wrapper {
    margin: 4px !important;
  }

  .nevsoft-campaign-badge-img {
    width: var(--nevsoft-badge-mobile-width, 50px) !important;
  }
}

/* Product Detail Page Badge Custom Override for SO-emarket & SO-mobile */
.large-image, .product-image-zoom, .left-content-product .image, .content-product-left .image, .product-view .image, .product-image-box {
  position: relative !important;
}

.nevsoft-campaign-badge-wrapper--detail {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 25 !important;
  margin: 0 !important;
}

.nevsoft-campaign-badge-wrapper--detail .nevsoft-campaign-badge-img {
  width: var(--nevsoft-badge-detail-width, 110px) !important;
}