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

.site-footer{

    background:inherit !important;

}

/* ==================================================
   GRID
================================================== */

.footer-grid{

    display:grid !important;

    grid-template-columns:
    repeat(
        var(--footer-columns,3),
        minmax(0,1fr)
    );

    gap:40px;

    align-items:start;

    width:100%;
}

/* ==================================================
   COLUMN
================================================== */

.footer-column{

    min-width:0;

    width:100%;

    overflow:hidden;
}

/* ==================================================
   TITLES
================================================== */

.footer-title{

    color:#d4af37;

    font-size:24px;

    line-height:1.3;

    margin:0 0 18px;

    letter-spacing:.03em;
}

/* ==================================================
   CONTENT
================================================== */

.footer-content{

    color:#ddd;

    font-size:16px;

    line-height:1.8;
}

.footer-content p{

    margin:0 0 12px;
}

/* ==================================================
   IMAGES
================================================== */

.footer-image-wrap{

    margin-bottom:18px;
}

.footer-image{

    display:block;

    height:auto;

    max-width:100%;

    object-fit:contain;

    border-radius:12px;
}

/* ==================================================
   BUTTONS
================================================== */

a.footer-button,
a.footer-button:link,
a.footer-button:visited,
a.footer-button:active {

    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:18px;
    padding:12px 22px;
    border-radius:999px;

    background:
    linear-gradient(
        135deg,
        #d4af37,
        #b8860b
    );

    color:#40E0D0 !important; /* ALWAYS turquoise */

    font-weight:700;
    text-decoration:none;

    transition:
    transform .25s ease,
    box-shadow .25s ease;
}

a.footer-button:hover {

    transform: translateY(-2px);

    color:#40E0D0 !important; /* stays turquoise */

    box-shadow:
    0 0 18px rgba(212,175,55,.35);
}

/* ==================================================
   SOCIALS
================================================== */

.footer-socials{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    align-items:center;

    gap:14px;

    margin-top:50px;

    padding-top:30px;

    border-top:
    1px solid rgba(212,175,55,.12);
}

.footer-socials a{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:46px;

    height:46px;

    padding:0 18px;

    border-radius:999px;

    background:
    rgba(212,175,55,.08);

    border:
    1px solid rgba(212,175,55,.2);

    color:#d4af37 !important;

    text-decoration:none;

    transition:
    all .3s ease;
}

.footer-socials a:hover{

    color:#40E0D0 !important;

    border-color:#40E0D0;

    box-shadow:
    0 0 16px rgba(64,224,208,.25);
}

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

.footer-bottom{

    margin-top:40px;

    padding-top:24px;

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

    text-align:center;

    color:#888;

    font-size:14px;
}

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

@media(max-width:1100px){

    .footer-grid{

        grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px){

    .site-footer{

        padding:
        40px 0 20px;
    }

    .footer-grid{

        grid-template-columns:
        1fr !important;

        gap:28px;
    }

    .footer-column{

        text-align:center !important;
    }

    .footer-title{

        font-size:20px;
    }

    .footer-content{

        font-size:14px;

        line-height:1.7;
    }

    .footer-image{

        margin:auto;
    }

    .footer-button{

        padding:
        10px 18px;

        font-size:14px;
    }

    .footer-socials{

        gap:10px;

        margin-top:30px;

        padding-top:20px;
    }

    .footer-socials a{

        min-width:42px;

        height:42px;

        font-size:13px;
    }

    .footer-bottom{

        margin-top:25px;

        padding-top:18px;

        font-size:13px;
    }
}

.footer-socials{

    display:flex;

    justify-content:center;

    gap:14px;

    margin-top:25px;
}

.footer-social-link{

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    margin:0 !important;
}

.footer-social-link svg{

    width:var(--yddd-social-icon-size,22px);

    height:var(--yddd-social-icon-size,22px);

    fill:#d4af37;

    transition:.3s;
}

.footer-social-link:hover svg{

    fill:#40E0D0;
}