@charset "utf-8";

/* ============================================================
   TVWIKI Light Theme Override
   Default = Dark (no attribute)
   Light  = html[data-theme="light"]
   ============================================================ */


/* ----------------------------------------------------------
   Transition (key elements only — NOT *)
   ---------------------------------------------------------- */
html[data-theme="light"] body,
html[data-theme="light"] #header_wrap,
html[data-theme="light"] #footer_wrap,
html[data-theme="light"] #float,
html[data-theme="light"] .search_wrap,
html[data-theme="light"] #login_wrap {
    transition: background-color 0.3s ease, color 0.3s ease;
}


/* ============================================================
   reset.css overrides
   ============================================================ */
html[data-theme="light"] {
    background: #f8f9fa;
}

html[data-theme="light"] body {
    color: #1a1a1a;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
    color: #1a1a1a;
}

html[data-theme="light"] input,
html[data-theme="light"] button {
    color: #1a1a1a;
}

html[data-theme="light"] textarea,
html[data-theme="light"] select {
    color: #1a1a1a;
}

html[data-theme="light"] a {
    color: #1a1a1a;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] input::-webkit-input-placeholder,
html[data-theme="light"] input::-ms-input-placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] textarea::-webkit-input-placeholder,
html[data-theme="light"] textarea::-ms-input-placeholder,
html[data-theme="light"] .placeholdersjs {
    color: #aaa !important;
}


/* ============================================================
   default.css overrides — Header
   ============================================================ */
html[data-theme="light"] #header_wrap {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* Logo — invert for light bg */
html[data-theme="light"] #header a.logo img {
    filter: brightness(0.15);
}

/* GNB dropdowns */
html[data-theme="light"] #header .gnb ul li a:hover {
    color: #1348d5;
}

html[data-theme="light"] #header .gnb ul li ul {
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

html[data-theme="light"] #header .gnb ul li ul li.underline {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #header .gnb ul li ul li a {
    color: #444;
}

html[data-theme="light"] #header .gnb ul li ul li a:hover {
    color: #1a1a1a;
    background: #f5f5f5;
}


/* ============================================================
   default.css overrides — Mobile GNB
   ============================================================ */
html[data-theme="light"] .gnb_mobile a {
    color: #333;
    background: #e2e5e9;
}

html[data-theme="light"] .gnb_mobile a.active {
    color: #fff;
    background: #1348d5;
}


/* ============================================================
   default.css overrides — BNB (Bottom Nav Bar — PC)
   ============================================================ */
html[data-theme="light"] #bnb_wrap {
    border-top-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #bnb ul li a {
    color: #555;
}

html[data-theme="light"] #bnb a.btn_telegram {
    color: #555;
    background: #f0f0f0;
}

html[data-theme="light"] #bnb a.btn_telegram:hover {
    color: #fff;
    background: #1348d5;
}


/* ============================================================
   default.css overrides — Footer
   ============================================================ */
html[data-theme="light"] #footer_wrap {
    background: #f0f0f0;
}

html[data-theme="light"] #footer ul.pc li::after {
    background: #d0d0d0;
}

html[data-theme="light"] #footer ul.pc li a {
    color: #555;
}

html[data-theme="light"] #footer ul.mobile li::after {
    background: #ccc;
}

html[data-theme="light"] #footer ul.mobile li a {
    color: #777;
}

html[data-theme="light"] #footer p {
    color: #777;
}


/* ============================================================
   default.css overrides — Float (Mobile Bottom Bar)
   ============================================================ */
html[data-theme="light"] #float {
    background: #ffffff;
    box-shadow: 0 -1px 8px rgba(0,0,0,0.1);
}

html[data-theme="light"] #float ul li a {
    color: #555;
}

html[data-theme="light"] #float ul li:first-child {
    color: #1a1a1a;
}


/* ============================================================
   default.css overrides — Search Layer
   ============================================================ */
html[data-theme="light"] .search_layer {
    background: rgba(0,0,0,0.3);
}

