/*
Theme Name: DBwiki
Theme URI: https://dragonballwiki.net
Author: Duc Mu
Description: Hệ sinh thái bách khoa toàn thư Dragon Ball, kết hợp Nghe Nhạc, Đọc Truyện, Xem Phim (SPA với Barba.js)
Version: 1.0
Text Domain: dbwiki
*/

body {
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 1. FIX LỖI NỀN TRẮNG NÚT BOOKMARK (FAVORITE) */
.simplefavorite-button { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; color: #9ca3af !important; display: inline-flex; align-items: center; justify-content: center; }
.simplefavorite-button:focus, .simplefavorite-button:active { outline: none !important; }
.simplefavorite-button.active i { color: #ef4444 !important; } /* Đổi màu khi đã tym */
.simplefavorite-button-text, .simplefavorite-button-count { display: none !important; }

/* 2. FIX LỖI MENU CON BỊ TRÀN CHỮ / MẤT NỀN */
#main-header .menu-item-has-children { position: relative; }
#main-header .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; background: #1f2937; padding: 10px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); z-index: 99; border: 1px solid rgba(255,255,255,0.1); }
#main-header .menu-item-has-children:hover > .sub-menu { display: block; animation: fade-in-up 0.2s ease-out; }
#main-header .sub-menu li { list-style: none; margin: 0; padding: 0; }
#main-header .sub-menu li a { display: block; padding: 10px 15px; color: #e5e7eb; font-size: 14px; text-decoration: none; border-radius: 6px; transition: all 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main-header .sub-menu li a:hover { background: rgba(255,255,255,0.1); color: #9b4de0; }

html.light #main-header .sub-menu { background: #ffffff; border: 1px solid #e5e7eb; }
html.light #main-header .sub-menu li a { color: #374151; }
html.light #main-header .sub-menu li a:hover { background: #f3f4f6; color: #9b4de0; }

/* FIX ICON BOOKMARK CHUẨN */
.simplefavorite-button { font-size: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
.simplefavorite-button i { font-size: 1.2rem !important; color: #9ca3af !important; display: block !important; }
.simplefavorite-button.active i { color: #ef4444 !important; }
.simplefavorite-button-text, .simplefavorite-button-count { display: none !important; opacity: 0; visibility: hidden; }