/* ============================================================
   TRAKANALYTICA DATA LAB — FOOTER STYLES
   Scope: footer (loaded globally via header.php)
   ============================================================ */

/* ===== FOOTER ===== */
.footer {
    background: #1a1a2e;
    border-top: 1px solid rgba(109,40,217,0.2);
    padding: 72px 0 32px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 48px;
}
.footer-brand {  }
.footer-brand img { height: 40px; width: auto; object-fit: contain; }
.footer-brand a {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 10px 18px;
    margin-bottom: 16px;
}
.footer-brand p { font-size: 0.88rem; color: rgba(255,255,255,0.5); margin-bottom: 16px; max-width: 280px; }
.footer-disclaimer {
    display: flex; gap: 8px; align-items: flex-start;
    font-size: 0.78rem; color: rgba(255,255,255,0.4);
    padding: 12px 16px;
    background: rgba(217,119,6,0.08);
    border: 1px solid rgba(217,119,6,0.2);
    border-radius: var(--radius-sm);
}
.footer-col h4 {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-bottom: 16px;
    font-family: 'DM Sans', sans-serif;
}
.footer-col ul { display: flex; flex-direction: column; gap: 8px; }
.footer-col a {
    display: flex; align-items: center; gap: 7px;
    font-size: 0.88rem;
    color: rgba(255,255,255,0.5);
    transition: var(--transition);
}
.footer-col a svg { flex-shrink: 0; opacity: 0.6; transition: var(--transition); }
.footer-col a:hover { color: #a78bfa; }
.footer-col a:hover svg { opacity: 1; stroke: #a78bfa; }
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
    font-size: 0.82rem;
    color: rgba(255,255,255,0.35);
}
.footer-legal-link { color: rgba(255,255,255,0.4); transition: var(--transition); }
.footer-legal-link:hover { color: #a78bfa; }

/* ===== RESPONSIVE — FOOTER ===== */
@media (max-width: 1024px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
}