/* ================================================================
   UTD Games — Footer Styles
   ================================================================ */

.footer {
    background: linear-gradient(180deg, transparent 0%, rgba(5,8,15,0.98) 100%);
    border-top: 1px solid rgba(99,102,241,0.12);
    padding: 3rem 2rem 1.5rem;
    margin-top: 4rem;
}
.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.footer-logo {
    font-family: 'Rajdhani', sans-serif;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .06em;
    margin-bottom: .6rem;
}
.footer-logo-utd   { color: #eef2ff; }
.footer-logo-games { color: #6366f1; }
.footer-tagline {
    font-size: .78rem;
    font-weight: 700;
    color: #6366f1;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: .75rem;
}
.footer-desc {
    color: #4b5a70;
    font-size: .82rem;
    line-height: 1.6;
}
.footer-col-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: .72rem;
    font-weight: 800;
    color: #6366f1;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.footer-link-btn {
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    width: 100%;
}
.footer-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #5b6b88;
    font-size: .83rem;
    text-decoration: none;
    padding: .28rem 0;
    transition: color .2s ease;
}
.footer-link:hover { color: #a5b4fc; }
.footer-game-icon {
    width: 18px; height: 18px;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
}
.footer-soon {
    font-size: .62rem;
    font-weight: 700;
    color: #f59e0b;
    background: rgba(245,158,11,0.1);
    border: 1px solid rgba(245,158,11,0.25);
    border-radius: 2rem;
    padding: .05rem .45rem;
}
.footer-socials { display: flex; flex-direction: column; gap: .6rem; }
.footer-social-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem 1rem;
    border-radius: .5rem;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s ease;
    border: 1px solid transparent;
}
.footer-discord {
    background: rgba(88,101,242,0.12);
    border-color: rgba(88,101,242,0.25);
    color: #7289da;
}
.footer-discord:hover {
    background: rgba(88,101,242,0.22);
    border-color: rgba(88,101,242,0.5);
    color: #a5b4fc;
}
.footer-whatsapp {
    background: rgba(37,211,102,0.08);
    border-color: rgba(37,211,102,0.2);
    color: #25d366;
}
.footer-whatsapp:hover {
    background: rgba(37,211,102,0.15);
    border-color: rgba(37,211,102,0.4);
}
.footer-bottom {
    max-width: 1200px;
    margin: 1.5rem auto 0;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .78rem;
    color: #2d3748;
}
.footer-bottom-dot { color: #1e293b; }

@media (max-width: 900px) {
    .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 560px) {
    .footer-inner { grid-template-columns: 1fr; gap: 1.5rem; }
    .footer { padding: 2rem 1.25rem 1rem; margin-top: 2rem; }
    .footer-bottom { flex-direction: column; gap: .25rem; text-align: center; }
    .footer-bottom-dot { display: none; }
    .footer-socials { flex-direction: row; flex-wrap: wrap; }
}