html[data-theme="light"] .search_wrap {
    background: #ffffff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}

html[data-theme="light"] .search_wrap h2 {
    color: #1a1a1a;
}

html[data-theme="light"] .search_wrap .search_input .input {
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}

html[data-theme="light"] .search_wrap .search_input button[type="submit"] {
    color: #555;
}

html[data-theme="light"] .search_wrap .btn_search_close {
    color: #555;
}

html[data-theme="light"] .search_wrap ul li a .num {
    color: #f00001;
}

html[data-theme="light"] .search_title_pc {
    border-bottom-color: #e0e0e0;
    color: #888;
}

html[data-theme="light"] .search_title_pc .date {
    color: #aaa;
}

html[data-theme="light"] .search_title_mobile {
    color: #1a1a1a;
}

html[data-theme="light"] .search_title_mobile .date {
    color: #888;
}


/* ============================================================
   search.skin.php overrides — Sort & Board Filter Tabs
   ============================================================ */
html[data-theme="light"] .sort-tabs a {
    color: #555;
}
html[data-theme="light"] .sort-tabs a:hover {
    color: #1348d5;
}
html[data-theme="light"] .sort-tabs a.on {
    color: #1348d5;
    font-weight: 600;
}

html[data-theme="light"] .board-tabs {
    border-top-color: #ddd;
    border-bottom-color: #ddd;
}
html[data-theme="light"] .board-tabs a {
    color: #555;
    border-color: #ccc;
}
html[data-theme="light"] .board-tabs a:hover {
    color: #1348d5;
    border-color: #1348d5;
}
html[data-theme="light"] .board-tabs a.on {
    color: #fff;
    background: rgba(19, 72, 213, 0.85);
    border-color: #1348d5;
}

html[data-theme="light"] .search-header .search-result-text strong {
    color: #1a1a1a;
}

html[data-theme="light"] .empty-state .empty-msg {
    color: #1a1a1a;
}
html[data-theme="light"] .empty-state .empty-sub {
    color: #666;
}
html[data-theme="light"] .empty-state .empty-popular-label {
    color: #888;
}
html[data-theme="light"] .empty-state .empty-popular-tags a {
    color: #555;
    background: rgba(0, 0, 0, 0.02);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
html[data-theme="light"] .empty-state .empty-popular-tags a:hover {
    color: #1348d5;
    background: rgba(19, 72, 213, 0.06);
    box-shadow: inset 0 0 0 1px rgba(19, 72, 213, 0.3), 0 4px 24px rgba(19, 72, 213, 0.1);
}


/* ============================================================
   default.css overrides — Slide Wrap
   ============================================================ */
html[data-theme="light"] .slide_wrap h2 a.more {
    color: #888;
}


/* ============================================================
   default.css overrides — Buttons
   ============================================================ */
html[data-theme="light"] .btn.btn_close,
html[data-theme="light"] .btn.btn_cancel,
html[data-theme="light"] .btn.btn_normal {
    color: #555;
    background: #ffffff;
    border-color: #d0d0d0;
}


/* ============================================================
   default.css overrides — Login
   ============================================================ */
html[data-theme="light"] #login_wrap {
    background: #f8f9fa;
}

html[data-theme="light"] #login .frm_input {
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    color: #1a1a1a;
}


/* ============================================================
   default.css overrides — Checkbox / Radio
   ============================================================ */
html[data-theme="light"] .chk_box input[type="checkbox"] + label span {
    background: #e8eaed;
}

html[data-theme="light"] .chk_box input[type="checkbox"] + label span::after {
    color: #e8eaed;
}


/* ============================================================
   default.css overrides — Singo (Report Modal)
   ============================================================ */
html[data-theme="light"] .singo {
    background: #ffffff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
}

html[data-theme="light"] .singo h3 {
    color: #1a1a1a;
}

html[data-theme="light"] .singo .btn_singo_select {
    background: #f5f5f5;
    color: #1a1a1a;
}

html[data-theme="light"] .singo .singo_list {
    background: #f5f5f5;
}

html[data-theme="light"] .singo .singo_list strong {
    color: #1a1a1a;
}

html[data-theme="light"] .singo .singo_list a {
    color: #555;
}

html[data-theme="light"] .singo p {
    color: #555;
}


/* ============================================================
   default.css overrides — Notice bar
   ============================================================ */
html[data-theme="light"] .notice a {
    color: #fff;
}


/* ============================================================
   default.css overrides — Scrap Warning
   ============================================================ */
/* .scrap_warning keeps #f00001 bg — accent unchanged */


/* ============================================================
   default.css — Mobile Responsive (@media 960px)
   ============================================================ */
@media screen and (max-width: 960px) {
    html[data-theme="light"] .search_layer {
        background: rgba(0,0,0,0.25);
    }

    html[data-theme="light"] .search_wrap {
        background: #ffffff;
        box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    }

    html[data-theme="light"] .search_wrap .search_input .input {
        background: #f5f5f5;
        border-color: #d0d0d0;
        color: #1a1a1a;
    }

    html[data-theme="light"] .search_wrap .search_input button[type="submit"] {
        color: #555;
        background: rgba(0,0,0,0.04);
        border-color: #d0d0d0;
    }

    html[data-theme="light"] .search_wrap .search_input .btn_search_close_mobile {
        color: #555;
        background: rgba(0,0,0,0.04);
        border-color: #d0d0d0;
    }

    html[data-theme="light"] #footer p {
        color: #999;
    }

    /* Mobile profile dropdown — override inline styles */
    html[data-theme="light"] #tnb li .layer-member-fold ul {
        background: #ffffff !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    }

    html[data-theme="light"] #tnb li .layer-member-fold ul li {
        border-bottom-color: rgba(0,0,0,0.08);
    }

    html[data-theme="light"] #tnb li .layer-member-fold ul li a {
        color: #444 !important;
    }

    html[data-theme="light"] #tnb li .layer-member-fold ul li a:hover {
        background: rgba(0,0,0,0.04);
        color: #1a1a1a !important;
    }
}


