/* =========================================
   YAKUZZAHUB — FOOTER REDESIGN 2.0
   WHITE & PURPLE
========================================= */

/* NASZA STOPKA */

#yakuzza-site .footer {
    width: 100% !important;
    min-height: 125px !important;

    padding: 28px 0 !important;
    margin-top: 35px !important;

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

    background: linear-gradient(
        115deg,
        #ffffff,
        #f8f3ff
    ) !important;

    border: 1px solid #e8dcf8 !important;
    border-radius: 16px 16px 0 0 !important;

    box-shadow: 0 -8px 35px rgba(117,70,189,.06) !important;
}

#yakuzza-site .footer .logo {
    color: #352447 !important;
}

#yakuzza-site .footer p {
    color: #82768f !important;
    font-size: 10px !important;
}

#yakuzza-site .footer-note {
    color: #9562e8 !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
}

/* LOGO STOPKI */

#yakuzza-site .footer .logo-symbol {
    background: linear-gradient(
        135deg,
        #b28aff,
        #7544c1
    ) !important;

    box-shadow: 0 5px 20px #9562e833 !important;
}

/* ZEWNĘTRZNA STOPKA TITANAXE */

body > footer,
body > .footer,
#footer,
.site-footer,
.page-footer {
    background: #f7f3fc !important;

    color: #625570 !important;

    border-top: 1px solid #e6d9f5 !important;

    box-shadow: none !important;
}

/* LINKI HOSTINGOWE */

body > footer a,
body > .footer a,
#footer a,
.site-footer a,
.page-footer a {
    color: #8050c3 !important;
    text-decoration: none !important;
    transition: .25s ease !important;
}

body > footer a:hover,
body > .footer a:hover,
#footer a:hover,
.site-footer a:hover,
.page-footer a:hover {
    color: #a77af3 !important;
}

/* TEKST INFORMACYJNY */

body > footer p,
#footer p,
.site-footer p,
.page-footer p {
    color: #81758e !important;
}

/* MOBILE */

@media(max-width: 650px) {

    #yakuzza-site .footer {
        padding: 25px 18px !important;
        gap: 20px !important;

        flex-direction: column !important;
        text-align: center !important;

        border-radius: 14px 14px 0 0 !important;
    }

}