/* === READING PROGRESS BAR === */
.reading-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    z-index: 9999;
    pointer-events: none; /* Щоб не перекривав кліки */
}

.reading-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--wp--preset--color--accent) 0%, #f4d03f 100%);
    width: 0%;
    transition: width 0.1s ease-out;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

/* Ховаємо на сторінках, де немає скролу або це не стаття */
body:not(.single) .reading-progress-container {
    display: none;
}