/* ============================================================
   Inline style overrides (head.php profile dropdown — PC)
   ============================================================ */
html[data-theme="light"] .layer-member-fold ul {
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

html[data-theme="light"] .layer-member-fold ul li a {
    color: #444 !important;
}

html[data-theme="light"] .layer-member-fold ul li a:hover {
    color: #1a1a1a !important;
    background: #f5f5f5 !important;
}


/* ============================================================
   common.css overrides
   ============================================================ */
html[data-theme="light"] .btn.btn_submit,
html[data-theme="light"] .btn.btn_act,
html[data-theme="light"] .btn.btn_frmline {
    background: #1348d5;
    color: #fff;
}

html[data-theme="light"] .btn.btn_admin {
    /* keep #f63941 */
}

html[data-theme="light"] .btn.btn_admin:hover {
    background: #e8eaed;
}

html[data-theme="light"] .frm_input {
    border-color: #d0d0d0;
    background: #ffffff;
    color: #1a1a1a;
}

/* Pagination */
html[data-theme="light"] .pg_page,
html[data-theme="light"] .pg_current {
    background: #e8eaed;
}

html[data-theme="light"] .pg_page {
    color: #555;
}

html[data-theme="light"] .pg a:focus,
html[data-theme="light"] .pg a:hover {
    color: #fff;
    background: #d81616;
}

html[data-theme="light"] .pg_current {
    color: #fff;
    background: #d81616;
}

/* Empty states */
html[data-theme="light"] .empty_list,
html[data-theme="light"] .empty_li {
    color: #888;
}


/* ============================================================
   video.skin.css overrides
   ============================================================ */

/* Filter dropdown */
html[data-theme="light"] #bo_btn_top .filter a {
    border-color: #d0d0d0;
    color: #444;
}

html[data-theme="light"] #bo_btn_top .filter a .arrow {
    color: #555;
}

html[data-theme="light"] #bo_btn_top .filter .filter_layer {
    background: #ffffff;
    border-color: #d0d0d0;
}

html[data-theme="light"] #bo_btn_top .filter .filter_layer a {
    color: #555;
}

html[data-theme="light"] #bo_btn_top .filter .filter_layer a:hover {
    background: #f5f5f5;
}

/* Video view header */
html[data-theme="light"] #bo_v header {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #bo_v_title {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_title .value {
    color: #444;
}

html[data-theme="light"] .profile_info_ct ul li {
    color: #777;
}

html[data-theme="light"] #bo_v_act ul li a {
    color: #555;
}

/* Article content */
html[data-theme="light"] #bo_v_atc {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #bo_v_atc h2 {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_con {
    color: #444;
}

html[data-theme="light"] #bo_v_con a.btn {
    background: #f0f0f0;
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_atc ul li {
    color: #555;
}

html[data-theme="light"] #bo_v_atc ul li label {
    color: #1a1a1a;
}

/* Other list / Episode list */
html[data-theme="light"] #other_list {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #other_list h2 {
    color: #1a1a1a;
}

html[data-theme="light"] #other_list ul li a.title.on {
    color: #f00001;
}

html[data-theme="light"] #other_list ul li p {
    color: #777;
}

html[data-theme="light"] #other_list h2 .ep_search .input {
    background: #f5f5f5;
    border-color: #d0d0d0;
    color: #1a1a1a;
}

/* Actors */
html[data-theme="light"] #acter_list {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #acter_list h2 {
    color: #1a1a1a;
}

