/*
 * AquaReader Dark Theme — Madara component text & surface mapping
 *
 * PURPOSE
 *   branding.css forces dark page backgrounds. Madara's components, however,
 *   were authored for a LIGHT theme and hardcode dark text colors. Without
 *   this file those texts render dark-on-dark (the #2 regression).
 *
 *   This file maps every real Madara text/surface selector (class names
 *   verified against Madara 2.4.1 templates) onto the AquaReader token system.
 *
 * LOAD ORDER
 *   Enqueued LAST (depends on aqua-child → after parent madara-css) so these
 *   overrides win without needing heavy !important stacking. !important is used
 *   only where Madara itself uses inline/utility specificity.
 *
 * ROLLBACK
 *   Delete this file + its wp_enqueue_style('aqua-dark-theme') line in
 *   functions.php to return to Madara's native (light) component colors.
 *
 * @package MadaraChild
 */

/* ====================================================================
   1. SURFACES — content blocks, cards, sidebars, widgets
==================================================================== */
.site-content,
.c-sidebar,
.c-top-sidebar,
.c-top-second-sidebar,
.c-bottom-sidebar,
.body-top-sidebar,
.body-bottom-sidebar {
    background-color: var(--aqua-navy);
    color: var(--aqua-text);
}

/* Manga cards / listing items */
.c-tabs-item__content,
.page-item-detail,
.page-listing-item,
.manga-item,
.c-blog-post,
.tab-content-wrap,
.c-page__content,
.widget,
.widget_madara_recent_chapter,
.widget-content {
    background-color: var(--aqua-surface);
    color: var(--aqua-text);
}

/* Card inner hover panel */
.item-thumb.hover-details .item-thumb_hover,
.manga-hover_content {
    background-color: var(--aqua-surface-2);
    color: var(--aqua-text);
}

/* ====================================================================
   2. HEADINGS & SECTION TITLES
==================================================================== */
.c-blog__heading,
.c-blog__heading .h4,
.c-blog__heading .h5,
.widget-title,
.widget .widget-title,
.heading,
.c-sidebar .heading,
.tab-summary .heading,
.summary_content .heading,
h1, h2, h3, h4, h5, h6 {
    color: var(--aqua-text);
}

/* Brand-accent the underline/active heading variants Madara uses */
.c-blog__heading.style-2,
.c-blog__heading.style-3 {
    border-color: var(--aqua-border);
}

/* ====================================================================
   3. POST / MANGA TITLES & SUMMARIES
==================================================================== */
.post-title,
.post-title h3,
.post-title h5,
.post-title a,
.manga-title,
.item-summary .post-title a,
.tab-summary .post-title a {
    color: var(--aqua-text);
}
.post-title a:hover,
.manga-title a:hover {
    color: var(--aqua-blue);
}

.item-summary,
.tab-summary,
.summary_content,
.description-summary,
.description-summary .summary__content,
.manga-excerpt,
.post-content_item,
.summary-content {
    color: var(--aqua-text-muted);
}

/* "Read more / show more" toggles */
.description-summary.show-more .more-link,
.btn-read-more,
.show-more-less {
    color: var(--aqua-blue);
}

/* ====================================================================
   4. META & CHAPTER LISTS
==================================================================== */
.font-meta,
.chapter,
.chapter.font-meta,
.font-meta.chapter,
.post-on,
.chapter-release-date,
.meta-item,
.list-chapter .chapter a,
.chapter-item .chapter a,
.c-meta,
.mg_release .summary-content,
.mg_author .summary-content,
.mg_artist .summary-content,
.mg_genres .summary-content {
    color: var(--aqua-text-muted);
}

.list-chapter .chapter a:hover,
.chapter-item .chapter a:hover {
    color: var(--aqua-blue);
}

/* New-chapter highlight pill keeps the brand accent */
.chapter-item .c-new-tag,
.manga-title-badges {
    color: var(--aqua-navy);
    background-color: var(--aqua-gold);
}

/* Chapter list row separators */
.list-chapter .row,
.chapter-item {
    border-color: var(--aqua-border);
}

/* ====================================================================
   5. GENERIC TEXT, LINKS, LISTS INSIDE CONTENT
==================================================================== */
.site-content p,
.site-content li,
.site-content span,
.site-content td,
.site-content dd,
.c-page__content,
.entry-content,
.reading-content p {
    color: var(--aqua-text);
}

