/* ===========================================================
   FOOTER.CSS
   =========================================================== */

.site-footer { margin-top: 80px; background: var(--footer-bg); border-top: 1px solid var(--border-soft); }

.footer-tags { text-align: center; padding: 50px 0 30px; }
.footer-tags h2 { font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; margin: 0 0 22px; }

.tag-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.tag-list li a {
    display: inline-block; padding: 8px 16px; border-radius: 999px;
    font-size: .8rem; background: var(--pill-bg); color: var(--pill-text);
}
.tag-list li a:hover { background: var(--primary); color: var(--on-primary); }

.footer-bottom { border-top: 1px solid var(--border-soft); padding: 22px 0; }
.footer-bottom .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

.footer-logo { font-family: var(--font-display); font-weight: 800; font-size: 1.05rem; }

.footer-widget-image { width: 92px; height: 60px; border-radius: var(--radius-sm); overflow: hidden; box-shadow: var(--shadow-card); background: #221c2c; }
.footer-widget-image img { width: 100%; height: 100%; object-fit: cover; }

.footer-copy { font-size: .78rem; color: var(--text-muted); }