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


/* Footer */

.gizmoo-footer {

    position: relative;

    margin-top: 80px;

    color: var(--gizmoo-footer-text);

    background:
        radial-gradient(
            circle at top right,
            rgba(31, 133, 91, 0.18),
            transparent 38%
        ),
        var(--gizmoo-footer-bg);

    overflow: hidden;
}



/* Footer Main */

.footer-main {

    padding: 84px 0 72px;

}



/* Footer Grid */

.footer-grid {

    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr;

    gap: 56px;

}



/* Footer Column */

.footer-column {

    min-width: 0;

}



/* Brand Column */

.footer-column-brand {

    max-width: 320px;

}



/* Footer Titles */

.footer-widget-title {

    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0 0 26px;

    color: #FFFFFF !important;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.5;

}



.footer-widget-title::before {

    content: "";

    display: block;

    width: 22px;

    height: 3px;

    background: var(--gizmoo-primary);

    border-radius: 999px;

}





/* WordPress Widget */

.footer-widget {

    margin: 0 0 28px;

}



.footer-widget:last-child {

    margin-bottom: 0;

}



/* Widget Headings */

.footer-widget h1,
.footer-widget h2,
.footer-widget h3,
.footer-widget h4,
.footer-widget h5,
.footer-widget h6 {

    margin: 0 0 16px;

    color: #FFFFFF !important;

    font-size: 16px;

    font-weight: 600;

}



/* Widget Text */

.footer-widget p,
.footer-widget li,
.footer-column > p {

    color: var(--gizmoo-footer-muted) !important;

    font-size: 14px;

    line-height: 1.9;

}



/* Lists */

.footer-widget ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.footer-widget li {

    margin: 0 0 12px;

}



.footer-widget li:last-child {

    margin-bottom: 0;

}





/* Footer Links */

.footer-widget a {

    display: inline-flex;

    color: var(--gizmoo-footer-muted) !important;

    text-decoration: none;

    transition:

        color var(--gizmoo-transition-fast),

        transform var(--gizmoo-transition-fast);

}



.footer-widget a:hover {

    color: #FFFFFF !important;

    transform: translateX(5px);

}





/* Empty State */

.footer-empty {

    color: #9EAAA4 !important;

    font-size: 14px;

}





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



.footer-bottom {

    background:

        rgba(0,0,0,0.18);

    border-top:

        1px solid

        var(--gizmoo-footer-border);

    padding: 22px 0;

}





.footer-bottom-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

}





.footer-copyright {

    display: flex;

    align-items: center;

    gap: 8px;

    color: var(--gizmoo-footer-muted-soft);

    font-size: 13px;

    line-height: 1.6;

}





/* Footer Legal */

.footer-legal ul {

    display: flex;

    align-items: center;

    gap: 22px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.footer-legal a {

    color: var(--gizmoo-footer-muted-soft);

    font-size: 13px;

    text-decoration: none;

    transition:

        color var(--gizmoo-transition-fast);

}



.footer-legal a:hover {

    color: #FFFFFF;

}





/* Focus */

.footer-widget a:focus-visible,
.footer-legal a:focus-visible {

    outline-color: var(--gizmoo-primary);

}





/* =========================================================
   RESPONSIVE
   ========================================================= */



@media (max-width: 900px) {


    .footer-grid {

        grid-template-columns:

            repeat(2, 1fr);

        gap: 44px 32px;

    }

}





@media (max-width: 768px) {


    .gizmoo-footer {

        margin-top: 56px;

    }



    .footer-main {

        padding: 56px 0 48px;

    }



    .footer-grid {

        grid-template-columns: 1fr;

        gap: 36px;

    }



    .footer-column {

        max-width: none;

        text-align: center;

    }



    .footer-widget-title {

        justify-content: center;

    }



    .footer-widget ul {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    .footer-widget a:hover {

        transform: none;

    }



    .footer-bottom-inner {

        flex-direction: column;

        justify-content: center;

        text-align: center;

        gap: 14px;

    }



    .footer-copyright {

        justify-content: center;

    }



    .footer-legal ul {

        justify-content: center;

        flex-wrap: wrap;

    }

}





@media (max-width: 480px) {


    .footer-main {

        padding-top: 48px;

    }


    .footer-widget p,
    .footer-widget li {

        font-size: 13px;

    }

}