.site-content a {
    color: var(--aqua-blue);
}
.site-content a:hover {
    color: var(--aqua-blue-light);
}

/* Keep card-wrapping anchors from turning blue (they wrap images/titles) */
.site-content a.item-thumb,
.site-content a.c-image-hover,
.site-content .post-title a,
.site-content .manga-title a {
    color: inherit;
}

/* ====================================================================
   6. TABS, FILTERS, BADGES, BUTTONS
==================================================================== */
.c-nav__item a,
.nav-tabs li a,
.filter-item label,
.checkbox-group label,
.c-filter label {
    color: var(--aqua-text-muted);
}
.c-nav__item.active a,
.nav-tabs li.active a {
    color: var(--aqua-blue);
}

/* Madara primary buttons → brand */
.site-content .c-btn,
.site-content .wp-manga-action-button,
.site-content .btn-primary,
.site-content button.btn {
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
    color: var(--aqua-navy);
}
.site-content .c-btn:hover,
.site-content .wp-manga-action-button:hover,
.site-content .btn-primary:hover {
    background-color: var(--aqua-blue-hover);
    border-color: var(--aqua-blue-hover);
    color: var(--aqua-navy);
}

/* ====================================================================
   7. FORMS & INPUTS
==================================================================== */
.site-content input[type="text"],
.site-content input[type="search"],
.site-content input[type="email"],
.site-content input[type="password"],
.site-content textarea,
.site-content select {
    background-color: var(--aqua-surface-3);
    border-color: var(--aqua-border);
    color: var(--aqua-text);
}
.site-content input::placeholder,
.site-content textarea::placeholder {
    color: var(--aqua-text-faint);
}
.site-content input:focus,
.site-content textarea:focus,
.site-content select:focus {
    border-color: var(--aqua-blue);
    outline: none;
}

/* ====================================================================
   8. COMMENTS  (Manga Comments Pro + native WP comments)
   Comment text was rendering dark-on-dark → appeared "missing" (#3).
==================================================================== */
.comments-area,
.c-comments-area,
.wpd-comment,
.comment-list,
.comment-body,
.comment,
#comments {
    color: var(--aqua-text);
}

.comment-author,
.comment-author .fn,
.wpd-comment-author,
.comment-meta,
.comment-metadata,
.wpd-comment-date {
    color: var(--aqua-text);
}

.comment-content,
.comment-content p,
.comment-text,
.wpd-comment-text,
.wpd-comment-text p,
.comment-body p {
    color: var(--aqua-text);
}

/* Comment cards / threads */
.comment-body,
.wpd-comment .wpd-comment-wrap,
.commentlist .comment {
    background-color: var(--aqua-surface);
    border-color: var(--aqua-border);
}

/* Comment reply/links */
.comment-reply-link,
.wpd-comment-link,
.comment a {
    color: var(--aqua-blue);
}

/* Comment form */
.comment-form label,
.comment-respond label {
    color: var(--aqua-text-muted);
}

/* ====================================================================
   9. BREADCRUMB / PAGINATION
==================================================================== */
.c-breadcrumb,
.c-breadcrumb .breadcrumb {
    background-color: var(--aqua-surface) !important;
}
.c-breadcrumb a,
.c-breadcrumb span,
.breadcrumb a,
.breadcrumb span {
    color: var(--aqua-text-muted) !important;
}
.c-breadcrumb .active,
.breadcrumb .active {
    color: var(--aqua-text) !important;
}

.wp-pagenavi a,
.page-numbers,
.nav-previous a,
.nav-next a {
    background-color: var(--aqua-surface-2);
    border-color: var(--aqua-border);
    color: var(--aqua-text-muted);
}
.wp-pagenavi a:hover,
.page-numbers.current,
.page-numbers:hover {
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
    color: var(--aqua-navy);
}

/* ====================================================================
   10. READER PAGE — keep widgets/top sidebars out of the clean reader
   (Top widgets are restored globally, but the reader stays minimal.)
==================================================================== */
body.aqua-reader-page .c-top-sidebar,
body.aqua-reader-page .c-top-second-sidebar {
    display: none;
}

