/* ===============================
   HIDE DUPLICATE QUANTITY LABEL
================================ */



/* Only show OUR quantity label */
.pf-quantity-section .pf-quantity-label {
    display: block !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

/* Hide screen reader text */
.pf-quantity-section .screen-reader-text {
    display: none !important;
}

/* ===============================
   QUANTITY SECTION STYLING
================================ */
.pf-quantity-section {
    margin: 20px 0;
}

/* ===============================
   UNAVAILABLE COLOR SWATCHES
================================ */
.pf-color-swatch.unavailable {
    opacity: 0.25 !important;
    cursor: not-allowed !important;
    position: relative;
    filter: grayscale(80%) !important;
    pointer-events: none !important;
    border: 2px solid #ff0000 !important;
}

/* Big Red X */
.pf-color-swatch.unavailable::after {
    content: '✕' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ff0000 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-shadow: 
        0 0 3px #fff,
        0 0 5px #fff,
        0 0 8px #fff !important;
    pointer-events: none !important;
    z-index: 100 !important;
}

.pf-color-swatch.unavailable:hover {
    transform: none !important;
}

/* ===============================
   UNAVAILABLE BUTTONS
================================ */
.pf-size-btn.unavailable,
.pf-attribute-btn.unavailable {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    background: #e0e0e0 !important;
    color: #999 !important;
    border: 2px solid #ff0000 !important;
    text-decoration: line-through !important;
    pointer-events: none !important;
    position: relative !important;
}

/* Red line through button */
.pf-size-btn.unavailable::before,
.pf-attribute-btn.unavailable::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: #ff0000 !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
}

.pf-size-btn.unavailable:hover,
.pf-attribute-btn.unavailable:hover {
    background: #e0e0e0 !important;
    color: #999 !important;
    transform: none !important;
}

/* ===============================
   FORCE DISABLED STATE
================================ */
button.pf-size-btn.unavailable,
button.pf-attribute-btn.unavailable,
button.pf-size-btn[disabled],
button.pf-attribute-btn[disabled] {
    pointer-events: none !important;
    cursor: not-allowed !important;
}