/** Shopify CDN: Minification failed

Line 11:60 Unexpected "-->"
Line 12:1 Unexpected "{"
Line 12:3 Expected identifier but found "'shipping-icons.css'"
Line 14:0 Unexpected "<"
Line 56:0 Unexpected "<"
Line 59:0 Comments in CSS use "/* ... */" instead of "//"

**/
<!-- Shipping Icons CSS for metafield-based shipping labels -->
{{ 'shipping-icons.css' | asset_url | stylesheet_tag }}

<style>
/* Immediate styling to ensure tooltips work properly */
.shipping-icon-wrapper {
  position: absolute;
  z-index: 999 !important; /* Higher z-index to ensure it appears above other elements */
  pointer-events: auto !important;
}

.shipping-icon-wrapper .tooltip {
  display: none !important; /* Start hidden by default */
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  right: -90px; /* Position to the right */
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999; /* Very high z-index to ensure tooltip is always on top */
  pointer-events: none;
}

/* Only display on hover */
.shipping-icon-wrapper:hover .tooltip {
  display: block !important;
}

/* Make sure icons are visible in product slider and media containers */
.hdt-product__media .shipping-icon-wrapper,
.hdt-product__media .shipping-icon-img,
.product__media-item .shipping-icon-wrapper,
.product__media-container .shipping-icon-wrapper,
.media-wrapper .shipping-icon-wrapper,
.hdt-slider .shipping-icon-wrapper,
.hdt-slider__slide .shipping-icon-wrapper {
  pointer-events: auto !important;
  z-index: 999 !important;
  display: block !important;
  visibility: visible !important;
}
</style>

<script>
// Simple prevention of event propagation for shipping icons
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.shipping-icon-wrapper').forEach(icon => {
    icon.addEventListener('click', function(e) {
      e.stopPropagation();
    }, true);
  });
});
</script>