/* Temple Cat Core UI Full Nav v3 */

.tc-clean-top,
.tc-clean-nav,
.tc-core-topbar,
.tc-core-nav,
.tc-global-nav,
.tc-top-nav,
.tc-smart-back,
.tc-force-topbar,
.tc-player-hud,
.bottom-nav,
.back,
.back-btn{
    display:none !important;
}

html,body{
    overflow-x:hidden !important;
}

body{
    padding-top:76px !important;
    padding-bottom:92px !important;
}

.tc-core-topbar{
    position:fixed !important;
    top:8px !important;
    left:8px !important;
    right:8px !important;
    z-index:2147483640 !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 10px !important;
    border:1px solid rgba(255,215,0,.45) !important;
    border-radius:18px !important;
    background:rgba(0,0,0,.90) !important;
    backdrop-filter:blur(14px) !important;
    box-shadow:0 0 28px rgba(255,215,0,.25) !important;
    font-family:Segoe UI,Arial,sans-serif !important;
}

.tc-core-topbar button,
.tc-core-topbar a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,215,0,.38) !important;
    border-radius:13px !important;
    background:rgba(255,215,0,.08) !important;
    color:#ffd54a !important;
    text-decoration:none !important;
    font-weight:1000 !important;
    font-size:12px !important;
    padding:8px 10px !important;
    line-height:1 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
    box-shadow:none !important;
    margin:0 !important;
}

.tc-core-player{
    min-width:0 !important;
    flex:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    color:white !important;
    text-decoration:none !important;
    overflow:hidden !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
}

.tc-core-avatar{
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
    background:radial-gradient(circle,#ffea00,#ff8a00,#271100) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    font-size:18px !important;
}

.tc-core-name{
    color:#66ff7a !important;
    font-size:12px !important;
    font-weight:1000 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.tc-core-sub{
    color:rgba(255,255,255,.66) !important;
    font-size:9px !important;
    font-weight:800 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.tc-core-nav{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    z-index:2147483640 !important;
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    border:1px solid rgba(255,215,0,.48) !important;
    border-radius:22px !important;
    background:rgba(0,0,0,.92) !important;
    backdrop-filter:blur(14px) !important;
    box-shadow:0 0 32px rgba(255,215,0,.25) !important;
    font-family:Segoe UI,Arial,sans-serif !important;
    scroll-snap-type:x proximity !important;
}

.tc-core-nav::-webkit-scrollbar{
    display:none !important;
}

.tc-core-nav a{
    color:#ffd54a !important;
    text-decoration:none !important;
    font-weight:1000 !important;
    font-size:12px !important;
    min-width:72px !important;
    flex:0 0 auto !important;
    text-align:center !important;
    border-radius:14px !important;
    padding:10px 7px !important;
    background:transparent !important;
    border:0 !important;
    margin:0 !important;
    scroll-snap-align:center !important;
}

.tc-core-nav a.active{
    color:#fff3ad !important;
    background:rgba(255,215,0,.13) !important;
    text-shadow:0 0 16px gold !important;
    text-decoration:underline !important;
}

@media(max-width:768px){
    body{
        padding-top:72px !important;
        padding-bottom:88px !important;
    }

    .tc-core-topbar{
        height:50px !important;
        padding:0 8px !important;
    }

    .tc-core-topbar button,
    .tc-core-topbar a{
        font-size:10px !important;
        padding:7px 8px !important;
    }

    .tc-core-name{
        font-size:11px !important;
    }

    .tc-core-sub{
        font-size:8px !important;
    }

    .tc-core-nav{
        height:60px !important;
        border-radius:18px !important;
    }

    .tc-core-nav a{
        min-width:60px !important;
        font-size:10px !important;
        padding:8px 5px !important;
    }
}