/**
 * Seasonal Free Gift - Frontend Styles
 */

/* Free Gift Badge in Cart */
.sfg-free-gift-badge {
    display: inline-block;
    background: #46b450;
    color: white !important;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 3px;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

/* Cart item styles for gift products - Using direct class */
.cart_item.sfg-gift-item,
tr.sfg-gift-item,
.woocommerce-cart-form .sfg-gift-item {
    background-color: #f0f9f0 !important;
    border-left: 3px solid #46b450 !important;
}

/* Hide remove button for gift items - Using direct class */
.cart_item.sfg-gift-item .product-remove,
tr.sfg-gift-item .product-remove,
.sfg-gift-item a.remove,
.cart_item.sfg-gift-item a[data-product_id],
tr.sfg-gift-item a[data-product_id] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Lock quantity display for gift items - Using direct class */
.cart_item.sfg-gift-item .quantity,
tr.sfg-gift-item .quantity,
.sfg-gift-item .product-quantity {
    pointer-events: none !important;
    user-select: none !important;
}

.cart_item.sfg-gift-item .quantity input,
tr.sfg-gift-item .quantity input,
.sfg-gift-item .qty {
    display: none !important;
}

/* Hide all quantity buttons (+/-) for gift items - Using direct class */
.cart_item.sfg-gift-item .quantity button,
tr.sfg-gift-item .quantity button,
.sfg-gift-item .qty-btn,
.cart_item.sfg-gift-item button,
tr.sfg-gift-item button {
    display: none !important;
}

/* Hide qty-wrap buttons - Using direct class */
.cart_item.sfg-gift-item .qty-wrap button,
tr.sfg-gift-item .qty-wrap button,
.sfg-gift-item .qty-wrap .minus,
.sfg-gift-item .qty-wrap .plus {
    display: none !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .sfg-free-gift-badge {
        font-size: 10px;
        padding: 3px 8px;
        display: block;
        margin: 5px 0 0 0;
        width: fit-content;
    }
}