/* Floating prev/next nav */
html[data-theme="light"] .bo_v_nb {
    background: #ffffff;
    border-color: #d0d0d0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

html[data-theme="light"] .bo_v_nb li a span {
    color: #666;
    border-color: #999;
}

html[data-theme="light"] .bo_v_nb li a p {
    color: #666;
}

html[data-theme="light"] .bo_v_nb_mobile {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] .bo_v_nb_mobile li a {
    color: #666;
}

html[data-theme="light"] .bo_v_nb_mobile li a span.circle {
    color: #666;
    border-color: #999;
}

/* Comments */
html[data-theme="light"] .cmt_btn {
    border-bottom-color: #e0e0e0;
    color: #1a1a1a;
}

html[data-theme="light"] .bo_vc_w .bo_vc_textarea textarea {
    background: #f8f9fa;
    border-bottom-color: #d0d0d0;
    color: #1a1a1a;
}

html[data-theme="light"] .bo_vc_w .bo_vc_textarea textarea:focus {
    border-bottom-color: #1348d5;
}

html[data-theme="light"] .bo_vc_w .btn_submit {
    background: #1348d5;
    color: #fff;
}

html[data-theme="light"] #bo_vc .cmt_btn {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_vc article h2 {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_vc article .cm_wrap .best {
    color: #666;
}

html[data-theme="light"] #bo_vc article .cm_wrap h2 {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_vc article .cm_wrap .bo_vc_hdinfo {
    color: #888;
}

html[data-theme="light"] #bo_vc article .bo_vc_good {
    color: #666;
}

html[data-theme="light"] #bo_vc article .bo_vc_good a {
    color: #666;
}

/* BEST 댓글 */
html[data-theme="light"] .best_cmt_box {
    background: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
    color: #1a1a1a;
}
html[data-theme="light"] .best_cmt_box .best_title {
    color: #1a1a1a;
}
html[data-theme="light"] .best_cmt_box .best_item {
    border-top-color: rgba(0,0,0,.08);
}
html[data-theme="light"] .best_cmt_box .best_body {
    color: #333;
}
html[data-theme="light"] .best_item .best_head .best_name {
    color: #1a1a1a;
}
html[data-theme="light"] .best_rank {
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.10);
}
html[data-theme="light"] .best_rank.r1 { background: rgba(255,176,32,.12); border-color: rgba(255,176,32,.30); }
html[data-theme="light"] .best_rank.r2 { background: rgba(140,160,190,.12); border-color: rgba(140,160,190,.30); }
html[data-theme="light"] .best_rank.r3 { background: rgba(180,120,60,.10); border-color: rgba(180,120,60,.25); }
html[data-theme="light"] .best_item .best_btn {
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.10);
    color: #555;
}
html[data-theme="light"] .best_item .best_btn:hover {
    background: rgba(0,0,0,.08);
    color: #1a1a1a;
}

/* 고정 댓글 */
html[data-theme="light"] .pinned_cmt_box {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.08);
    color: #1a1a1a;
}

/* Video pagination */
html[data-theme="light"] .pg_page i {
    color: #aaa;
}

/* Table type */
html[data-theme="light"] #table_type .table {
    border-top-color: #e0e0e0;
}

html[data-theme="light"] #table_type .cell {
    color: #555;
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] #table_type .cell.subject_vi {
    color: #1a1a1a;
}

html[data-theme="light"] #table_type .cell.content {
    color: #444;
}

html[data-theme="light"] #table_type .row.not {
    background: #f0f0f0;
}

html[data-theme="light"] #table_type .row.not .cell.subject a {
    color: #1a1a1a;
}

/* Write form */
html[data-theme="light"] .write_div {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] .write_div label {
    color: #1a1a1a;
}

html[data-theme="light"] .write_div .frm_input {
    background: #f5f5f5;
    border-color: #d0d0d0;
    color: #1a1a1a;
}

html[data-theme="light"] .write_div textarea {
    background: #f5f5f5;
    border-color: #d0d0d0;
    color: #1a1a1a;
}

html[data-theme="light"] .write_div a.btn_del {
    background: #f0f0f0;
    border-color: #d0d0d0;
    color: #555;
}

html[data-theme="light"] .write_div .refer {
    color: #888;
}

/* VNB (prev/next navigation) */
html[data-theme="light"] .vnb {
    border-bottom-color: #e0e0e0;
}

html[data-theme="light"] .vnb a {
    color: #666;
}

html[data-theme="light"] .vnb a strong {
    color: #1a1a1a;
}

/* Search list */
html[data-theme="light"] .sch_list .frm_input {
    background: #f5f5f5;
    border-color: #d0d0d0;
    color: #1a1a1a;
}

/* Line type list */
html[data-theme="light"] #line_type ul li .box .con a.title {
    color: #1a1a1a;
}

html[data-theme="light"] #line_type ul li .box .con .category {
    color: #777;
}

html[data-theme="light"] #line_type ul li .box .con p {
    color: #555;
}

/* Movie info */
html[data-theme="light"] #bo_v_movinfo h3 {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_movinfo h3 .ori_title {
    color: #666;
}

html[data-theme="light"] #bo_v_movinfo dl.bo_v_info dd::after {
    background: #ccc;
}

