/* Only enqueued on chapter reading pages. Keep the native menu and carousel behavior. */
body.reading-manga {
    --nb-reader-menu-bg: #f1f5fc;
    --nb-reader-menu-hover: #dbe8fa;
    --nb-reader-menu-text: #29485b;
    --nb-reader-menu-border: #dce6f2;
    --nb-reader-card-muted: #667b8a;
}
body.reading-manga.text-ui-light {
    --nb-reader-menu-bg: #242f3c;
    --nb-reader-menu-hover: #2d3d53;
    --nb-reader-menu-text: #e8edf4;
    --nb-reader-menu-border: #465462;
    --nb-reader-card-muted: #b8c7d4;
}

body.reading-manga .site-header .c-sub-header-nav .sub-nav_list .sub-menu {
    background-color: var(--nb-reader-menu-bg) !important;
    border-color: var(--nb-reader-menu-border) !important;
}
body.reading-manga .site-header .c-sub-header-nav .sub-nav_list .sub-menu a {
    background-color: var(--nb-reader-menu-bg) !important;
    color: var(--nb-reader-menu-text) !important;
}
body.reading-manga .site-header .c-sub-header-nav .sub-nav_list .sub-menu a:hover,
body.reading-manga .site-header .c-sub-header-nav .sub-nav_list .sub-menu a:focus-visible {
    background-color: var(--nb-reader-menu-hover) !important;
}

body.reading-manga.text-ui-light .c-bottom-sidebar .popular-slider .item__wrap {
    background-color: var(--nb-reader-menu-bg) !important;
}
body.reading-manga.text-ui-light .c-bottom-sidebar .popular-slider .slider__content a,
body.reading-manga.text-ui-light .c-bottom-sidebar .popular-slider .slider__content a i {
    color: var(--nb-reader-menu-text) !important;
}
body.reading-manga.text-ui-light .c-bottom-sidebar .popular-slider .post-on {
    color: var(--nb-reader-card-muted) !important;
}

@media (max-width: 991px) {
    /* Three native slides remain visible; stack each card instead of subtracting
       the desktop's fixed 126px cover from an already narrow text column. */
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slick-list {
        margin-left: -3px;
        margin-right: -3px;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__item {
        padding-left: 3px;
        padding-right: 3px;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .item__wrap {
        min-width: 0;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__thumb {
        float: none;
        width: 100%;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__thumb img {
        width: 100%;
        height: auto !important;
        aspect-ratio: 7 / 10;
        object-fit: cover;
        display: block;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__content {
        width: 100%;
        padding: 8px 0 0;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__content_item {
        min-width: 0;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-title h4,
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-title h4 a {
        display: block;
        height: auto;
        max-height: none;
        margin: 0;
        font-size: 13px;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: unset;
        color: var(--nb-reader-menu-text) !important;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slider__item .slider__content .slider__content_item .post-on {
        margin: 4px 0 8px;
        font-size: 11px;
        line-height: 17px;
        white-space: nowrap;
        color: var(--nb-reader-card-muted) !important;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter {
        display: block;
    }
    body.reading-manga .c-bottom-sidebar .popular-slider .slider__container .slider__item .slider__content .slider__content_item .chapter-item .chapter a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        max-width: 100%;
        padding: 2px 5px;
        font-size: 11px;
        line-height: 17px;
        white-space: nowrap;
        height: auto;
        max-height: none;
        -webkit-line-clamp: unset;
        text-overflow: clip;
        border-color: var(--nb-reader-menu-border);
    }
}