/**
 * Upsell block styles for the Hyvä cart page.
 *
 * The CMS widget renders Luma-style product HTML inside a Hyvä page,
 * so these overrides neutralise the Luma hover-card effect.
 */

/* Remove the Luma hover-card white box */
.kreng-checkout-upsell .product-item-info,
.kreng-checkout-upsell .product-item-info:hover {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    z-index: auto !important;
}

/* Hide irrelevant actions */
.kreng-checkout-upsell .actions-secondary,
.kreng-checkout-upsell .action.tocompare,
.kreng-checkout-upsell .action.towishlist {
    display: none !important;
}

/* "Add to cart" button — match Hyvä btn-secondary style */
.kreng-checkout-upsell .action.tocart {
    background-color: #FCFCEF;
    border: 1px solid #CACABB;
    color: #163932;
    border-radius: 9999px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    cursor: pointer;
    transition: background-color 0.15s;
    box-shadow: none !important;
}
.kreng-checkout-upsell .action.tocart:hover {
    background-color: #e8edd0;
    border-color: #CACABB;
}

/* Product name */
.kreng-checkout-upsell .product-item-name a {
    color: #163932;
}
.kreng-checkout-upsell .product-item-name a:hover {
    color: #46773B;
}