/* ── Sold-out states for products we fulfill ourselves (see js/shop/productStock.js) ── */

.size-btn.sold-out,
.size-btn.sold-out:hover {
    background:      transparent;
    border-color:    rgba(158, 158, 140, 0.35);
    color:           #9e9e8c;
    text-decoration: line-through;
    cursor:          not-allowed;
}

/* Same look as the Wedgie's sold-out button (wedgie.css) */
.btn-atc.sold-out,
.btn-atc.sold-out:hover {
    background: #9e9e8c;
    color:      rgba(255,253,247,0.75);
    box-shadow: none;
    cursor:     not-allowed;
    transform:  none !important;
    position:   relative;
    overflow:   hidden;
}
.btn-atc.sold-out::before {
    content:          '';
    position:         absolute;
    inset:            0;
    background-image: repeating-linear-gradient(
        -45deg,
        rgba(255,253,247,0.06) 0px,
        rgba(255,253,247,0.06) 6px,
        transparent 6px,
        transparent 14px
    );
    pointer-events: none;
}