/**
 * CORREÇÃO URGENTE - Produtos ficando brancos
 * Garante que os produtos sempre apareçam corretamente
 */

/* Garantir que cards de produto sempre sejam visíveis */
.product-card {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.product-card > div {
    background: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Garantir que imagens dos produtos apareçam */
.product-card img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Garantir que textos dos produtos apareçam */
.product-card .product-title,
.product-card h3 {
    color: #1f2937 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Garantir que preços apareçam */
.product-card .text-green-600,
.product-card .text-gray-900,
.product-card .text-blue-600 {
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
}

/* Forçar display dos elementos internos */
.product-card * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Garantir que o card não fique transparente */
.product-card .group {
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Correção para quando produtos são atualizados via AJAX */
.products-container .product-card,
.grid .product-card,
[class*="grid"] .product-card {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Botão Ver Detalhes - linha única no mobile */
@media (max-width: 767px) {
    .product-card .bg-blue-600 {
        white-space: nowrap !important;
    }
    
    .product-card .bg-blue-600 span {
        white-space: nowrap !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}