html[data-theme="light"] #bo_v_movinfo dl.tags dd a {
    color: #1a1a1a;
    border-color: #999;
}

html[data-theme="light"] #bo_v_movinfo dl.tags dd a.btn_watch {
    color: #fff;
    /* keep #f00001 bg */
}

/* Stat icons — keep accent colors */


/* ============================================================
   mov.skin.css overrides
   ============================================================ */
html[data-theme="light"] .sharebox {
    background: #ffffff;
    border-color: #d0d0d0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

html[data-theme="light"] .sharebox h3 {
    color: #1a1a1a;
}

html[data-theme="light"] .sharebox .btn_share_close i {
    color: #999;
}

html[data-theme="light"] .sharebox a.btn_scrap {
    border-color: #d0d0d0;
    color: #555;
}

html[data-theme="light"] #bo_list h2 ul.sort li::after {
    background: #ccc;
}

html[data-theme="light"] #bo_list h2 ul.sort li a {
    color: #888;
}

html[data-theme="light"] #bo_list h2 ul.sort li a.on {
    color: #1a1a1a;
}

/* Tags list */
html[data-theme="light"] .tags_list a {
    color: #555;
    background: #e8eaed;
}

html[data-theme="light"] .tags_list a.on {
    color: #fff;
    background: #f00001;
}

/* Movie list cards */
html[data-theme="light"] .mov_list .title,
html[data-theme="light"] .mov_list2 .title {
    color: #1a1a1a;
}

html[data-theme="light"] .mov_list .category,
html[data-theme="light"] .mov_list2 .category {
    color: #777;
}

html[data-theme="light"] .mov_list .good,
html[data-theme="light"] .mov_list2 .good {
    color: #777;
}

html[data-theme="light"] #other_list ul li .date {
    color: #999;
}

html[data-theme="light"] #other_list ul li a.title {
    color: #1a1a1a;
}

/* Evaluation */
html[data-theme="light"] #bo_v_evalue h3 {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_evalue .input {
    color: #1a1a1a;
}

html[data-theme="light"] #bo_v_evalue p {
    color: #888;
}

html[data-theme="light"] #bo_v_evalue .average_div ul.graph li label {
    color: #888;
}


/* ============================================================
   Mobile responsive — video.skin.css 960px overrides
   ============================================================ */
@media screen and (max-width: 960px) {
    html[data-theme="light"] #line_type ul li {
        border-bottom-color: #e0e0e0;
    }
}

@media screen and (max-width: 760px) {
    html[data-theme="light"] #line_type ul li {
        border-bottom-color: #e0e0e0;
    }
}


/* ============================================================
   Scrollbar — Light theme (webkit browsers)
   ============================================================ */
html[data-theme="light"]::-webkit-scrollbar {
    width: 10px;
}

html[data-theme="light"]::-webkit-scrollbar-track {
    background: #f0f0f0;
}

html[data-theme="light"]::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 5px;
}

html[data-theme="light"]::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}


/* ============================================================
   Theme Toggle Button
   ============================================================ */
html[data-theme="light"] .btn_theme_toggle i {
    color: #555;
}


/* ============================================================
   Miscellaneous global overrides
   ============================================================ */

/* Video overlay text remains white on dark overlay — no change needed */

/* #bo_v_poster label text stays white on dark overlay — no change */

/* Selection color */
html[data-theme="light"] ::selection {
    background: #1348d5;
    color: #fff;
}

html[data-theme="light"] ::-moz-selection {
    background: #1348d5;
    color: #fff;
}


/* ============================================================
   PREMIUM TOGGLE BUTTON ANIMATION
   ============================================================ */
.btn_theme_toggle {
    position: relative;
}

.btn_theme_toggle i {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.25s ease,
                color 0.3s ease;
    display: inline-block;
}

html[data-theme="light"] .btn_theme_toggle i {
    transform: rotate(360deg);
}

.btn_theme_toggle:hover i {
    transform: rotate(30deg) scale(1.15);
}

html[data-theme="light"] .btn_theme_toggle:hover i {
    transform: rotate(330deg) scale(1.15);
}


/* ============================================================
   EXPANDED TRANSITION — Premium smooth theme switching
   ============================================================ */
html[data-theme="light"] a,
html[data-theme="light"] .search_wrap,
html[data-theme="light"] .singo,
html[data-theme="light"] .modal,
html[data-theme="light"] .history-modal,
html[data-theme="light"] .history-modal-header,
html[data-theme="light"] .confirm-modal,
html[data-theme="light"] .action-modal,
html[data-theme="light"] #bnb_wrap,
html[data-theme="light"] .gnb_mobile a,
html[data-theme="light"] .frm_input,
html[data-theme="light"] .pg_page,
html[data-theme="light"] .pg_current,
html[data-theme="light"] .floating-btn {
    transition: background-color 0.3s ease, color 0.3s ease,
                border-color 0.3s ease, box-shadow 0.3s ease;
}


