/**
 * Theme Name:     YOOtheme Child
 * Author:         YOOtheme
 * Template:       yootheme
 * Text Domain:	   yootheme-child
 * Description:    A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
 */

/* Back to Top Button con Progresso */
#progress-back-to-top {
    position: fixed; /* Posizionamento fisso */
    bottom: 30px;    /* Distanza dal basso */
    right: 30px;     /* Distanza da destra */
    z-index: 999;    /* Assicura che sia sopra gli altri elementi */
    opacity: 0;      /* Nascosto inizialmente */
    visibility: hidden; /* Nascosto e non interagibile inizialmente */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    height: 50px;    /* Altezza del contenitore */
    width: 50px;     /* Larghezza del contenitore */
}

/* Mostra il bottone quando la classe 'visible' è aggiunta via JS */
#progress-back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

#progress-back-to-top a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Sfondo leggermente trasparente */
    border-radius: 50%; /* Rende il contenitore circolare */
    text-decoration: none;
    position: relative; /* Necessario per posizionare l'SVG */
    color: #ffffff; /* Colore dell'icona */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2); /* Ombra opzionale */
}

#progress-back-to-top a:hover {
    background-color: rgba(0, 0, 0, 0.9); /* Sfondo più scuro all'hover */
    color: #ffffff; /* Mantiene il colore icona */
}

/* Stili per l'SVG */
.progress-circle-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); /* Ruota per iniziare il progresso dall'alto */
    overflow: visible; /* Permette all'ombra del tratto di essere visibile se necessario */
}

/* Cerchio di sfondo */
.progress-circle-bg {
    stroke: rgba(255, 255, 255, 0.2); /* Colore del tracciato di sfondo */
    /* stroke-width è già nell'HTML, ma può essere sovrascritto qui */
}

/* Cerchio indicatore di progresso */
.progress-circle-indicator {
    stroke: #ffffff; /* Colore del progresso (bianco) */
    stroke-linecap: round; /* Estremità arrotondate del tratto */
    transition: stroke-dashoffset 0.1s linear; /* Transizione fluida del progresso */
     /* stroke-width, stroke-dasharray, stroke-dashoffset sono nell'HTML/JS */
}

/* Stile per l'icona UIkit */
#progress-back-to-top [uk-icon] {
    position: relative; /* Assicura che sia sopra l'SVG */
    z-index: 1;
    width: 20px;  /* Dimensione icona */
    height: 20px; /* Dimensione icona */
}