/**
 * EAAS Theme - Progress Bar Styles
 *
 * @package    EAAS
 * @version    2.5
 * @author     Rodolphe
 * @link       https://enaccordavecsoi.fr
 * @file       progress-bar.css
 */

.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: var(--progress-bar-height, 3px);
    background: var(--progress-bar-color, linear-gradient(90deg, var(--secondary-color), var(--accent-color)));
    width: 0%;
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1001;
    box-shadow: var(--shadow-md, 0 0 10px rgba(74, 144, 226, 0.6));
    /* Visibility controlled by --progress-bar-display set in output.php */
    display: var(--progress-bar-display, none);
}

@media (max-width: 420px) {
    .progress-bar {
        display: var(--progress-bar-display, none);
    }
}