/* WooCommerce Out of Stock Attributes – Frontend Styles */

/* Disabled <option> inside a <select> */
select option.woo-oos-option,
select option[disabled].woo-oos-option {
    color: #999 !important;
    background-color: #f5f5f5 !important;
    font-style: italic;
    cursor: not-allowed;
}

/* Swatch / button style attribute options (for themes that render these) */
.woo-oos-attr-swatch-disabled,
ul.variable-items-wrapper li.woo-oos-attr-swatch-disabled,
.tawcvs-swatches .swatch.woo-oos-attr-swatch-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    position: relative;
    text-decoration: line-through;
}

/* Strike-through line for colour swatches */
.woo-oos-attr-swatch-disabled::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        rgba(0,0,0,.25) 4px,
        rgba(0,0,0,.25) 5px
    );
    border-radius: inherit;
    pointer-events: none;
}