/* NOTA: per modificare la distanza tra i badge aprire il file modules/badge_manager.php e modificare le righe style="top: ' . (10 + $badge_count * 35) . 'px;"> cambiando il valore 35 */

/* Stile comune per i badge */
.wp-extension-badge-archivi,
.wp-extension-badge-prodotto {
    position: absolute;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 0;
    padding: 5px 10px;
    z-index: 1;
    font-size: 11px;
}

/* Stile per i badge inseriti con shortcode (es. loop item di elementor) */
.wp-extension-badge-shortcode {
    background-color: #FAFAFA;
    color: #BF4557;
    font-weight: bold;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 11px;
	border-radius:50px;
	letter-spacing:1px;
}

/* Stile per i badge negli archivi */
.wp-extension-badge-archivi {
    right: 10px;
}

/* Stile per i badge nella pagina prodotto */
.wp-extension-badge-prodotto {
    left: 10px;
}



// CSS per l'avviso e la progress bar nel file wp-extensions-style.css
.wp-extension-free-shipping-notice {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}
.wp-extension-progress-bar {
    height: 8px;
    background-color: #f0f0f0;
    border-radius: 4px;
    margin-top: 10px;
    overflow: hidden;
}
.wp-extension-progress-bar-fill {
    height: 100%;
    background-color: #ffc107;
    transition: width 0.4s ease;
}