/* --- Reading Progress Bar --- */
.reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px; /* You can adjust the height here */
    width: 0%; /* Starts at 0% width */
    background-color: #000; /* Default color, will be overridden by ACF */
    z-index: 9999;
    transition: width 0.1s linear; /* Smooths the bar's movement */
}

/* Push the progress bar down when the admin bar is visible */
body.logged-in .reading-progress-bar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.logged-in .reading-progress-bar {
        top: 46px;
    }
}