/* ==========================================================================
   SUNYA - Badge prodotto (v1.15.0)
   Sconto / novita' / esaurito / in evidenza: card degli archivi
   (woocommerce-card.php) e blocchi WooCommerce (Product Collection: il blocco
   "Etichetta di vendita" esce coi badge del tema, vedi
   sunya_block_sale_badge()).
   File a parte perche' la condizione di caricamento e' diversa da
   woocommerce.css: serve anche sulle pagine non WooCommerce che contengono
   blocchi prodotto (la home di grigolettihome). Contiene anche i token
   --sunya-woo-*: woocommerce.css dipende da questo file.
   ========================================================================== */

:where(:root) {
    /* Badge sconto: porta la propria carta, vale in entrambe le modalita'. */
    --sunya-woo-sale-bg:       #b3261e;   /* bianco sopra: 6.4 */
    --sunya-woo-sale-ink:      #ffffff;
    --sunya-woo-featured-bg:   #f39c12;
    --sunya-woo-featured-ink:  #1a1a1a;   /* 8.6; il bianco faceva 2.2 */

    /* Testo d'errore (asterisco obbligatorio, prezzo errato) sulla carta
       della pagina: mescolato col testo, segue la modalita'. */
    --sunya-woo-error:         color-mix(in oklab, #c62828 70%, var(--sunya-color-text));

    /* Avvisi: fondo velato sulla carta, inchiostro mescolato col testo. */
    --sunya-woo-success-bg:    color-mix(in oklab, #16a34a 12%, var(--sunya-color-bg));
    --sunya-woo-success-ink:   color-mix(in oklab, #15803d 55%, var(--sunya-color-text));
    --sunya-woo-error-bg:      color-mix(in oklab, #dc2626 10%, var(--sunya-color-bg));
    --sunya-woo-error-ink:     color-mix(in oklab, #b91c1c 55%, var(--sunya-color-text));
    --sunya-woo-info-bg:       color-mix(in oklab, #2563eb 10%, var(--sunya-color-bg));
    --sunya-woo-info-ink:      color-mix(in oklab, #1d4ed8 55%, var(--sunya-color-text));

    /* Stelle del rating: grafica, il valore e' anche nel testo. */
    --sunya-woo-star:          #f5c518;
}


/* Badges */
.sunya-product-card__badges {
    position: absolute;
    top: var(--sunya-spacing-sm);
    left: var(--sunya-spacing-sm);
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sunya-product-card__badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: var(--sunya-radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sunya-product-card__badge--sale {
    background-color: var(--sunya-woo-sale-bg);
    color: var(--sunya-woo-sale-ink);
}

.sunya-product-card__badge--new {
    background-color: var(--sunya-color-accent);
    color: var(--sunya-color-on-accent);
}

.sunya-product-card__badge--soldout {
    background-color: var(--sunya-color-surface-dark);
    color: var(--sunya-color-text-on-dark);
}

.sunya-product-card__badge--featured {
    background-color: var(--sunya-woo-featured-bg);
    color: var(--sunya-woo-featured-ink);
}

/* Nei blocchi: l'immagine (.wc-block-components-product-image) e' gia'
   position: relative, i badge si ancorano li'. */
.wc-block-components-product-image .sunya-product-card__badges {
    pointer-events: none;
}