/*
 * Safetop - Etiqueta Outlet (safetopoutlet) - front 1.0.1
 *
 * 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).
 */

/* ---- Ficha: ul propia sobre la foto (el tema oculta las etiquetas de la foto en la
   ficha). Mismo sitio y forma que la ul .st-flags del módulo de descatalogados. ---- */
ul.product-flags.st-outlet-flags {
    position: absolute;
    top: 0.75rem;
    inset-inline-end: 0.75rem;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    pointer-events: none;
}

.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;
}

/* Vista rápida de un producto outlet: sin el «-X %» junto al precio (el JS marca el
   bloque de precio con .st-outlet-prices; en la ficha lo hace ficha-101.css). */
.st-outlet-prices .discount-percentage,
.st-outlet-prices .discount-amount,
.st-outlet-prices .badge-discount {
    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;
}