/* CSS để sửa màu sắc cho menu trong chế độ tối/sáng */

/* Menu ở chế độ tối - đảm bảo đồng bộ với dark_style.css */
html.dark-theme body header .bottom,
html.dark-theme body header .bottom .div_middle,
html.dark-theme body header .bottom .div_middle .hidden_menu,
html.dark-theme body header .bottom .div_middle .hidden_menu .div_middle,
html.dark-theme body header .nav_menu.mobile_display,
body.dark header .bottom,
body.dark header .bottom .div_middle,
body.dark header .bottom .div_middle .hidden_menu,
body.dark header .bottom .div_middle .hidden_menu .div_middle,
body.dark header .nav_menu.mobile_display {
    background-color: #242526 !important; /* Màu từ dark_style.css */
    color: #e4e6eb !important; /* Màu text cho dark mode */
}

/* Text menu ở chế độ tối - tăng độ ưu tiên selector */
html.dark-theme body header .bottom ul li .tags_name,
html.dark-theme body header .bottom ul li .tags_name *,
html.dark-theme body header .bottom .div_middle .book_tags_content a,
html.dark-theme body header .bottom .div_middle .book_tags_content p,
body.dark header .bottom ul li .tags_name,
body.dark header .bottom ul li .tags_name *,
body.dark header .bottom ul li p.tags_name,
body.dark header .bottom ul li a.tags_name,
body.dark header .bottom .div_middle .book_tags_content a,
body.dark header .bottom .div_middle .book_tags_content p {
    color: #e4e6eb !important; /* Màu text cho dark mode */
}

/* Menu ở chế độ sáng - đảm bảo đồng bộ với style.css */
html.light-theme body header .bottom,
body.light header .bottom {
    background-color: #f18121 !important; /* Màu từ style.css */
    color: #333333 !important; /* Màu text cho light mode */
}

html.light-theme body header .bottom .div_middle,
html.light-theme body header .bottom .div_middle .hidden_menu,
html.light-theme body header .bottom .div_middle .hidden_menu .div_middle,
html.light-theme body header .nav_menu.mobile_display,
body.light header .bottom .div_middle,
body.light header .bottom .div_middle .hidden_menu,
body.light header .bottom .div_middle .hidden_menu .div_middle,
body.light header .nav_menu.mobile_display {
    background-color: #f18121 !important; /* Màu từ style.css */
    color: #333333 !important; /* Màu text cho light mode */
}

/* Text menu ở chế độ sáng - tăng độ ưu tiên selector */
html.light-theme body header .bottom ul li .tags_name,
html.light-theme body header .bottom ul li .tags_name *,
html.light-theme body header .bottom .div_middle .book_tags_content a,
html.light-theme body header .bottom .div_middle .book_tags_content p,
body.light header .bottom ul li .tags_name,
body.light header .bottom ul li .tags_name *,
body.light header .bottom ul li p.tags_name,
body.light header .bottom ul li a.tags_name,
body.light header .bottom .div_middle .book_tags_content a,
body.light header .bottom .div_middle .book_tags_content p {
    color: #ffffff !important; /* Màu text trắng để dễ đọc trên nền cam */
}

/* Sửa lỗi class dark/light được thêm vào div_middle */
body header .bottom .div_middle.dark {
    background-color: #242526 !important; /* Màu từ dark_style.css */
    color: #e4e6eb !important; /* Màu text cho dark mode */
}

body header .bottom .div_middle.light {
    background-color: #f18121 !important; /* Màu từ style.css */
    color: #ffffff !important; /* Màu text trắng để dễ đọc trên nền cam */
}

/* Sửa màu cho các dropdown khi hover */
html.dark-theme body header .bottom ul li:hover .tags_name,
body.dark header .bottom ul li:hover .tags_name {
    color: #ffffff !important;
    background-color: #3a3b3c !important; /* Màu nền khi hover trong dark mode từ dark_style.css */
}

html.light-theme body header .bottom ul li:hover .tags_name,
body.light header .bottom ul li:hover .tags_name {
    color: #ffffff !important;
    background-color: #f29c57 !important; /* Màu từ style.css */
}

/* Fix cho menu trên mobile */
@media (max-width: 767px) {
    html.dark-theme body header .nav_menu.mobile_display i,
    body.dark header .nav_menu.mobile_display i {
        color: #e4e6eb !important;
    }
    
    html.light-theme body header .nav_menu.mobile_display i,
    body.light header .nav_menu.mobile_display i {
        color: #ffffff !important; /* Màu trắng trên nền cam */
    }
}