/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Federico Dal LAgo
Author URI: https://www.fattidiweb.com
Description: Facciamolo Strano
Version: 3.4.6.1769845174
Updated: 2026-01-31 08:39:34

*/

/* Barra Classe Energetica */

/* Container principale responsive */
.energy-full-wrapper {
    width: 100%;
    max-width: 100%; /* Si adatta alla colonna di Elementor */
    margin: 20px auto;
    padding: 10px;
    box-sizing: border-box;
}

.energy-gradient-container {
    position: relative;
    padding: 50px 0 20px 0; /* Spazio sopra per il badge */
    width: 100%;
}

/* La barra sfumata senza scritte ai lati */
.energy-gradient-bar {
    height: 14px;
    width: 100%;
    background: linear-gradient(to right, 
        #008000 0%,   /* Verde Scuro */
        #32cd32 25%,  /* Verde Chiaro */
        #ffff00 50%,  /* Giallo */
        #ff8c00 75%,  /* Arancione */
        #ff0000 100%  /* Rosso */
    );
    border-radius: 20px;
    position: relative;
}

/* Il Cursore */
.energy-cursor {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    transition: left 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Puntino bianco sulla barra */
.energy-pin {
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #333;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Il badge a forma di fumetto */
.energy-tag {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px;
    position: relative;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    display: inline-block;
    min-width: 30px;
    text-align: center;
}

/* Triangolino del fumetto (prende il colore dinamicamente) */
.energy-tag::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid;
    border-top-color: inherit; /* Segue il colore del badge */
}

/* Info IPE sotto */
.ipe-info-box {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #666;
}
/* Fine Barra Classe Energetica */