/* Centered professional site footer. */

.satoads-icon.satoads-icon--brand,
.satoads-site-footer-social-link .satoads-icon--brand{
    fill:currentColor;
    stroke:none
}

.satoads-site-footer,
body.satoads-sidebar-layout .satoads-app-footer.satoads-site-footer{
    display:block;
    position:relative;
    z-index:2;
    flex:0 0 auto;
    width:100%;
    max-width:none;
    margin:0;
    margin-top:auto;
    padding:0;
    box-sizing:border-box;
    background: var(--satoads-footer-bg, #ffffff);
    color:var(--satoads-footer-mute,#a8adb6);
    border-top:1px solid color-mix(in srgb,var(--satoads-footer-ink,#000) 10%,transparent);
    box-shadow:none;
    transform:none;
    text-align:center
}

.satoads-site-footer-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:22px;
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:40px var(--satoads-chrome-inline,32px) 28px;
    box-sizing:border-box
}

.satoads-site-footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    max-width:42rem;
    margin:0;
    padding:0
}

.satoads-site-footer-logo,
.satoads-site-footer-logo-link,
.satoads-site-footer .satoads-theme-logo,
.satoads-site-footer .satoads-theme-logo-link,
.satoads-site-footer .custom-logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:0;
    margin:0 auto;
    padding:0
}

.satoads-site-footer .satoads-theme-logo.satoads-theme-logo--dual{
    display:grid;
    place-items:center;
    width:max-content
}

.satoads-site-footer .satoads-theme-logo--dual .satoads-theme-logo__img{
    grid-area:1/1
}

.satoads-site-footer .satoads-theme-logo--dual .satoads-theme-logo__light{
    display:var(--satoads-footer-logo-light,none)!important
}

.satoads-site-footer .satoads-theme-logo--dual .satoads-theme-logo__dark{
    display:var(--satoads-footer-logo-dark,block)!important
}

.satoads-site-footer a:hover{
    opacity:1
}

.satoads-site-footer-logo__img,
.satoads-site-footer .satoads-theme-logo__img{
    width:auto;
    height:40px;
    max-width:160px;
    object-fit:contain
}

.satoads-site-footer-name{
    display:block;
    font-size:1.15rem;
    font-weight:500;
    letter-spacing:-0.03em;
    line-height:1.25;
    color:var(--satoads-footer-ink,#000)!important;
    text-decoration:none
}

.satoads-site-footer-name:hover{
    opacity:.82
}

.satoads-site-footer-desc{
    margin:2px 0 0;
    font-size:14px;
    line-height:1.7;
    text-align:center;
    color:var(--satoads-footer-mute,#9aa1ac);
    white-space:normal;
    overflow:visible;
    text-overflow:unset;
    max-width:none;
    word-break:break-word
}

.satoads-site-footer-social{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:10px
}

.satoads-site-footer-social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:999px;
    background:color-mix(in srgb,var(--satoads-footer-ink,#000) 7%,transparent);
    border:1px solid color-mix(in srgb,var(--satoads-footer-ink,#000) 12%,transparent);
    color:var(--satoads-footer-ink,#000)!important;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease,opacity .15s ease
}

.satoads-site-footer-social-link:hover{
    background:color-mix(in srgb,var(--satoads-footer-ink,#000) 14%,transparent);
    border-color:color-mix(in srgb,var(--satoads-footer-ink,#000) 22%,transparent);
    opacity:1
}

.satoads-site-footer-social-link .satoads-icon{
    width:18px;
    height:18px;
    display:block
}

.satoads-site-footer-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:6px 4px;
    max-width:40rem
}

.satoads-site-footer-nav a{
    color:color-mix(in srgb,var(--satoads-footer-ink,#000) 78%,transparent)!important;
    text-decoration:none;
    font-size:13px;
    font-weight:400;
    line-height:1;
    padding:8px 12px;
    border-radius:9999px;
    transition:background .15s ease,color .15s ease
}

.satoads-site-footer-nav a:hover{
    color:var(--satoads-footer-ink,#000)!important;
    background:color-mix(in srgb,var(--satoads-footer-ink,#000) 8%,transparent);
    opacity:1
}

.satoads-site-footer-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px 14px;
    width:100%;
    margin:0;
    padding:16px var(--satoads-chrome-inline,32px);
    box-sizing:border-box;
    border-top:1px solid color-mix(in srgb,var(--satoads-footer-ink,#000) 8%,transparent)
}

.satoads-site-footer-copy{
    margin:0;
    font-size:12px;
    line-height:1.5;
    color:var(--satoads-footer-mute,#7d848f)
}

.satoads-site-footer-ver{
    display:inline-flex;
    align-items:center;
    padding:3px 8px;
    border-radius:8px;
    border:1px solid color-mix(in srgb,var(--satoads-footer-ink,#000) 10%,transparent);
    color:var(--satoads-footer-mute,#7d848f);
    font-size:11px;
    font-variant-numeric:tabular-nums
}

.satoads-app-shell,
.satoads-shell-main{
    min-height:calc(100svh - var(--satoads-admin-bar-h,0px))
}

@media (max-width:1023px){
    .satoads-app-shell,
    .satoads-shell-main,
    body.satoads-sidebar-layout .satoads-shell-main{
        min-height:calc(100svh - var(--satoads-admin-bar-h,0px));
        min-height:calc(100dvh - var(--satoads-admin-bar-h,0px))
    }

    body.satoads-sidebar-layout .satoads-app-footer,
    body.satoads-sidebar-layout .satoads-app-footer.satoads-site-footer,
    .satoads-site-footer,
    .satoads-footer{
        margin-top:auto;
        position:relative;
        inset:auto;
        top:auto;
        bottom:auto;
        left:auto;
        right:auto;
        transform:none;
        flex:0 0 auto
    }

    .satoads-site-footer-inner{
        gap:18px;
        padding:28px var(--satoads-chrome-inline,16px) 22px
    }

    .satoads-site-footer-logo__img,
    .satoads-site-footer .satoads-theme-logo__img{
        height:34px;
        max-width:140px
    }

    .satoads-site-footer-name{
        font-size:1.05rem
    }

    .satoads-site-footer-desc{
        font-size:13px
    }

    .satoads-site-footer-nav{
        gap:4px 2px
    }

    .satoads-site-footer-nav a{
        padding:7px 10px
    }

    .satoads-site-footer-meta{
        padding:14px var(--satoads-chrome-inline,16px)
    }
}
