/*
 * Producto destacado en catálogo público.
 * Ajuste visual 4.0.44:
 * - se eliminan todos los bordes / fondos / acentos laterales,
 * - se conserva únicamente el badge visual,
 * - se mantiene intacta la lógica de orden: destacados primero.
 */

/* === Catálogo WooCommerce / Elessi normal === */
.woocommerce .products .wpp-featured-product,
.woocommerce-page .products .wpp-featured-product {
    position: relative;
}

@media (min-width: 768px) {
    .woocommerce .products .wpp-featured-product::before,
    .woocommerce-page .products .wpp-featured-product::before {
        content: 'No te lo pierdas!';
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 7;
        padding: 6px 12px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 248, 222, 0.98) 0%, rgba(255, 241, 194, 0.98) 100%);
        color: #8a5600;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 6px 14px rgba(71, 48, 8, 0.08);
        pointer-events: none;
        white-space: nowrap;
    }
}

/* === Whapido Tablas / list view === */
.wcpt-row.wpp-featured-product,
.wcpt-row.wpp-featured-product > td {
    position: static;
}

@media (min-width: 768px) {
    .wcpt-list-view .wcpt-row.wpp-featured-product > td:first-child,
    .wcpt-row.wpp-featured-product > td:first-child {
        position: relative;
    }

    .wcpt-list-view .wcpt-row.wpp-featured-product > td:first-child::before,
    .wcpt-row.wpp-featured-product > td:first-child::before {
        content: 'No te lo pierdas!';
        position: absolute;
        top: 10px;
        left: 14px;
        z-index: 3;
        padding: 6px 12px;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 248, 222, 0.98) 0%, rgba(255, 241, 194, 0.98) 100%);
        color: #8a5600;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 6px 14px rgba(71, 48, 8, 0.08);
        white-space: nowrap;
        pointer-events: none;
    }
}

/* === Mobile === */
@media (max-width: 767px) {
    /* En móvil no forzamos badge para no romper el layout. */
    .woocommerce .products .wpp-featured-product::before,
    .woocommerce-page .products .wpp-featured-product::before,
    .wcpt-list-view .wcpt-row.wpp-featured-product > td:first-child::before,
    .wcpt-row.wpp-featured-product > td:first-child::before {
        content: none;
    }
}