/* ===== ESTILOS PARA BOTÓN DE WISHLIST ===== */

/* Resetear solo fondos y bordes del botón de wishlist */
#product-wishlist-btn {
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    /* NO tocar el color - dejar que herede naturalmente */
}

/* Hover effect para el botón de favoritos */
#product-wishlist-btn:hover {
    color: #EC008C !important;
    text-decoration: none !important;
    background-color: transparent !important; /* Sin fondo en hover */
}

#product-wishlist-btn:hover i {
    color: #EC008C !important;
}

/* Estado cuando el producto YA está en la lista de deseos */
#product-wishlist-btn.in-wishlist {
    color: #EC008C !important;
    background-color: transparent !important; /* Sin fondo */
    border-color: transparent !important; /* Sin borde */
}

#product-wishlist-btn.in-wishlist i {
    color: #EC008C !important;
}

#product-wishlist-btn.in-wishlist:hover {
    color: #d6007a !important;
    background-color: transparent !important; /* Sin fondo en hover */
    border-color: transparent !important; /* Sin borde en hover */
}

#product-wishlist-btn.in-wishlist:hover i {
    color: #d6007a !important;
}

/* Estado normal (cuando NO está en wishlist) - mismo color que "Compartir" */
#product-wishlist-btn:not(.in-wishlist) {
    color: inherit !important; /* Color original del tema */
    background-color: transparent !important;
    border-color: transparent !important;
}

#product-wishlist-btn:not(.in-wishlist) i {
    color: inherit !important; /* Color original del icono */
}

#product-wishlist-btn:not(.in-wishlist):hover {
    color: #EC008C !important; /* Rosado en hover cuando no está en lista */
    background-color: transparent !important;
    border-color: transparent !important;
}

#product-wishlist-btn:not(.in-wishlist):hover i {
    color: #EC008C !important; /* Icono rosado en hover cuando no está en lista */
}