/*
==========================================================
FantasyFanzone Footer
Version: 4.0
==========================================================
*/

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

.ffz-footer{
    position:relative;

    margin-top:var(--ffz-space-12);

    padding:
        var(--ffz-space-8)
        0;

    background:
        linear-gradient(
            180deg,
            rgba(21,28,50,.65) 0%,
            rgba(11,16,32,1) 100%
        );

    border-top:
        1px solid
        rgba(255,255,255,.07);
}

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

.ffz-footer__inner{
    display:flex;

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

    gap:32px;

    min-height:48px;
}

/*========================================================
COPYRIGHT
========================================================*/

.ffz-footer__copyright{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:5px;

    color:var(--ffz-text-muted);

    font-size:14px;

    line-height:1.6;
}

.ffz-footer__year{
    color:var(--ffz-text-muted);
}

.ffz-footer__site-name{
    color:var(--ffz-text);

    font-weight:var(--ffz-font-weight-bold);

    transition:
        color var(--ffz-transition-normal);
}

.ffz-footer__site-name:hover{
    color:var(--ffz-primary-light);
}

.ffz-footer__rights{
    color:var(--ffz-text-muted);
}

/*========================================================
NAVIGATION
========================================================*/

.ffz-footer__navigation{
    display:flex;

    align-items:center;
}

.ffz-footer__menu{
    display:flex;

    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;

    gap:
        10px
        24px;

    margin:0;
    padding:0;

    list-style:none;
}

.ffz-footer__menu li{
    margin:0;
    padding:0;
}

.ffz-footer__menu a{
    position:relative;

    display:inline-flex;

    align-items:center;

    padding:
        6px
        0;

    color:var(--ffz-text-muted);

    font-size:14px;
    font-weight:var(--ffz-font-weight-medium);

    line-height:1.4;

    transition:
        color var(--ffz-transition-normal);
}

.ffz-footer__menu a:hover,
.ffz-footer__menu a:focus-visible{
    color:var(--ffz-text);
}

/*========================================================
LINK INDICATOR
========================================================*/

.ffz-footer__menu a::after{
    content:"";

    position:absolute;

    right:0;
    bottom:0;
    left:0;

    height:2px;

    border-radius:999px;

    background:var(--ffz-gradient-primary);

    transform:scaleX(0);
    transform-origin:center;

    transition:
        transform var(--ffz-transition-normal);
}

.ffz-footer__menu a:hover::after,
.ffz-footer__menu a:focus-visible::after{
    transform:scaleX(1);
}

/*========================================================
CURRENT MENU ITEM
========================================================*/

.ffz-footer__menu
.current-menu-item > a,
.ffz-footer__menu
.current_page_item > a{
    color:var(--ffz-text);

    font-weight:var(--ffz-font-weight-semibold);
}

.ffz-footer__menu
.current-menu-item > a::after,
.ffz-footer__menu
.current_page_item > a::after{
    transform:scaleX(1);
}

/*========================================================
WORDPRESS MENU RESET
========================================================*/

.ffz-footer__navigation ul,
.ffz-footer__navigation li{
    list-style:none;
}

.ffz-footer__navigation ul{
    margin:0;
    padding:0;
}

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

@media(max-width:900px){

    .ffz-footer__inner{
        flex-direction:column;

        justify-content:center;

        gap:20px;

        text-align:center;
    }

    .ffz-footer__copyright{
        justify-content:center;
    }

    .ffz-footer__menu{
        justify-content:center;
    }
}

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

@media(max-width:768px){

    .ffz-footer{
        margin-top:var(--ffz-space-10);

        padding:
            var(--ffz-space-7)
            0;
    }

    .ffz-footer__inner{
        gap:18px;
    }

    .ffz-footer__copyright{
        font-size:13px;
    }

    .ffz-footer__menu{
        gap:
            8px
            18px;
    }

    .ffz-footer__menu a{
        font-size:13px;
    }
}

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

@media(max-width:480px){

    .ffz-footer{
        margin-top:var(--ffz-space-9);

        padding:
            var(--ffz-space-6)
            0;
    }

    .ffz-footer__copyright{
        justify-content:center;

        gap:4px;

        font-size:12px;
    }

    .ffz-footer__menu{
        gap:
            6px
            14px;
    }

    .ffz-footer__menu a{
        font-size:12px;
    }
}

/*========================================================
REDUCED MOTION
========================================================*/

@media(prefers-reduced-motion:reduce){

    .ffz-footer__site-name,
    .ffz-footer__menu a,
    .ffz-footer__menu a::after{
        transition:none;
    }
}