/* ============================================================
   tail.php overrides — jQuery Modals (Ad, Singo, SNS)
   ============================================================ */
html[data-theme="light"] .blocker {
    background-color: rgba(0,0,0,0.35);
}

html[data-theme="light"] .modal {
    background: #ffffff;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15);
    border-radius: 12px;
}

html[data-theme="light"] .modal-content .modal-titles {
    color: #1a1a1a;
}

html[data-theme="light"] .modal-content .modal-rows-request input {
    border-bottom-color: #d0d0d0;
    color: #1a1a1a;
}

html[data-theme="light"] .modal-content .modal-confirm-btn .cancel {
    color: #888;
}

html[data-theme="light"] .modal-content .modal-rows-text p {
    color: #666;
    line-height: 175%;
}

html[data-theme="light"] .modal-content .sns-sharing {
    background: #f0f1f3;
    color: #444;
}

html[data-theme="light"] .modal-content .sns-sharing:hover {
    background: #1348d5;
    color: #fff;
}

html[data-theme="light"] .nice-select {
    color: #1a1a1a;
}

html[data-theme="light"] .nice-select .list {
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

html[data-theme="light"] .nice-select .option:hover {
    background: #f5f5f5;
}

html[data-theme="light"] .nice-select::after {
    border-color: #999;
}

/* Singo modal select */
html[data-theme="light"] #modal_singo select {
    background: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
    color: #1a1a1a;
}

html[data-theme="light"] .modal-content .modal-rows-request-noti {
    color: #d81616;
}


/* ============================================================
   tail.php overrides — History Modal
   ============================================================ */
html[data-theme="light"] .history-modal-overlay {
    background: rgba(0,0,0,0.3);
}

html[data-theme="light"] .history-modal {
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(0,0,0,0.12);
}

html[data-theme="light"] .history-modal-header {
    background: #f8f9fa;
    border-bottom-color: #e8eaed;
}

html[data-theme="light"] .history-modal-header h3 {
    color: #1a1a1a;
}

html[data-theme="light"] .history-modal-header .history-count {
    background: rgba(240,0,1,0.08);
}

html[data-theme="light"] .history-modal-actions .clear-all-btn {
    border-color: #d0d0d0;
    color: #888;
    background: transparent;
}

html[data-theme="light"] .history-modal-actions .clear-all-btn:hover {
    background: rgba(240,0,1,0.05);
    border-color: #f00001;
    color: #f00001;
}

html[data-theme="light"] .history-modal-actions .close-btn {
    color: #999;
}

html[data-theme="light"] .history-modal-actions .close-btn:hover {
    background: #f0f0f0;
    color: #1a1a1a;
}

html[data-theme="light"] .history-modal-body::-webkit-scrollbar-track {
    background: transparent;
}

html[data-theme="light"] .history-modal-body::-webkit-scrollbar-thumb {
    background: #d0d0d0;
}

html[data-theme="light"] .history-empty {
    color: #ccc;
}

html[data-theme="light"] .history-empty i {
    opacity: 0.25;
    color: #bbb;
}

html[data-theme="light"] .history-empty p {
    color: #888;
}

html[data-theme="light"] .history-empty span {
    color: #aaa;
}

html[data-theme="light"] .history-date-group {
    border-bottom-color: #f0f0f0;
}

html[data-theme="light"] .history-date-label {
    background: #f5f6f7;
    color: #f00001;
}

html[data-theme="light"] .history-item {
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,249,250,0.95) 100%);
    border-color: rgba(0,0,0,0.06);
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

html[data-theme="light"] .history-item::before {
    background: linear-gradient(135deg, rgba(19,72,213,0.02) 0%, transparent 50%);
}

html[data-theme="light"] .history-item:hover {
    background: linear-gradient(135deg, rgba(248,249,250,1) 0%, rgba(255,255,255,1) 100%);
    border-color: rgba(19,72,213,0.15);
    box-shadow: 0 6px 24px rgba(0,0,0,0.06), 0 0 0 1px rgba(19,72,213,0.08);
}

