/* ==========================================================
   FOOTER ROOT
   ========================================================== */

.cs-footer-final{

    width:100% !important;

    margin:64px 0 0 !important;
    padding:0 !important;

    background:#090D11 !important;
    background-color:#090D11 !important;
    background-image:none !important;

    border-top:1px solid #232C34 !important;

    box-shadow:none !important;

    color:#98A3AD !important;
}


/* ==========================================================
   INNER
   ========================================================== */

.cs-footer-final-inner{

    padding-top:46px !important;
    padding-bottom:20px !important;

    background:transparent !important;
}


/* ==========================================================
   5 COLUMNS
   ========================================================== */

.cs-footer-final-grid{

    display:grid !important;

    grid-template-columns:
        1.32fr
        1fr
        1fr
        1fr
        1.12fr !important;

    gap:48px !important;

    align-items:start !important;

    background:transparent !important;

}


/* ==========================================================
   ORIGINAL LOGO
   ========================================================== */

.cs-footer-final-logo{

    display:inline-flex !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


.cs-footer-final-logo img{

    display:block !important;

    width:176px !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
}


/* ==========================================================
   SOCIALS

   csak maga az ikon
   semmi border
   semmi square
   semmi background
   ========================================================== */

.cs-footer-final-socials{

    display:flex !important;

    align-items:center !important;

    gap:18px !important;

    margin-top:22px !important;
}


.cs-footer-final-socials a{

    display:inline-flex !important;

    width:22px !important;
    height:22px !important;

    min-width:22px !important;
    min-height:22px !important;

    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    outline:0 !important;

    box-shadow:none !important;
    filter:none !important;

    color:inherit !important;

    transition:
        opacity .15s ease,
        transform .15s ease !important;
}


.cs-footer-final-socials a:hover{

    background:transparent !important;

    opacity:.82 !important;

    transform:translateY(-1px) !important;
}


.cs-footer-final-socials svg{

    display:block !important;

    width:21px !important;
    height:21px !important;

    overflow:visible !important;

    filter:none !important;
}


/* ==========================================================
   LANGUAGE
   ========================================================== */

.cs-footer-final-language{

    margin-top:26px !important;
}


.cs-footer-final-title{

    margin-bottom:9px !important;

    color:#E7E9E8 !important;

    font-size:12px !important;
    font-weight:700 !important;
}


.cs-footer-final-language select{

    display:block !important;

    width:190px !important;
    height:39px !important;

    padding:0 11px !important;

    border:1px solid #29343D !important;

    border-radius:8px !important;

    background:#0D1217 !important;

    color:#F2F1ED !important;

    font-size:12.5px !important;

    outline:none !important;

    box-shadow:none !important;
}


.cs-footer-final-language select:hover{

    border-color:#3B4751 !important;
}


/* ==========================================================
   COLUMNS
   ========================================================== */

.cs-footer-final-col{

    display:flex !important;

    flex-direction:column !important;

    gap:10px !important;

    background:transparent !important;
}


.cs-footer-final-col h3{

    margin:0 0 9px !important;
    padding:0 !important;

    color:#F2F1ED !important;

    font-size:12.5px !important;
    font-weight:700 !important;

    line-height:1.3 !important;
}


.cs-footer-final-col a{

    display:block !important;

    width:max-content !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    color:#929DA6 !important;

    font-size:12.5px !important;
    font-weight:500 !important;

    line-height:1.5 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:color .15s ease !important;
}


.cs-footer-final-col a:hover{

    color:#FFFFFF !important;
}


/* ==========================================================
   BOTTOM
   ========================================================== */

.cs-footer-final-bottom{

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;

    margin-top:44px !important;

    padding-top:18px !important;

    border-top:1px solid #232C34 !important;

    color:#69747D !important;

    font-size:11.5px !important;

    background:transparent !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1050px){

    .cs-footer-final-grid{

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;

        gap:36px !important;
    }

    .cs-footer-final-brand{

        grid-column:1 / -1 !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:650px){

    .cs-footer-final{

        margin-top:42px !important;
    }

    .cs-footer-final-inner{

        padding-top:34px !important;
    }

    .cs-footer-final-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:30px 20px !important;
    }

    .cs-footer-final-brand{

        grid-column:1 / -1 !important;
    }

    .cs-footer-final-logo img{

        width:165px !important;
    }

    .cs-footer-final-bottom{

        flex-direction:column !important;

        align-items:flex-start !important;

        margin-top:32px !important;
    }

}