/**
 * World Clock CSS
 * Tùy chỉnh giao diện đồng hồ thời gian thực với kim đồng hồ chuyển động
 */

/* Định dạng chung cho danh sách đồng hồ */
.footer_icon_list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

/* Loại bỏ biểu tượng đồng hồ mặc định vì chúng ta sẽ sử dụng SVG động */
.footer_icon_list li::before {
    content: none;
}

/* Định dạng cho container đồng hồ */
.clock-container {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: relative;
    margin-top: -7px;
}

/* Định dạng cho mặt đồng hồ */
.clock-face {
    width: 100%;
    height: 100%;
}

/* Màu sắc được xử lý trong JavaScript để thống nhất màu viền và kim đồng hồ */

/* Chức năng thay đổi màu đã được loại bỏ theo yêu cầu người dùng */