/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.7
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
/* --- CODE THANH TIẾN TRÌNH (CHỈ HIỆN TRÊN LAPTOP/PC) --- */

/* 1. Mặc định là ẨN trên mọi thiết bị */
#reading-progress-container {
    display: none !important;
}

/* 2. Chỉ HIỆN khi thỏa mãn 2 điều kiện:
      - Là trang bài viết (.single-post)
      - Màn hình rộng hơn 768px (Tức là Laptop/PC)
*/
@media screen and (min-width: 769px) {
    .single-post #reading-progress-container {
        display: block !important;
        width: 100%;
        height: 2px; /* Mỏng 2px */
        background-color: transparent; 
        
        position: fixed; 
        top: 0; 
        left: 0;
        
        z-index: 2147483647; 
        pointer-events: none;
    }

    /* Xử lý riêng cho trường hợp bạn đang Đăng nhập Admin trên PC */
    .admin-bar .single-post #reading-progress-container {
        top: 32px; 
    }
}

/* Style cho thanh màu chạy */
#reading-progress-bar {
    height: 100%;
    background-color: #235de6; /* Màu xanh */
    width: 0%; 
    transition: width 0.1s ease-out;
}
/* --- KẾT THÚC --- */