/**
 * Sconto Gruppo Utenti - Frontend Styles
 * Stili per badge "Prezzo riservato ai membri"
 */

/* Badge prezzo membri */
.sgu-member-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #7c3aed;
    background: #f3e8ff;
    border: 1px solid #c084fc;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 1.2;
    white-space: nowrap;
}

/* Variante alternativa sotto il prezzo */
.price .sgu-member-badge {
    display: block;
    margin-left: 0;
    margin-top: 6px;
}

/* Responsive - mobile */
@media screen and (max-width: 768px) {
    .sgu-member-badge {
        font-size: 11px;
        padding: 3px 8px;
        margin-left: 5px;
    }
}

/* Compatibilità con temi WooCommerce comuni */
.woocommerce ul.products li.product .price .sgu-member-badge,
.woocommerce div.product .price .sgu-member-badge {
    margin-top: 8px;
}

/* Loop prodotti */
.woocommerce ul.products li.product .sgu-member-badge {
    display: inline-block;
    margin-left: 6px;
}

/* Scheda prodotto singola */
.woocommerce div.product p.price .sgu-member-badge {
    display: inline-block;
}

/* Carrello e checkout - non mostrare badge */
.woocommerce-cart .sgu-member-badge,
.woocommerce-checkout .sgu-member-badge {
    display: none;
}

/* Personalizzazioni colore viola come richiesto */
.sgu-member-badge {
    /* Viola primario */
    --sgu-purple: #7c3aed;
    --sgu-purple-light: #f3e8ff;
    --sgu-purple-border: #c084fc;
    
    color: var(--sgu-purple);
    background: var(--sgu-purple-light);
    border-color: var(--sgu-purple-border);
}

/* Hover effect opzionale */
.sgu-member-badge:hover {
    background: #ede9fe;
}

/* Variante icona emoji */
.sgu-member-badge::before {
    /* L'emoji è già nel testo, questo è per eventuali customizzazioni */
    margin-right: 4px;
}