/**
 * Omnibus module - Modern Info Badge & Tooltip Styling
 */

.omnibus-info-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  cursor: pointer !important;
  user-select: none !important;
  z-index: 30 !important;
}

.omnibus-info-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  color: #777777 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.omnibus-info-icon svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
}

.omnibus-info-wrap:hover .omnibus-info-icon,
.omnibus-info-wrap:focus-within .omnibus-info-icon,
.omnibus-info-wrap.is-active .omnibus-info-icon {
  color: #ed1d25 !important;
  transform: scale(1.1) !important;
}

/* Lift info button slightly in product listings to optically match large price numbers */
.product_list .product_list__price .omnibus-info-wrap,
.product_list.list .product_list__price .omnibus-info-wrap,
.product_promo__price .omnibus-info-wrap {
  position: relative !important;
  top: -3px !important;
}

/* Light Elegant Tooltip */
.omnibus-tooltip {
  position: absolute !important;
  bottom: calc(100% + 9px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 6px !important;
  padding: 7px 12px !important;
  font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #2d2d2d !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
  z-index: 9999 !important;
  text-align: left !important;
}

/* Tooltip Arrow */
.omnibus-tooltip:before {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border-width: 6px !important;
  border-style: solid !important;
  border-color: #dcdcdc transparent transparent transparent !important;
}

.omnibus-tooltip:after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-top: -1px !important;
  border-width: 5px !important;
  border-style: solid !important;
  border-color: #ffffff transparent transparent transparent !important;
}

/* Hover & Active / Tap States */
.omnibus-info-wrap:hover .omnibus-tooltip,
.omnibus-info-wrap:focus-within .omnibus-tooltip,
.omnibus-info-wrap.is-active .omnibus-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  pointer-events: auto !important;
}

.omnibus-tooltip__label {
  color: #555555 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-right: 0 !important;
  display: inline-block !important;
}

.omnibus-tooltip__price {
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-block !important;
}

/* Align gracefully in right-aligned containers (like List View price box) */
.product_list.list .product_list__price_box .omnibus-tooltip {
  left: auto !important;
  right: -8px !important;
  transform: translateY(4px) !important;
}

.product_list.list .product_list__price_box .omnibus-tooltip:before,
.product_list.list .product_list__price_box .omnibus-tooltip:after {
  left: auto !important;
  right: 11px !important;
  transform: none !important;
}

.product_list.list .product_list__price_box .omnibus-info-wrap:hover .omnibus-tooltip,
.product_list.list .product_list__price_box .omnibus-info-wrap:focus-within .omnibus-tooltip,
.product_list.list .product_list__price_box .omnibus-info-wrap.is-active .omnibus-tooltip {
  transform: translateY(0) !important;
}