html[data-theme="light"] .history-item-thumb {
    background: linear-gradient(135deg, #e8eaed, #f0f0f0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

html[data-theme="light"] .thumb-time {
    background: rgba(0,0,0,0.6);
    color: #fff;
}

html[data-theme="light"] .thumb-progress-badge {
    /* keep red gradient */
}

html[data-theme="light"] .history-item-title {
    color: #1a1a1a;
}

html[data-theme="light"] .history-item-title:hover {
    color: #1348d5;
}

html[data-theme="light"] .history-item-meta {
    color: #888;
}

html[data-theme="light"] .history-item-episode {
    color: #1348d5;
    background: rgba(19,72,213,0.07);
}

html[data-theme="light"] .last-watched {
    color: #999;
}

html[data-theme="light"] .history-item-delete {
    background: rgba(0,0,0,0.05);
    color: #999;
}

html[data-theme="light"] .history-item:hover .history-item-delete {
    opacity: 1;
}

html[data-theme="light"] .history-item-delete:hover {
    background: rgba(240,0,1,0.85);
    color: #fff;
}

/* History action buttons */
html[data-theme="light"] .history-btn.btn-resume {
    /* keep red gradient */
}

html[data-theme="light"] .history-btn.btn-series {
    background: rgba(0,0,0,0.04);
    color: #666;
    border-color: rgba(0,0,0,0.1);
}

html[data-theme="light"] .history-btn.btn-series:hover {
    background: rgba(0,0,0,0.08);
    color: #1a1a1a;
    border-color: rgba(0,0,0,0.18);
}

/* History pagination */
html[data-theme="light"] .history-pagination {
    border-top-color: #f0f0f0;
}

html[data-theme="light"] .page-btn {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.08);
    color: #888;
}

html[data-theme="light"] .page-btn:hover:not(.disabled) {
    background: rgba(19,72,213,0.06);
    border-color: rgba(19,72,213,0.2);
    color: #1348d5;
}

html[data-theme="light"] .page-num {
    color: #888;
}

html[data-theme="light"] .page-num:hover:not(.active) {
    background: rgba(0,0,0,0.04);
    color: #1a1a1a;
}

html[data-theme="light"] .page-num.active {
    background: linear-gradient(135deg, #1348d5, #0d3aab);
    box-shadow: 0 2px 8px rgba(19,72,213,0.3);
}

html[data-theme="light"] .page-dots {
    color: #ccc;
}


/* ============================================================
   tail.php overrides — Confirm Modal
   ============================================================ */
html[data-theme="light"] .confirm-modal-overlay {
    background: rgba(0,0,0,0.4);
}

html[data-theme="light"] .confirm-modal {
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(0,0,0,0.15);
}

html[data-theme="light"] .confirm-modal-icon {
    background: rgba(240,0,1,0.07);
}

html[data-theme="light"] .confirm-modal-title {
    color: #1a1a1a;
}

html[data-theme="light"] .confirm-modal-message {
    color: #666;
}

html[data-theme="light"] .confirm-modal-buttons {
    border-top-color: #e8eaed;
}

html[data-theme="light"] .confirm-modal-buttons .confirm-cancel {
    color: #888;
    border-right-color: #e8eaed;
}

html[data-theme="light"] .confirm-modal-buttons .confirm-cancel:hover {
    background: #f5f5f5;
}

html[data-theme="light"] .confirm-modal-buttons .confirm-ok:hover {
    background: rgba(240,0,1,0.05);
}


/* ============================================================
   tail.php overrides — Action Modal
   ============================================================ */
html[data-theme="light"] .action-modal-overlay {
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
}

html[data-theme="light"] .action-modal {
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
    box-shadow: 0 24px 80px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05);
}

html[data-theme="light"] .action-modal-header {
    border-bottom-color: #f0f0f0;
}

html[data-theme="light"] .action-modal-title {
    color: #1a1a1a;
}

html[data-theme="light"] .action-modal-btn.btn-resume-action {
    background: linear-gradient(135deg, rgba(240,0,1,0.06) 0%, rgba(240,0,1,0.02) 100%);
    border-color: rgba(240,0,1,0.1);
}

html[data-theme="light"] .action-modal-btn.btn-resume-action:hover {
    background: linear-gradient(135deg, rgba(240,0,1,0.12) 0%, rgba(240,0,1,0.05) 100%);
}

html[data-theme="light"] .action-modal-btn.btn-resume-action .action-text strong {
    color: #1a1a1a;
}

html[data-theme="light"] .action-modal-btn.btn-resume-action .action-text span {
    color: #888;
}

html[data-theme="light"] .action-modal-btn.btn-series-action {
    background: rgba(0,0,0,0.02);
    border-color: rgba(0,0,0,0.06);
}

html[data-theme="light"] .action-modal-btn.btn-series-action .action-icon {
    background: rgba(0,0,0,0.04);
    border-color: rgba(0,0,0,0.08);
}

html[data-theme="light"] .action-modal-btn.btn-series-action .action-icon i {
    color: #888;
}

html[data-theme="light"] .action-modal-btn.btn-series-action .action-text strong {
    color: #444;
}

html[data-theme="light"] .action-modal-btn.btn-series-action .action-text span {
    color: #999;
}

html[data-theme="light"] .action-modal-btn.btn-series-action:hover {
    background: rgba(0,0,0,0.04);
    border-color: rgba(0,0,0,0.1);
}

html[data-theme="light"] .action-modal-btn.btn-series-action:hover .action-icon {
    background: rgba(0,0,0,0.06);
}

html[data-theme="light"] .action-modal-btn.btn-series-action:hover .action-icon i {
    color: #555;
}

html[data-theme="light"] .action-modal-close button {
    background: rgba(0,0,0,0.03);
    border-color: rgba(0,0,0,0.06);
    color: #888;
}

html[data-theme="light"] .action-modal-close button:hover {
    background: rgba(0,0,0,0.06);
    color: #1a1a1a;
}


/* ============================================================
   tail.php overrides — Floating Side Buttons
   ============================================================ */
html[data-theme="light"] .floating-btn {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

html[data-theme="light"] .floating-btn:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
}

html[data-theme="light"] .floating-btn.btn-history-float {
    background: rgba(240,0,1,0.1);
    color: rgba(240,0,1,0.65);
}

html[data-theme="light"] .floating-btn.btn-history-float:hover {
    background: rgba(240,0,1,0.2);
    color: #f00001;
}

html[data-theme="light"] .floating-btn.btn-scroll-top {
    background: rgba(59,130,246,0.1);
    color: rgba(59,130,246,0.65);
}

html[data-theme="light"] .floating-btn.btn-scroll-top:hover {
    background: rgba(59,130,246,0.2);
    color: #3b82f6;
}


/* ============================================================
   Mobile Overrides — History Modal (768px)
   ============================================================ */
@media (max-width: 768px) {
    html[data-theme="light"] .history-modal-header {
        background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    }

    html[data-theme="light"] .history-item-delete {
        background: rgba(0,0,0,0.05);
        color: #999;
        opacity: 1;
    }

    html[data-theme="light"] .history-pagination {
        border-top-color: #f0f0f0;
        background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.015) 100%);
    }

    html[data-theme="light"] .history-item {
        box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    }
}


