/* =========================================================
   OHLI365 Single Anime Final UI v11
   기준:
   - 애니라이프 상세 페이지 compact layout
   - 부모 테마 수정 없음
   - 차일드 테마 최종 CSS 단일 관리
========================================================= */

@media only screen and (min-width: 801px) {

    body {
        background: #eef0f2 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 14px !important;
        line-height: 1.2em !important;
        color: #222 !important;
    }

    #content .wrapper {
        max-width: 1100px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody {
        width: 70% !important;
        float: left !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #sidebar {
        width: 30% !important;
        float: right !important;
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox {
        background: #fff !important;
        border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        margin-bottom: 18px !important;
        box-shadow: 1px 3px 8px rgba(49, 49, 49, .1) !important;
        overflow: hidden !important;
        border: 0 !important;
    }

    /* ===============================
       상단 상세 박스
    =============================== */

    #content .wrapper #postbody article .bixbox.animefull .bigcontent {
        position: relative !important;
        padding: 15px 20px 25px 195px !important;
        z-index: 1 !important;
        min-height: 370px !important;
        background: #fff !important;
        box-sizing: border-box !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 14px !important;
        line-height: 1.2em !important;
        color: #222 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .thumbook {
        position: absolute !important;
        left: 20px !important;
        top: 15px !important;
        width: 155px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .thumbook .thumb {
        width: 155px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        border: 1px solid #eee !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .thumbook .thumb img,
    #content .wrapper #postbody article .bixbox.animefull .thumbook .thumb .img_full {
        display: block !important;
        width: 155px !important;
        height: 220px !important;
        object-fit: cover !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .bookmark {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 155px !important;
        height: 32px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        background: #1976df !important;
        border-radius: 3px !important;
        color: #fff !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .infox {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        min-height: 0 !important;
        font-family: 'Fira Sans', sans-serif !important;
        color: #222 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .entry-title {
        margin: 0 0 9px !important;
        padding: 0 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 24px !important;
        line-height: 1.2em !important;
        font-weight: 700 !important;
        letter-spacing: -0.3px !important;
        color: #222 !important;
        text-align: left !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ninfo {
        margin: 0 !important;
        padding: 0 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .mindesc {
        margin: 0 0 9px !important;
        padding: 0 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.45em !important;
        font-weight: 400 !important;
        color: #222 !important;
        word-break: keep-all !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .mindesc b {
        font-weight: 700 !important;
        color: #222 !important;
    }

    /* ===============================
       상세 정보 2열
    =============================== */

    #content .wrapper #postbody article .bixbox.animefull .spe {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 26px !important;
        row-gap: 5px !important;
        margin: 9px 0 10px !important;
        padding: 0 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .spe span {
        display: block !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 0 0 13px !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 12px !important;
        line-height: 1.35em !important;
        font-weight: 400 !important;
        color: #222 !important;
        word-break: keep-all !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .spe span:before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 4px !important;
        width: 7px !important;
        height: 7px !important;
        border-radius: 2px !important;
        background: #1976df !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .spe b {
        font-weight: 700 !important;
        color: #222 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .spe a {
        color: #1976df !important;
        text-decoration: none !important;
        font-weight: 400 !important;
    }

    /* ===============================
       장르 / 태그 칩
    =============================== */

    #content .wrapper #postbody article .bixbox.animefull .genxed {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin: 8px 0 7px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .genxed a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 21px !important;
        margin: 0 !important;
        padding: 3px 8px !important;
        border: 1px solid #9fc4ef !important;
        border-radius: 3px !important;
        background: #fff !important;
        color: #1976df !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 11px !important;
        line-height: 1.2em !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .genxed a:hover {
        background: #1976df !important;
        border-color: #1976df !important;
        color: #fff !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags,
    #content .wrapper #postbody article .bixbox.animefull .taged.min,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        max-height: 52px !important;
        overflow: hidden !important;
        margin: 7px 0 0 !important;
        padding: 0 !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags.all,
    #content .wrapper #postbody article .bixbox.animefull .taged.min.all,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags.all {
        max-height: none !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags a,
    #content .wrapper #postbody article .bixbox.animefull .taged.min a,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 21px !important;
        margin: 0 !important;
        padding: 3px 8px !important;
        border: 1px solid #f3a36e !important;
        border-radius: 3px !important;
        background: #fff !important;
        color: #f07b2f !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 11px !important;
        line-height: 1.2em !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags a:hover,
    #content .wrapper #postbody article .bixbox.animefull .taged.min a:hover,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags a:hover {
        background: #f07b2f !important;
        border-color: #f07b2f !important;
        color: #fff !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags .colapse,
    #content .wrapper #postbody article .bixbox.animefull .taged.min .colapse,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags .colapse {
        display: block !important;
        flex-basis: 100% !important;
        height: 18px !important;
        margin: 3px 0 0 !important;
        padding: 0 !important;
        background: #eee !important;
        color: #666 !important;
        border-radius: 2px !important;
        text-align: center !important;
        cursor: pointer !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags .colapse:before,
    #content .wrapper #postbody article .bixbox.animefull .taged.min .colapse:before,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags .colapse:before {
        content: "더보기" !important;
    }

    #content .wrapper #postbody article .bixbox.animefull .ohli365-series-tags.all .colapse:before,
    #content .wrapper #postbody article .bixbox.animefull .taged.min.all .colapse:before,
    #content .wrapper #postbody article .bixbox.animefull .a365-detail-tags.all .colapse:before {
        content: "닫기" !important;
    }

    /* ===============================
       줄거리 / 에피소드 박스 제목
    =============================== */

    #content .wrapper #postbody article .bixbox.synp .releases,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .releases {
        min-height: 38px !important;
        padding: 11px 14px !important;
        border-bottom: 1px solid #eee !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox.synp .releases h2,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .releases h2 {
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 14px !important;
        line-height: 1.2em !important;
        font-weight: 700 !important;
    }

    #content .wrapper #postbody article .bixbox.synp .entry-content {
        padding: 15px 16px !important;
        color: #222 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.7em !important;
        word-break: keep-all !important;
    }

    #content .wrapper #postbody article .bixbox.synp .entry-content p {
        margin: 0 !important;
    }

    /* ===============================
       에피소드 목록
    =============================== */

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister {
        padding: 18px 18px 20px !important;
        background: #fff !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister ul {
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: visible !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li {
        display: block !important;
        margin: 0 0 2px !important;
        padding: 0 !important;
        list-style: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li a {
        display: grid !important;
        grid-template-columns: 70px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        align-items: center !important;
        min-height: 40px !important;
        padding: 0 18px !important;
        color: #222 !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.2em !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li:nth-child(odd) a {
        background: #f5f5f5 !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li:nth-child(even) a {
        background: #fff !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li a:hover {
        background: #1976df !important;
        color: #fff !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-num {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.2em !important;
        font-weight: 700 !important;
        text-align: left !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-title {
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-family: 'Fira Sans', sans-serif !important;
        font-size: 13px !important;
        line-height: 1.2em !important;
        font-weight: 700 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-sub,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-date,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eph-sub,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eph-date,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplhead {
        display: none !important;
    }
}

/* 모바일 최소 안정화 */
@media only screen and (max-width: 800px) {
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister {
        padding: 16px 14px 18px !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .eplister li a {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: center !important;
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
    }

    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-num,
    #content .wrapper #postbody article .bixbox.bxcl.epcheck .epl-title {
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

/* =========================================================
   OHLI365 Episode Page Nav Fix
   - 이전 / 전체 에피소드 / 다음 버튼 깨짐 방지
========================================================= */

.postarea .naveps,
.naveps {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px !important;
    margin: 12px 0 18px !important;
    padding: 0 !important;
    clear: both !important;
}

.postarea .naveps .nvs,
.naveps .nvs {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.postarea .naveps .nvs a,
.postarea .naveps .nvs .nolink,
.naveps .nvs a,
.naveps .nvs .nolink {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
    box-shadow: 1px 3px 8px rgba(49,49,49,.08) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.postarea .naveps .nvs a:hover,
.naveps .nvs a:hover {
    background: #1976df !important;
    color: #fff !important;
}

.postarea .naveps .nvs .tex,
.naveps .nvs .tex {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 800px) {
    .postarea .naveps,
    .naveps {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }
}


/* =========================================================
   OHLI365 Episode Comments Disable UI
   - 회차 페이지 댓글 영역 숨김
========================================================= */

.single-post #comments,
.single-post .comments-area,
.single-post #respond,
.single-post .comment-respond,
.single-post .comment-list,
.single-post .bixbox.comments,
.single-post .bixbox.commentx,
.single-post .post-comments,
.single-post .commentform,
.single-post .comment-form {
    display: none !important;
}


/* =========================================================
   OHLI365 Episode Below Player Keyword Box Disable
   - Download / Watch / Anime always updated 문구 제거
========================================================= */

.single-post .entry-content:has(b),
.single-post .bixbox .entry-content:has(b) {
    /* 직접 숨기지 않음: 브라우저 호환 때문에 아래 세부 선택자 우선 */
}

.single-post .kln,
.single-post .keyword,
.single-post .keywords,
.single-post .keybox,
.single-post .player-keyword,
.single-post .below-player-keyword,
.single-post .episode-keyword,
.single-post .desc:has(b),
.single-post .entry-content p:has(b) {
    display: none !important;
}


/* =========================================================
   OHLI365 Hide Author / Posted By
   - 등록자 / Posted by / 작성자 이메일 표시 제거
========================================================= */

.single-anime .spe span:has(a[href*="author"]),
.single-anime .spe span:has(.author),
.single-anime .spe span:has([rel="author"]),
.single-post .spe span:has(a[href*="author"]),
.single-post .spe span:has(.author),
.single-post .spe span:has([rel="author"]),
.single-post .postmeta .author,
.single-post .postmeta span:has(a[href*="author"]),
.single-post .meta .author,
.single-post .meta span:has(a[href*="author"]),
.single-post .entry-meta .author,
.single-post .entry-meta span:has(a[href*="author"]),
.single-anime .postmeta .author,
.single-anime .entry-meta .author {
    display: none !important;
}

/* 이메일이 직접 노출되는 박스 대응 */
.single-anime .spe span:has(a[href^="mailto:"]),
.single-post .spe span:has(a[href^="mailto:"]),
.single-anime .entry-meta span:has(a[href^="mailto:"]),
.single-post .entry-meta span:has(a[href^="mailto:"]) {
    display: none !important;
}


/* =========================================================
   OHLI365 Strong Author Hide
   - 에피소드/시리즈 작성자 이메일 노출 차단
========================================================= */

.single-post .entry-info .vcard.author,
.single-post .entry-info .author,
.single-post .entry-info a[href*="/author/"],
.single-post .entry-info a[href^="mailto:"],
.single-post .meta .vcard.author,
.single-post .meta .author,
.single-post .postmeta .vcard.author,
.single-post .postmeta .author,
.single-post .entry-meta .vcard.author,
.single-post .entry-meta .author,
.single-anime .spe .vcard.author,
.single-anime .spe .author,
.single-anime .spe a[href*="/author/"],
.single-anime .spe a[href^="mailto:"] {
    display: none !important;
}