/* ========================================
   Swatches Combo OOS Styling
   Out-of-Stock Swatch Combination Visuals
   ======================================== */

/* Dimmed appearance for out-of-stock combinations */
.variable-items-wrapper .variable-item.combo-oos {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  position: relative;
  overflow: hidden;
}

/* Diagonal strike-through line */
.variable-items-wrapper .variable-item.combo-oos::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom right,
    transparent calc(50% - 1px),
    #888 calc(50% - 1px),
    #888 calc(50% + 1px),
    transparent calc(50% + 1px)
  );
  pointer-events: none;
}

/* Hover tooltip showing "Out of Stock" */
.variable-items-wrapper .variable-item.combo-oos:hover::before {
  content: "Out of Stock";
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 9999;
}