/* WooCommerce Bulk Variations - Simple Customizations */

/* 1. Move product names above images in headers */
.wc-bulk-variations-table .wcbvp-header-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.wc-bulk-variations-table .wcbvp-header-block span {
    order: 1;
    margin-bottom: 5px;
}

.wc-bulk-variations-table .wcbvp-header-block .product-thumbnail-wrapper {
    order: 2;
}

/* 2. Style disabled input fields for out-of-stock variations */
/* High specificity selectors to override plugin styles */
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled],
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled=""],
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled="disabled"] {
    background-color: #f5f5f5 !important;
    color: #999 !important;
    cursor: not-allowed !important;
    border-color: #ddd !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled]:focus,
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled=""]:focus,
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table input[disabled="disabled"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ddd !important;
    cursor: not-allowed !important;
}

/* Modern browsers with :has() support */
@supports selector(:has(*)) {
    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled]),
    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled=""]),
    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled="disabled"]) {
        cursor: not-allowed !important;
        pointer-events: auto !important; /* Allow hover but prevent interaction */
    }

    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled]) *:not(input),
    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled=""]) *:not(input),
    .wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:has(input[disabled="disabled"]) *:not(input) {
        pointer-events: none !important;
    }
}

/* Fallback for browsers without :has() support */
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell.wcbvp-disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell.wcbvp-disabled *:not(input) {
    pointer-events: none !important;
}

/* Additional specificity for quantity field containers */
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-quantity-field:has(input[disabled]),
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-quantity-field.wcbvp-disabled {
    cursor: not-allowed !important;
}

/* Ensure the cursor shows on hover over the entire cell area */
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell:hover:has(input[disabled]),
.wc-bulk-variations-table-wrapper .wc-bulk-variations-table .wcbvp-cell.wcbvp-disabled:hover {
    cursor: not-allowed !important;
}