/**
 * Reading Progress Bar Styles - Haberler Modülü
 * Portal Sistemi v2.0
 */

/* Reading Progress Bar */
.sn-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 123, 255, 0.1);
    z-index: 9999;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.sn-reading-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #007bff, #0056b3, #28a745);
    width: 0%;
    transition: width 0.1s ease-out;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
    border-radius: 0 0 2px 0;
}

/* Hover efekti */
.sn-reading-progress:hover .sn-reading-progress-bar {
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.8);
}

/* Animasyon */
@keyframes progressPulse {
    0% { box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); }
    50% { box-shadow: 0 0 20px rgba(0, 123, 255, 0.8); }
    100% { box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); }
}

.sn-reading-progress-bar.pulse {
    animation: progressPulse 2s ease-in-out infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .sn-reading-progress {
        height: 2px;
    }
    
    .sn-reading-progress-bar {
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .sn-reading-progress {
        background: rgba(255, 255, 255, 0.1);
    }
    
    .sn-reading-progress-bar {
        background: linear-gradient(90deg, #0d6efd, #0b5ed7, #198754);
        box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
    }
}

/* Haber detay sayfası için özel stiller */
.haber-detay .sn-reading-progress-bar {
    background: linear-gradient(90deg, #dc3545, #fd7e14, #ffc107);
}

/* Kategori sayfası için özel stiller */
.haber-kategori .sn-reading-progress-bar {
    background: linear-gradient(90deg, #6f42c1, #e83e8c, #fd7e14);
}

/* Etiket sayfası için özel stiller */
.haber-etiket .sn-reading-progress-bar {
    background: linear-gradient(90deg, #20c997, #17a2b8, #6610f2);
}