/**
 * Oluşturulma: 2026-08-17
 * Son değişiklik: 2026-08-17
 * Oluşturan: Özgür Elibol
 * Amaç: ALAA Lounge V106.3 - Footer içeriğini dengeler, okunabilirliği artırır ve boşlukları düzenler.
 */

.v88-footer{
    padding:42px 0 18px !important;
}

.v88-footer-grid{
    width:min(calc(100% - 56px),1180px) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(220px,1.15fr) minmax(230px,1.25fr) minmax(220px,1fr) minmax(180px,.9fr) !important;
    align-items:start !important;
    justify-content:center !important;
    gap:52px !important;
}

.v88-footer-brand,
.v88-footer-col{
    min-width:0 !important;
}

.v88-footer-brand{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
}

.v88-footer-brand img{
    display:block !important;
    width:92px !important;
    height:92px !important;
    object-fit:contain !important;
    margin:0 0 16px !important;
}

.v88-footer-brand p{
    max-width:240px !important;
    margin:0 0 17px !important;
    font-size:13px !important;
    line-height:1.65 !important;
    opacity:.9 !important;
}

.v88-footer-col h3,
.v88-footer-col h4,
.v88-footer-col .footer-title{
    margin:0 0 15px !important;
    font-size:15px !important;
    line-height:1.25 !important;
    letter-spacing:.02em !important;
}

.v88-footer-col p,
.v88-footer-col li,
.v88-footer-col a{
    font-size:12.5px !important;
    line-height:1.65 !important;
}

.v88-footer-col p{
    margin:0 0 9px !important;
}

.v88-footer-col ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.v88-footer-col li{
    margin:0 0 8px !important;
    padding:0 !important;
}

.v88-footer-col a{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    text-decoration:none !important;
}

/* Hızlı linklerdeki eski ok/bullet işaretlerini sadeleştir. */
.v88-footer-col li > a::before{
    content:none !important;
}

.v88-footer-socials,
.v88-socials,
.footer-socials{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:2px !important;
}

.v88-footer-socials a,
.v88-socials a,
.footer-socials a{
    width:34px !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:11px !important;
}

.v88-footer-bottom{
    width:min(calc(100% - 56px),1180px) !important;
    margin:30px auto 0 !important;
    padding-top:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    font-size:11.5px !important;
    line-height:1.5 !important;
}

.v88-footer-bottom > *{
    margin:0 !important;
}

.v88-footer-bottom a{
    white-space:nowrap !important;
}

@media (max-width:1050px){
    .v88-footer-grid{
        width:min(calc(100% - 40px),860px) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:34px 56px !important;
    }
    .v88-footer-bottom{
        width:min(calc(100% - 40px),860px) !important;
    }
}

@media (max-width:640px){
    .v88-footer{
        padding:32px 0 18px !important;
    }
    .v88-footer-grid{
        width:calc(100% - 34px) !important;
        grid-template-columns:1fr !important;
        gap:26px !important;
        text-align:center !important;
    }
    .v88-footer-brand,
    .v88-footer-col{
        align-items:center !important;
        text-align:center !important;
    }
    .v88-footer-brand img{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .v88-footer-brand p{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .v88-footer-col a{
        justify-content:center !important;
    }
    .v88-footer-socials,
    .v88-socials,
    .footer-socials{
        justify-content:center !important;
    }
    .v88-footer-bottom{
        width:calc(100% - 34px) !important;
        margin-top:26px !important;
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
        gap:9px !important;
    }
}