/* ── Hide page title + meta on shortcode pages ─────────────── */
.page .entry-header,
.page .c-blog-post > .entry-header,
.page .post-on,
.page .posted-on,
.page .entry-meta,
.page .c-page-content > .c-blog__heading,
.page .page-header,
.page .c-blog-post > header,
body.page .breadcrumb,
body.page .c-breadcrumb {
    display: none !important;
}

/* ══════════════════════════════════
   SEARCH RESULTS PAGE
   ══════════════════════════════════ */
.search-results .site-content,
.search-results .c-page-content {
    background: #080808;
}
.search-results .c-page-content .c-blog__heading,
.search-results .main-col-inner > .c-blog__heading {
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    padding: 20px;
}
.search-results .search-wrap { display: none !important; }
.search-results .tab-content-wrap .c-tabs-item .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 14px !important;
    padding: 0 16px;
}
.search-results .tab-content-wrap .c-tabs-item .row .col-4,
.search-results .tab-content-wrap .c-tabs-item .row .col-8,
.search-results .tab-content-wrap .c-tabs-item .row > div {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
.search-results .tab-content-wrap .page-item-detail,
.search-results .tab-content-wrap .tab-summary {
    display: none !important;
}
.search-results .tab-content-wrap .c-image-hover {
    border-radius: 8px;
    overflow: hidden;
}
.search-results .tab-content-wrap .c-image-hover img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
    border-radius: 8px;
}
.search-results .tab-content-wrap .post-title h3 {
    font-size: 13px !important;
    margin: 6px 0 0 !important;
}
.search-results .tab-content-wrap .post-title h3 a {
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none;
}
.search-results .tab-content-wrap .post-title h3 a:hover {
    color: #48CAE4 !important;
}
.search-results .tab-content-wrap .mg_genres,
.search-results .tab-content-wrap .mg_author,
.search-results .tab-content-wrap .mg_status,
.search-results .tab-content-wrap .mg_release,
.search-results .tab-content-wrap .mg_alternative,
.search-results .tab-content-wrap .summary-content,
.search-results .tab-content-wrap .tab-meta {
    display: none !important;
}
.search-results .c-blog-post { border: none !important; }
.search-results .nav-tab-wrapper {
    padding: 10px 16px !important;
}
.search-results .nav-tab-wrapper .nav-link {
    color: rgba(255,255,255,0.5) !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    margin-right: 6px !important;
}
.search-results .nav-tab-wrapper .nav-link.active {
    color: #fff !important;
    background: #48CAE4 !important;
    border-color: #48CAE4 !important;
}

/* ══════════════════════════════════
   AUTOCOMPLETE DROPDOWN
   ══════════════════════════════════ */
