:root{
    --pentu-site-footer-height:68px;
    --pentu-site-footer-bg:#0b1219;
    --pentu-site-footer-border:#302540;
    --pentu-site-footer-text:#8fa6c5;
}

/*
 * Sticky footer ilman sivujen oman layoutin muuttamista.
 *
 * Body säilyttää oman display/flex/grid-rakenteensa. Varaamme vain footerille
 * tilan bodyn alareunasta ja ankkuroidaan footer siihen. Pitkillä sivuilla body
 * kasvaa sisällön mukana, joten footer siirtyy automaattisesti sisällön jälkeen.
 */
html{
    min-height:100%;
    margin:0!important;
    padding:0!important;
    background:var(--pentu-site-footer-bg)!important;
}

body.pentu-site-footer-layout{
    min-height:100vh!important;
    min-height:100dvh!important;
    position:relative!important;
    box-sizing:border-box!important;
    margin-bottom:0!important;
    border-bottom:0!important;
    padding-bottom:var(--pentu-site-footer-height)!important;
}

body.pentu-site-footer-layout > .pentu-site-footer{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    box-sizing:border-box!important;
}

.pentu-site-footer{
    z-index:10!important;
    width:100%!important;
    height:var(--pentu-site-footer-height)!important;
    min-height:var(--pentu-site-footer-height)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid var(--pentu-site-footer-border)!important;
    background:var(--pentu-site-footer-bg)!important;
    color:var(--pentu-site-footer-text)!important;
    box-shadow:none!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}

.pentu-site-footer-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:var(--pentu-site-footer-height)!important;
    margin:0!important;
    padding:18px 24px!important;
    box-sizing:border-box!important;
    color:var(--pentu-site-footer-text)!important;
    font-size:1rem!important;
    font-weight:400!important;
    line-height:1.5!important;
    text-align:center!important;
}

.pentu-site-footer *,
.pentu-site-footer p,
.pentu-site-footer span{
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font:inherit!important;
    text-decoration:none!important;
}

@media(max-width:600px){
    :root{
        --pentu-site-footer-height:62px;
    }

    .pentu-site-footer-inner{
        padding:15px 18px!important;
        font-size:.9rem!important;
    }
}