/*
 * Safetop - Etiqueta Outlet (safetopoutlet) - front 1.0.0
 *
 * El color y la forma los pone la clase «discount» del tema (la misma de «-40 %»):
 * aquí solo se garantiza que la etiqueta se vea, vaya la primera y no la apague ni
 * la oculte el módulo de descatalogados (safetopdiscontinued).
 */

.product-flag.st-flag-outlet {
    display: inline-flex !important;
    order: -2; /* antes que «Descatalogado» (-1) y «Últimas unidades» (0) */
    white-space: nowrap;
    filter: none !important; /* nunca se apaga */
}

/* Miniaturas descatalogadas: ese módulo oculta las etiquetas ajenas; la nuestra se
   ve y la de «Descatalogado» se quita (decisión: Outlet ocupa su sitio). */
.js-product-miniature.st-discontinued .product-flags li.st-flag-outlet,
.js-product-miniature.st-discontinued.st-outlet .product-flags li.product-flag.st-flag-outlet {
    /* más específico que el «li:not(...):not(...)» de ese módulo (6 clases frente a 5) */
    display: inline-flex !important;
    order: -2;
}
.js-product-miniature.st-outlet .product-flags li.st-flag-discontinued {
    display: none !important;
}

/* Ficha descatalogada: lo mismo en la ul propia (.st-flags) de ese módulo. */
.st-outlet-page .st-flags li.st-flag-outlet {
    display: inline-flex !important;
    order: -2;
}
.st-outlet-page .st-flags li.st-flag-discontinued {
    display: none !important;
}