/* ============================================================
   PREMIUM POLISH — Subtle refinements
   ============================================================ */

/* Card-like depth for list items in light mode */
html[data-theme="light"] #list_type ul li .box {
    border-radius: 8px;
    transition: box-shadow 0.3s ease;
}

html[data-theme="light"] #list_type ul li .box:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

/* Subtle divider for movie lists */
html[data-theme="light"] .mov_list .title,
html[data-theme="light"] .mov_list2 .title {
    color: #222;
}

/* Search results highlight stays visible */
html[data-theme="light"] .sch_word {
    background: #ff005a;
    color: #fff;
}

/* Banner area polish */
html[data-theme="light"] .banner2 li a img {
    border-radius: 4px;
}

/* Notice bar — keep accent but subtle shadow */
html[data-theme="light"] .notice {
    box-shadow: 0 2px 8px rgba(19,72,213,0.15);
}

/* Input focus state */
html[data-theme="light"] .frm_input:focus,
html[data-theme="light"] .search_wrap .search_input .input:focus {
    border-color: #1348d5;
    box-shadow: 0 0 0 3px rgba(19,72,213,0.08);
}

/* #tnb icon hover in light mode */
html[data-theme="light"] #tnb ul li a:hover {
    color: #1348d5;
}

html[data-theme="light"] #tnb ul li a i {
    color: #555;
    transition: color 0.2s ease;
}

html[data-theme="light"] #tnb ul li a:hover i {
    color: #1348d5;
}

/* #bnb hover in light mode */
html[data-theme="light"] #bnb ul li a:hover {
    color: #1348d5;
}

/* Float bar hover in light mode */
html[data-theme="light"] #float ul li a:hover {
    color: #1348d5;
}

/* GNB desktop link color */
html[data-theme="light"] #header .gnb ul li a {
    color: #444;
}

/* Footer link hover */
html[data-theme="light"] #footer ul.pc li a:hover,
html[data-theme="light"] #footer ul.mobile li a:hover {
    color: #1348d5;
}

/* Subtle body background texture */
html[data-theme="light"] #body_wrap {
    background: transparent;
}

/* Login page polish */
html[data-theme="light"] #login .logo img {
    filter: brightness(0.15);
}

html[data-theme="light"] #login .btn_submit {
    background: #1348d5;
    color: #fff;
}

html[data-theme="light"] #login .auto a {
    color: #888;
}

html[data-theme="light"] #login .auto a:hover {
    color: #1348d5;
}