/* --- FOOTER --- */
.site-footer {
    border-top: 1px solid var(--border);
    background: #fdfdfd;
    padding: 60px 0 40px;
    margin-top: 80px;
    color: #666;
    font-family: var(--font-ui);
}

.footer-grid { display: grid; grid-template-columns: 1.4fr 0.8fr 0.8fr; gap: 40px; }
.footer-logo { font-family: var(--font-head); font-weight: 700; font-size: 26px !important; color: var(--red) !important; text-decoration: none; display: inline-block; margin-bottom: 15px; line-height: 1; }
.footer-about { font-size: 13px !important; color: #888; line-height: 1.5; margin-bottom: 20px; max-width: 260px; }
.footer-social { display: flex; gap: 15px; margin-top: 10px; }
.footer-social a { display: block; width: 24px; height: 24px; text-decoration: none; line-height: 0; }
.footer-social svg { fill: #aaa; transition: fill 0.2s ease; vertical-align: middle; }
.footer-social a:hover svg { fill: var(--red); }
.footer-heading { font-family: var(--font-ui); font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; color: #222; margin: 8px 0 20px 0 !important; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; display: inline-block; }
.footer-menu { padding: 0; margin: 0; list-style: none; }
.footer-menu li { margin-bottom: 10px; }
.footer-menu li a { font-size: 15px !important; color: #555; text-decoration: none; transition: color 0.2s ease; }
.footer-menu li a:hover { color: var(--red); }
.footer-bottom { margin-top: 50px; padding-top: 30px; border-top: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center; }
.copyright { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #aaa; }
.studio-link { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-decoration: none; opacity: 0.7; transition: opacity 0.3s; }
.studio-link:hover { opacity: 1; }
.studio-link .dev-text { font-size: 10px; color: #94a3b8; text-transform: uppercase; margin-top: 2px; }
.studio-link .dev-logo { display: block; height: 24px; width: auto; }