
/* =======================================================
   CLASTIE V13
   compact footer + small vote + RGB credit + mouse effect
   ======================================================= */

/* Vote is now compact */
.cl12-vote-wrap{
    justify-content:flex-start!important;
    margin:16px 0 0!important;
}
.cl12-vote-button{
    width:auto!important;
    min-width:250px!important;
    min-height:46px!important;
    padding:6px 8px 6px 12px!important;
    border-radius:10px!important;
    grid-template-columns:auto auto!important;
    gap:12px!important;
}
.cl12-vote-label{display:none!important}
.cl12-vote-button strong{
    font-size:13px!important;
    text-align:left!important;
}
.cl12-vote-arrow{
    width:32px!important;
    height:32px!important;
    border-radius:7px!important;
    font-size:16px!important;
}

/* RGB Kredi Satın Al — polished, not a harsh rainbow block */
.cl13-credit-rgb{
    position:relative!important;
    isolation:isolate;
}
.cl13-credit-rgb > span{
    background:linear-gradient(90deg,#ff6b6b,#ffd166,#55efc4,#74b9ff,#a29bfe,#fd79a8,#ff6b6b);
    background-size:300% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
    animation:cl13RgbText 5s linear infinite;
    font-weight:800!important;
}
.cl13-credit-rgb i{
    color:#ff9f43!important;
    filter:drop-shadow(0 0 6px rgba(255,159,67,.25));
}
.cl13-credit-rgb:after{
    content:"";
    position:absolute;
    left:17px;right:17px;bottom:10px;
    height:2px;border-radius:99px;
    background:linear-gradient(90deg,#ff6b6b,#ffd166,#55efc4,#74b9ff,#a29bfe,#fd79a8);
    background-size:250% 100%;
    opacity:.75;
    animation:cl13RgbText 5s linear infinite;
}
@keyframes cl13RgbText{
    to{background-position:300% 0}
}

/* Mouse effect — subtle corporate glow */
.cl13-cursor-glow{
    position:fixed;
    left:0;top:0;
    width:280px;height:280px;
    border-radius:50%;
    pointer-events:none;
    z-index:9998;
    opacity:.55;
    background:radial-gradient(circle,rgba(255,127,34,.10) 0%,rgba(83,108,243,.055) 34%,transparent 68%);
    transform:translate(-50%,-50%);
    will-change:left,top;
    mix-blend-mode:screen;
}
.cl13-cursor-dot{
    position:fixed;
    left:0;top:0;
    width:7px;height:7px;
    border-radius:50%;
    pointer-events:none;
    z-index:9999;
    background:#ff9a4d;
    box-shadow:0 0 14px rgba(255,154,77,.65);
    transform:translate(-50%,-50%);
}

/* New compact footer */
.cl13-footer{
    background:#0b1529;
    border-top:1px solid rgba(255,255,255,.075);
    box-shadow:0 -20px 60px rgba(2,8,23,.12);
}
.cl13-footer-main{
    min-height:250px;
    padding:45px 0 34px;
    display:grid;
    grid-template-columns:1.55fr .8fr .9fr;
    gap:60px;
    align-items:start;
}
.cl13-footer-logo{
    width:max-content;
    display:flex;
    align-items:center;
    gap:12px;
}
.cl13-footer-brand p{
    max-width:480px;
    margin:18px 0 20px;
    color:#92a4be;
    font-size:14px!important;
    line-height:1.7!important;
}
.cl13-footer-ip{
    width:min(100%,430px);
    min-height:64px;
    padding:11px 14px!important;
    border-radius:11px!important;
    background:#111e34!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#fff!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.cl13-footer-ip span{
    display:flex;
    flex-direction:column;
    text-align:left;
    min-width:0;
}
.cl13-footer-ip small{
    color:#7588a6;
    font-size:10px;
    letter-spacing:.08em;
}
.cl13-footer-ip b{
    margin-top:3px;
    font-family:'Oxanium','Inter',sans-serif!important;
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.cl13-footer-ip>i{color:#ff9c51}
.cl13-footer h4{
    margin:4px 0 17px;
    color:#fff;
    font-family:'Oxanium','Inter',sans-serif!important;
    font-size:17px!important;
}
.cl13-link-list{
    display:grid;
    gap:11px;
}
.cl13-link-list a{
    width:max-content;
    color:#93a6c1;
    font-size:14px;
}
.cl13-link-list a:hover{
    color:#fff;
    transform:translateX(3px);
}
.cl13-footer-social>p{
    margin:0 0 18px!important;
    max-width:300px;
    color:#7f91ac!important;
    font-size:13px!important;
}
.cl13-socials{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.cl13-socials a{
    width:42px;height:42px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#111e34;
    border:1px solid rgba(255,255,255,.08);
    color:#9caeca;
}
.cl13-socials a:hover{
    color:#fff;
    background:#172742;
    border-color:rgba(255,154,77,.22);
    transform:translateY(-2px);
}
.cl13-footer-bottom{
    min-height:68px;
    border-top:1px solid rgba(255,255,255,.07);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#72849f;
    font-size:12px;
}
.cl13-copy b{color:#a9b9d0}
.cl13-footer-right{
    display:flex;
    align-items:center;
    gap:14px;
}
.cl13-language{
    min-height:38px;
    padding:0 12px!important;
    border-radius:9px!important;
    background:#111e34!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#e6edf8!important;
    display:flex;
    align-items:center;
    gap:8px;
}
.cl13-credit{
    color:#7c8da7;
    font-family:'Inter',sans-serif!important;
    font-weight:700;
    cursor:default;
    user-select:none;
}

/* hide old footer leftovers if cached selectors coexist */
.cl-footer-v5{display:none!important}

@media(max-width:950px){
    .cl13-footer-main{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }
    .cl13-footer-brand{grid-column:1/-1}
}
@media(max-width:650px){
    .cl13-cursor-glow,.cl13-cursor-dot{display:none}
    .cl13-footer-main{
        grid-template-columns:1fr;
        padding-top:35px;
    }
    .cl13-footer-brand{grid-column:auto}
    .cl13-footer-bottom{
        padding:18px 0;
        flex-direction:column;
        align-items:flex-start;
    }
    .cl13-footer-right{width:100%;justify-content:space-between}
    .cl12-vote-button{min-width:220px!important}
}
