/* Final fixes for clickable product cards */

/* Restauramos el flexbox que rompimos con el block */
a.product-item {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    color: inherit !important;
    cursor: pointer !important;
}

/* IMPORTANTE: Permitir que el filtrado oculte los elementos */
a.product-item.hidden {
    display: none !important;
}

/* Aseguramos que el título esté centrado y sea negro */
.product-card__title {
    text-align: center !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* Restauramos el estilo del botón See More */
.product-card__btn {
    background-color: #24AAE2 !important;
    color: #FFF !important;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 1.5rem !important;
    padding: 0.625rem 1.5625rem !important;
    font-weight: 700 !important;
}

/* Hover del botón para que se siga viendo bien */
a.product-item:hover .product-card__btn {
    background-color: #1c8cb9 !important;
    transform: scale(1.1) !important;
}

/* Quitamos cualquier subrayado residual de los hijos */
a.product-item * {
    text-decoration: none !important;
}