.ui-autocomplete.manga-autocomplete,
.ui-autocomplete {
    background: #1a1a2e !important;
    border: 1px solid rgba(72,202,228,0.2) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
    padding: 6px !important;
    max-height: 400px;
    overflow-y: auto;
    z-index: 999999 !important;
}
.ui-autocomplete .ui-menu-item {
    border-radius: 6px;
    margin: 2px 0;
}
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}
.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-focus {
    background: rgba(72,202,228,0.1) !important;
    color: #fff !important;
}
.ui-autocomplete .ui-menu-item img {
    width: 40px;
    height: 56px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

/* ══════════════════════════════════
   USER PAGE / BOOKMARKS
   ══════════════════════════════════ */
body.page .c-page-content,
body.page .site-content {
    background: #080808;
}
.c-user_content,
.c-user_section,
.user-section {
    background: transparent !important;
    color: #fff;
}
.c-user_avatar {
    border-color: rgba(72,202,228,0.3) !important;
}
.c-user_section .nav-tabs,
.c-user_content .nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.c-user_section .nav-tabs .nav-link,
.c-user_content .nav-tabs .nav-link {
    color: rgba(255,255,255,0.5) !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    white-space: nowrap;
}
.c-user_section .nav-tabs .nav-link.active,
.c-user_content .nav-tabs .nav-link.active {
    color: #48CAE4 !important;
    border-bottom-color: #48CAE4 !important;
}
.c-user_section .tab-pane,
.c-user_content .tab-pane {
    background: transparent !important;
    color: rgba(255,255,255,0.8);
}
/* Bookmark items */
.c-user_content .bookmark-item,
.add-bookmark .bookmark-item,
.user-section .bookmark-item {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 10px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
}
.bookmark-item .post-title a,
.bookmark-item h3 a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
}
.bookmark-item .post-title a:hover,
.bookmark-item h3 a:hover {
    color: #48CAE4 !important;
}
.bookmark-item .chapter a {
    color: #48CAE4 !important;
    background: rgba(72,202,228,0.1);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
}
.bookmark-item .action_icon a,
.wp-manga-delete-bookmark {
    color: rgba(255,255,255,0.3) !important;
}
.wp-manga-delete-bookmark:hover {
    color: #e74c3c !important;
}
.bookmark-item img {
    border-radius: 8px !important;
}
/* Bookmark active button state */
.aqua-series-btn--bookmark.is-bookmarked {
    background: rgba(72,202,228,0.15) !important;
    border-color: rgba(72,202,228,0.3) !important;
    color: #48CAE4 !important;
}
/* User stats boxes */
.c-user_section .user-stats-item,
.c-user_content .c-stat-item {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
/* User settings form */
.c-user_section input,
.c-user_section textarea,
.c-user_content input,
.c-user_content textarea {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.c-user_section .btn,
.c-user_content .btn,
.c-user_section button[type="submit"],
.c-user_content button[type="submit"] {
    background: #48CAE4 !important;
    color: #080808 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* ══════════════════════════════════
   USER SETTINGS PAGE (Bookmarks, History, etc.)
   ══════════════════════════════════ */
.settings-page { color: #fff; }
.settings-page .nav-tabs-wrap {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.settings-page .nav-tabs {
    border: none !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
}
.settings-page .nav-tabs li {
    list-style: none;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.settings-page .nav-tabs li:last-child { border-bottom: none; }
.settings-page .nav-tabs li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 18px !important;
    color: rgba(255,255,255,0.6) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.15s;
}
.settings-page .nav-tabs li a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.04) !important;
}
.settings-page .nav-tabs li.active a {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0,95,153,0.3), rgba(72,202,228,0.15)) !important;
    border-left: 3px solid #48CAE4 !important;
    font-weight: 600;
}
.settings-page .nav-tabs li a i {
    font-size: 16px;
    width: 20px;
    text-align: center;
    color: rgba(255,255,255,0.4);
}
.settings-page .nav-tabs li.active a i { color: #48CAE4; }

/* Content area */
.settings-page .tabs-content-wrap,
.settings-page .tab-content {
    background: transparent !important;
    color: #fff;
}
.settings-page .tab-pane { color: rgba(255,255,255,0.85); }
.settings-page .tab-pane table {
    color: #fff !important;
    border-collapse: separate;
    border-spacing: 0;
}
.settings-page .tab-pane table thead th {
    color: rgba(255,255,255,0.4) !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 10px 12px !important;
    background: transparent !important;
}
.settings-page .tab-pane table tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.04);
}
.settings-page .tab-pane table tbody td {
    padding: 14px 12px !important;
    vertical-align: middle;
    border: none !important;
    color: rgba(255,255,255,0.8);
}
/* Manga title in bookmark */
.settings-page .tab-pane .manga-title a,
.settings-page .tab-pane h3 a,
.settings-page .tab-pane .post-title a {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px;
}
.settings-page .tab-pane .manga-title a:hover,
.settings-page .tab-pane h3 a:hover,
.settings-page .tab-pane .post-title a:hover {
    color: #48CAE4 !important;
}
/* Chapter pills */
.settings-page .tab-pane .chapter a,
.settings-page .tab-pane .wp-manga-chapter a {
    display: inline-block;
    background: rgba(72,202,228,0.12) !important;
    color: #48CAE4 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: 1px solid rgba(72,202,228,0.2);
    margin: 2px 0;
}
.settings-page .tab-pane .chapter a:hover,
.settings-page .tab-pane .wp-manga-chapter a:hover {
    background: rgba(72,202,228,0.25) !important;
}
/* Chapter description text */
.settings-page .tab-pane .chapter span,
.settings-page .tab-pane .text-muted,
.settings-page .tab-pane small {
    color: rgba(255,255,255,0.3) !important;
}
/* Manga cover */
.settings-page .tab-pane img {
    border-radius: 8px !important;
}
/* Checkbox + delete */
.settings-page .tab-pane input[type="checkbox"] {
    accent-color: #48CAE4;
    width: 16px;
    height: 16px;
}
.settings-page .tab-pane .wp-manga-delete-bookmark,
.settings-page .tab-pane .delete-bookmark {
    color: rgba(255,255,255,0.3) !important;
    font-size: 18px;
    cursor: pointer;
}
.settings-page .tab-pane .wp-manga-delete-bookmark:hover,
.settings-page .tab-pane .delete-bookmark:hover {
    color: #e74c3c !important;
}
.settings-page .tab-pane .btn-danger,
.settings-page .tab-pane button.delete,
.settings-page .tab-pane .wp-manga-delete-multi-bookmark {
    background: rgba(231,76,60,0.15) !important;
    border: 1px solid rgba(231,76,60,0.3) !important;
    color: #e74c3c !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    font-size: 13px !important;
    cursor: pointer;
}
.settings-page .tab-pane .btn-danger:hover {
    background: rgba(231,76,60,0.3) !important;
}
/* Check all label */
.settings-page .tab-pane label {
    color: rgba(255,255,255,0.5) !important;
    font-size: 13px;
}
/* Edit link */
.settings-page a.edit-page-link,
.settings-page a[href*="edit"] {
    color: #48CAE4 !important;
}
/* Form inputs (account/reader settings) */
.settings-page input[type="text"],
.settings-page input[type="email"],
.settings-page input[type="password"],
.settings-page input[type="url"],
.settings-page textarea,
.settings-page select {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}
.settings-page input:focus,
.settings-page textarea:focus,
.settings-page select:focus {
    border-color: rgba(72,202,228,0.4) !important;
    outline: none !important;
}
.settings-page .btn-primary,
.settings-page button[type="submit"] {
    background: #48CAE4 !important;
    color: #080808 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    cursor: pointer;
}
.settings-page .btn-primary:hover {
    background: #3ab5d0 !important;
}
/* Reader settings radio/select */
.settings-page .form-group label {
    color: rgba(255,255,255,0.7) !important;
}
/* Mobile responsive */
@media (max-width: 767px) {
    .settings-page .nav-tabs-wrap {
        margin-bottom: 16px !important;
    }
    .settings-page .nav-tabs {
        flex-direction: row !important;
        overflow-x: auto;
    }
    .settings-page .nav-tabs li {
        border-bottom: none;
        border-right: 1px solid rgba(255,255,255,0.04);
    }
    .settings-page .nav-tabs li a {
        padding: 10px 14px !important;
        font-size: 12px !important;
        white-space: nowrap;
    }
}

