
.t4-footer{
    background:#080a0d!important;
    color:#f7f7f5!important;
    border-top:1px solid #343b46!important;
}
.t4-footer a,.t4-footer h2,.t4-footer h3,.t4-footer strong,.t4-footer p,.t4-footer span{color:#f7f7f5!important}
.t4-footer small{color:#adb4bd!important}
.t4-footer img{filter:none!important}



/* ===== Tema 4 Footer Sosyal Medya Düzeni ===== */
.t4-footer-social{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:18px!important;
    width:100%!important;
    margin:28px 0 18px!important;
    padding:0!important;
}

.t4-footer-social a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    transition:transform .2s ease!important;
}

.t4-footer-social a:hover{
    transform:translateY(-3px)!important;
}

.t4-footer-social img{
    display:block!important;
    width:54px!important;
    height:54px!important;
    object-fit:contain!important;
    filter:none!important;
}

@media (max-width:760px){
    .t4-footer-social{
        gap:14px!important;
    }
    .t4-footer-social a,
    .t4-footer-social img{
        width:44px!important;
        height:44px!important;
    }
}

/* ===== Tema 4 Mobil Footer İç Kart Renk Eşitleme ===== */
@media (max-width:760px){
    .tema4-body .t4-footer .t1-footer-grid > div,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div,
    .tema4-body footer.t4-footer .t1-footer-grid > div{
        background:transparent!important;
        background-color:transparent!important;
    }
}



/* ===== Premium footer üst çizgisi ===== */
.t4-footer{
position:relative!important;
border-top:0!important;
}
.t4-footer::before{
top:0;
}


/* ===== Premium footer menü hover ===== */
.t4-footer .t1-footer-grid > div > a{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    transition:transform .18s ease,color .18s ease,text-shadow .18s ease!important;
    transform-origin:left center!important;
}
.t4-footer .t1-footer-grid > div > a:hover{
    transform:scale(1.05)!important;
    text-shadow:0 0 10px rgba(255,255,255,.18)!important;
}

/* ===== Tema 4 mobil footer akordiyon düzeltmesi ===== */
@media (max-width:760px){
    .tema4-body .t4-footer .t1-footer-grid,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        overflow:visible!important;
        padding-bottom:0!important;
    }

    .tema4-body .t4-footer .t1-footer-grid > div,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        box-sizing:border-box!important;
    }

    .tema4-body .t4-footer .t1-footer-grid > div > strong:not(.t1-footer-logo),
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div > strong:not(.t1-footer-logo){
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:8px!important;
        margin-bottom:0!important;
        cursor:pointer!important;
        user-select:none!important;
    }

    .tema4-body .t4-footer .t1-footer-grid > div > strong:not(.t1-footer-logo)::after,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div > strong:not(.t1-footer-logo)::after{
        content:"+"!important;
        flex:0 0 auto!important;
        font-size:18px!important;
        font-weight:900!important;
        line-height:1!important;
    }

    .tema4-body .t4-footer .t1-footer-grid > div.is-open > strong:not(.t1-footer-logo)::after,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div.is-open > strong:not(.t1-footer-logo)::after{
        content:"−"!important;
    }

    /* İlk tanıtım/logo kolonu açık kalır; diğer menüler kapalı başlar. */
    .tema4-body .t4-footer .t1-footer-grid > div:not(:first-child) > a,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div:not(:first-child) > a{
        display:none!important;
    }

    .tema4-body .t4-footer .t1-footer-grid > div.is-open > a,
    .tema4-body .t1-footer.t4-footer .t1-footer-grid > div.is-open > a{
        display:block!important;
        width:max-content!important;
        max-width:100%!important;
    }
}

