/**
 * Igshop Hover Variations Cart
 * v1.2.0
 */

/* ============================================================
 * SHOP / CATEGORY / TAG — hover box
 * ============================================================ */

/* Container — hidden by default, slides in on hover */
.woocommerce ul.products li.product .igshop-hover-box {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease, max-height 0.3s ease;
    margin-top: 10px;
}

/* Show on hover */
.woocommerce ul.products li.product:hover .igshop-hover-box {
    opacity: 1;
    visibility: visible;
    max-height: 200px;
}

/* If WooCommerce flags the whole product as outofstock, never show the hover box */
.woocommerce ul.products li.product.outofstock .igshop-hover-box {
    display: none !important;
}

/* Variation pills row (archive) */
.igshop-variations {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-bottom: 10px;
}

/* ============================================================
 * SINGLE PRODUCT PAGE — pill replacement
 * ============================================================ */

/* Hide the default dropdown but keep it in the DOM for WC variations.js */
.single-product .variations_form .variations select {
    display: none !important;
}

/* Hide the "Clear" / reset link — pills handle selection visually */
.single-product .variations_form .reset_variations {
    display: none !important;
}

/* Pill container on single product page */
.igshop-single-variations {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0;
}

/* Slightly larger pills on single product page */
.igshop-single-variations .igshop-pill {
    padding: 10px 18px;
    font-size: 14px;
    min-width: 50px;
    text-align: center;
}

/* ============================================================
 * SHARED PILL STYLES
 * ============================================================ */

/* Pill base */
.igshop-pill {
    padding: 6px 14px;
    font-size: 13px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1.2;
    font-family: inherit;
}

.igshop-pill:hover:not(.out-of-stock):not(:disabled) {
    border-color: #000;
}

/* Out of stock — strikethrough, muted */
.igshop-pill.out-of-stock {
    color: #bbb;
    text-decoration: line-through;
    cursor: not-allowed;
    background: #f7f7f7;
}

/* Selected pill */
.igshop-pill.selected {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Disabled-by-current-selection (multi-attribute products) */
.igshop-pill:disabled:not(.out-of-stock) {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ============================================================
 * ARCHIVE — Add-to-cart button
 * ============================================================ */

.igshop-add-to-cart {
    width: 100%;
    padding: 10px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.igshop-add-to-cart:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.igshop-add-to-cart:not(:disabled):hover {
    background: #333;
}