/* ══════════════════════════════════════════════════════
   BOOKMARKS — clean glass cards (smooth, GPU-accelerated)
   ══════════════════════════════════════════════════════ */
.aqua-bm-wrap {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
}
.aqua-bm-card {
    display: flex;
    align-items: stretch;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.aqua-bm-card:hover {
    border-color: rgba(72,202,228,0.3);
    transform: translateY(-2px);
}
.aqua-bm-card__cover {
    flex: 0 0 96px;
    width: 96px;
    display: block;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
}
.aqua-bm-card__img,
.aqua-bm-card__cover img {
    width: 96px !important;
    height: 100% !important;
    min-height: 132px !important;
    object-fit: cover !important;
    display: block !important;
}
.aqua-bm-card__body {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.aqua-bm-card__title {
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}
.aqua-bm-card__title a {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.aqua-bm-card__title a:hover { color: #48CAE4; }

.aqua-bm-card__chapters {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.aqua-bm-chapter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(72,202,228,0.1);
    border: 1px solid rgba(72,202,228,0.22);
    color: #48CAE4;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    width: fit-content;
    max-width: 100%;
    transition: background 0.15s ease;
}
.aqua-bm-chapter:hover { background: rgba(72,202,228,0.2); }
.aqua-bm-chapter__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Read chapter — dim + checkmark */
.aqua-bm-chapter:visited {
    opacity: 0.5;
    background: rgba(72,202,228,0.06);
}
.aqua-bm-chapter:visited .aqua-bm-chapter__name::before {
    content: '✓ ';
    color: #48CAE4;
    font-weight: 700;
}
/* NEW badge — chapter uploaded in last 3 days */
.aqua-bm-chapter__new {
    background: #48CAE4;
    color: #080808;
    font-size: 9px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 6px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    flex-shrink: 0;
}
/* Actions */
.aqua-bm-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-top: auto;
    padding-top: 4px;
}
.aqua-bm-check { display: flex; align-items: center; margin: 0; cursor: pointer; }
.aqua-bm-check input[type="checkbox"] {
    width: 18px; height: 18px;
    accent-color: #48CAE4;
    cursor: pointer;
    margin: 0;
}
.aqua-bm-delete {
    color: rgba(255,255,255,0.3);
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
    transition: color 0.15s ease;
}
.aqua-bm-delete:hover { color: #e74c3c; }

/* Bottom bar */
.aqua-bm-bottombar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 6px 2px;
    margin-top: 4px;
}
.aqua-bm-checkall {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
}
.aqua-bm-checkall input[type="checkbox"] {
    width: 18px; height: 18px;
    accent-color: #48CAE4;
    margin: 0;
}
.aqua-bm-checkall span {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
}
.aqua-bm-delete-btn {
    background: rgba(231,76,60,0.15);
    border: 1px solid rgba(231,76,60,0.35);
    color: #ff6b5e;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}
.aqua-bm-delete-btn:hover { background: rgba(231,76,60,0.3); }
.aqua-bm-empty {
    text-align: center;
    color: rgba(255,255,255,0.4);
    padding: 60px 20px;
    font-size: 14px;
}

/* ══════════════════════════════════════════════════════
   USER SETTINGS — sidebar nav glass
   ══════════════════════════════════════════════════════ */
.settings-page { color: #fff !important; }
.settings-page .nav-tabs-wrap {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}
.settings-page .nav-tabs {
    border: none !important;
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.settings-page .nav-tabs li { list-style: none !important; border: none !important; }
.settings-page .nav-tabs li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 16px !important;
    color: rgba(255,255,255,0.6) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 10px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}
.settings-page .nav-tabs li a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.05) !important;
}
.settings-page .nav-tabs li.active a {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0,95,153,0.4), rgba(72,202,228,0.18)) !important;
    font-weight: 600 !important;
}
.settings-page .nav-tabs li a i {
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
    color: rgba(255,255,255,0.4) !important;
}
.settings-page .nav-tabs li.active a i { color: #48CAE4 !important; }
.settings-page .tabs-content-wrap,
.settings-page .tab-content,
.settings-page .tab-pane {
    background: transparent !important;
    color: rgba(255,255,255,0.85) !important;
}
.settings-page input[type="text"],
.settings-page input[type="email"],
.settings-page input[type="password"],
.settings-page input[type="url"],
.settings-page textarea,
.settings-page select {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
}
.settings-page input:focus,
.settings-page textarea:focus,
.settings-page select:focus {
    border-color: rgba(72,202,228,0.4) !important;
    outline: none !important;
}
.settings-page .btn-primary,
.settings-page button[type="submit"] {
    background: #48CAE4 !important;
    color: #080808 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
.settings-page .btn-primary:hover { background: #3ab5d0 !important; }

/* ══════════════════════════════════════════════════════
   READING HISTORY — same glass cards
   ══════════════════════════════════════════════════════ */
.tab-pane table.list-history { display: block !important; width: 100% !important; background: transparent !important; }
.list-history thead { display: none !important; }
.list-history tbody { display: block !important; }
.list-history tbody tr {
    display: flex !important;
    align-items: stretch !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease !important;
}
.list-history tbody tr:hover { border-color: rgba(72,202,228,0.3) !important; }
.list-history tbody td { display: block !important; border: none !important; color: #fff !important; }
.list-history .mange-name { display: flex !important; align-items: stretch !important; width: 100% !important; }
.list-history .item-thumb { flex: 0 0 96px !important; width: 96px !important; }
.list-history .item-thumb img {
    width: 96px !important; height: 100% !important; min-height: 132px !important;
    object-fit: cover !important;
}
.list-history .item-infor { padding: 12px 14px !important; flex: 1 !important; min-width: 0 !important; }
.list-history .post-title h3 { margin: 0 0 8px !important; }
.list-history .post-title h3 a {
    color: #fff !important; text-decoration: none !important; font-weight: 700 !important;
    font-size: 15px !important;
}
.list-history .post-title h3 a:hover { color: #48CAE4 !important; }
.list-history .chapter a {
    display: inline-block !important;
    background: rgba(72,202,228,0.1) !important;
    color: #48CAE4 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid rgba(72,202,228,0.22) !important;
    margin: 2px 0 !important;
}
.list-history .chapter a:visited { opacity: 0.5 !important; }