/* =========================================
   CSS TRANG LỊCH SỬ XEM PHIM (lich-su.html)
   ========================================= */

/* Nút "Xóa Tất Cả" ở góc trên */
.btn-clear-all {
    background: rgba(229, 9, 20, 0.1);
    color: #e50914; /* Màu đỏ */
    border: 1px solid #e50914;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
}

.btn-clear-all:hover {
    background: #e50914;
    color: #fff;
    box-shadow: 0 0 10px rgba(229, 9, 20, 0.5);
}

/* Nút dấu X (Xóa từng phim) ở góc thẻ phim */
.btn-delete-item {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #aaa;
    border: 1px solid #444;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s;
    /* Căn giữa chữ X */
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-item:hover {
    background: #e50914;
    color: #fff;
    border-color: #e50914;
    transform: scale(1.1); /* Phóng to nhẹ khi di chuột */
}

/* Dòng chữ thông báo tiến độ xem dở (VD: Đang xem: 12:30) */
.watch-progress {
    font-size: 13px;
    color: #aaa;
    text-align: center;
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px dashed #333; /* Đường gạch đứt ngăn cách với tên phim */
}

.watch-progress span {
    color: #00d2d3;
    font-weight: bold;
}






/* Định dạng cái tem "Tập..." ở góc trên phim */
.movie-card .episode-badge {
    position: absolute;
    top: 8px;       /* Đẩy lùi xuống một chút cho thoáng */
    left: 8px;      /* Đẩy lùi vào trong một chút */
    right: auto;    /* QUAN TRỌNG: Gỡ bỏ right: 0 để tem không bị kéo dài hết viền ngang */
    background: rgba(0, 0, 0, 0.8);
    color: #00d2d3;
    text-align: center;
    padding: 4px 10px; /* Căn chỉnh lại độ rộng của tem */
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px; /* Thêm bo góc cho tem nhìn hiện đại hơn */
    z-index: 2;
}