/* ══════════════════════════════
   MODULO: Footer
   Desktop e mobile
══════════════════════════════ */

/* ── Footer desktop ── */
.footer-main { background: var(--bg2); border-top: 1px solid var(--border); padding: 0; flex-shrink: 0; transition: background .4s; }
.footer-mobile { display: none; }
.footer-inner { display: flex; align-items: center; height: 44px; padding: 0 32px; }
.footer-text { flex: 1; text-align: center; }
.footer-text a { transition: color .2s; }
.footer-text a:hover { color: var(--accent); }

/* ── Settings trigger ── */
.settings-trigger { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; border-left: 1px solid var(--border); cursor: pointer; color: transparent; transition: color .2s, background .2s; font-size: 11px; }
.settings-trigger:hover { color: var(--muted); background: var(--bg); }

/* ── Settings panel ── */
.settings-panel { position: fixed; bottom: 44px; right: 0; width: 220px; background: var(--bg); border: 1px solid var(--border); border-right: none; padding: 20px; z-index: 50; transform: translateX(100%); transition: transform .3s ease, background .4s; }
.settings-panel.open { transform: translateX(0); }
.theme-options { display: flex; flex-direction: column; gap: 10px; }
.theme-btn { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--border); background: transparent; cursor: pointer; transition: all .2s; }
.theme-btn:hover { border-color: var(--accent); color: var(--text); }
.theme-btn.active { border-color: var(--accent); color: var(--accent); }
.theme-swatch { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; }

/* ── Footer mobile ── */
.footer-mobile-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px; }
.footer-mobile-social { display: flex; gap: 28px; }
.footer-mobile-social a { font-size: 18px; color: var(--muted); transition: color .2s; }
.footer-mobile-social a:hover { color: var(--accent); }
