/**
 * CruelCRM Cart Configuration Components Non-clickable
 *
 * This CSS makes configuration component products non-clickable in the cart,
 * as they can only be purchased as part of the configuration.
 */

/* Target configuration option items in the cart */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item a {
    pointer-events: none !important;
    cursor: default !important;
    color: #777 !important;
    text-decoration: none !important;
    opacity: 0.8;
}

/* Add a visual indicator that shows these items aren't clickable */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item {
    position: relative;
    background-color: #f9f9f9;
    border-left: 3px solid #ddd;
    padding-left: 10px !important;
}

/* Add a small label indicating this is part of a configuration */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item:before {
    content: "Elemento incluso nella configurazione sopra";
    display: block;
    font-size: 10px;
    color: #777;
    margin-bottom: 4px;
    font-style: italic;
    opacity: 0.7;
}

/* Style the empty string returned by modify_cart_item_name() */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item .product-name:empty {
    display: none;
}

/* Ensure consistency with existing mini-cart styles */
.woocommerce-mini-cart .mini_cart_item.cruelcrm-configuration-option-item a {
    pointer-events: none !important;
    cursor: default !important;
    color: #777 !important;
    text-decoration: none !important;
}

/* Make product image non-clickable as well */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item .product-thumbnail a,
.woocommerce-mini-cart .mini_cart_item.cruelcrm-configuration-option-item .product-thumbnail a {
    pointer-events: none !important;
}

/* Ensure consistent styling with product variations */
.woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item .variation {
    margin-top: 5px;
    font-size: 0.85em;
}

/* Responsive styles */
@media (max-width: 768px) {
    .woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item {
        padding-left: 8px !important;
    }
    
    .woocommerce-cart-form__contents .cart_item.cruelcrm-configuration-option-item:before {
        font-size: 9px;
    }
}