/*
 * Recarga STORE — mini carrito / drawer de Kadence.
 *
 * Este archivo NO cambia posición, URL ni comportamiento del enlace nativo de
 * WooCommerce. Solo reemplaza visualmente la X del producto por la misma
 * papelera usada en la página Carrito y amplía su área táctil.
 */

#cart-drawer .woocommerce-mini-cart-item > a.remove,
#cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button,
#cart-drawer .mini_cart_item > a.remove,
#cart-drawer a.remove.remove_from_cart_button {
    display: inline-grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 77, 87, .24) !important;
    border-radius: 9px !important;
    background-color: rgba(255, 77, 87, .08) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4d57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3Cpath d='M18 7l-1 13H7L6 7'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#cart-drawer .woocommerce-mini-cart-item > a.remove::before,
#cart-drawer .woocommerce-mini-cart-item > a.remove::after,
#cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button::before,
#cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button::after,
#cart-drawer .mini_cart_item > a.remove::before,
#cart-drawer .mini_cart_item > a.remove::after,
#cart-drawer a.remove.remove_from_cart_button::before,
#cart-drawer a.remove.remove_from_cart_button::after {
    display: none !important;
    content: none !important;
}

@media (hover: hover) and (pointer: fine) {
    #cart-drawer .woocommerce-mini-cart-item > a.remove:hover,
    #cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button:hover,
    #cart-drawer .mini_cart_item > a.remove:hover,
    #cart-drawer a.remove.remove_from_cart_button:hover {
        border-color: rgba(255, 77, 87, .58) !important;
        background-color: rgba(255, 77, 87, .16) !important;
    }
}

#cart-drawer .woocommerce-mini-cart-item > a.remove:focus-visible,
#cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button:focus-visible,
#cart-drawer .mini_cart_item > a.remove:focus-visible,
#cart-drawer a.remove.remove_from_cart_button:focus-visible {
    border-color: rgba(255, 77, 87, .70) !important;
    outline: 2px solid rgba(255, 77, 87, .28) !important;
    outline-offset: 2px !important;
}

/* En móvil gana un poco más de área táctil sin mover el lugar del enlace. */
@media (max-width: 700px) {
    #cart-drawer .woocommerce-mini-cart-item > a.remove,
    #cart-drawer .woocommerce-mini-cart-item a.remove_from_cart_button,
    #cart-drawer .mini_cart_item > a.remove,
    #cart-drawer a.remove.remove_from_cart_button {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        background-size: 21px 21px !important;
    }
}