/* =========================================================
 * RankwellPress — Reading Progress Bar
 *
 * Thin fixed bar at the top of the viewport. Fills as the
 * user scrolls through a single post.
 *
 * @package RankwellPress
 * @since   3.4.0
 * ========================================================= */

.rwp-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 99999;
    pointer-events: none;
}

.rwp-progress-bar {
    display: block;
    height: 100%;
    width: 0%;
    background: var(--rw-color-primary, #0d7c3e);
    transition: width 0.1s ease-out;
    will-change: width;
}

/* =========================================================
 * DARK MODE
 * ========================================================= */

html[data-theme="dark"] .rwp-progress-bar {
    background: #ffffff;
}

/* =========================================================
 * REDUCED MOTION
 * ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .rwp-progress-bar {
        transition: none;
    }
}

/* =========================================================
 * PRINT
 * ========================================================= */

@media print {
    .rwp-progress-container {
        display: none !important;
    }
}