/* =============================================
   SEAL — Footer Styles Only
   (Navbar styles are now in header.php <style>)
   ============================================= */

/* ===== FOOTER ===== */
.site-footer {
    background: #000;
    padding: 72px 0 0;
}
.f-brand { margin-bottom:18px; }
.f-brand img { height:60px; width:auto; object-fit:contain; }
.f-tagline { font-size:14px; color:rgba(255,255,255,.5); line-height:1.8; margin-bottom:22px; max-width:270px; }
.f-social a { width:38px; height:38px; border-radius:10px; border:1.5px solid rgba(255,255,255,.15); display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); font-size:14px; margin-right:8px; transition:all .35s; }
.f-social a:hover { background:var(--gold); border-color:var(--gold); color:#1e0d4a; transform:translateY(-3px) rotate(8deg); }
.f-hd { font-size:12px; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:1px; margin-bottom:22px; }
.f-links { list-style:none; padding:0; }
.f-links li { margin-bottom:12px; }
.f-links a { font-size:14px; color:rgba(255,255,255,.55); transition:all .3s; display:inline-flex; align-items:center; gap:0; }
.f-links a:hover { color:var(--gold); gap:6px; padding-left:2px; }
.f-links a::before { content:'→'; font-size:11px; opacity:0; transform:translateX(-8px); transition:all .3s; display:inline-block; margin-right:0; }
.f-links a:hover::before { opacity:1; transform:translateX(0); margin-right:4px; }
.f-ci { display:flex; gap:12px; align-items:flex-start; margin-bottom:14px; transition:transform .3s; }
.f-ci:hover { transform:translateX(4px); }
.f-ci i { color:var(--gold); font-size:15px; margin-top:2px; flex-shrink:0; }
.f-ci span { font-size:14px; color:rgba(255,255,255,.55); line-height:1.5; }
.f-bot { margin-top:55px; border-top:1px solid rgba(255,255,255,.08); padding:22px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.f-copy { font-size:13px; color:rgba(255,255,255,.3); }
.f-cred { font-size:13px; color:rgba(255,255,255,.3); }
.f-cred a { color:var(--gold); font-weight:700; transition:opacity .3s; }
.f-cred a:hover { opacity:.8; }

/* ===== FAB & BACK TO TOP ===== */
.fab-w { position:fixed; bottom:28px; right:28px; display:flex; flex-direction:column; gap:10px; z-index:999; }
.fab { width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; transition:all .3s; box-shadow:0 6px 20px rgba(0,0,0,.25); }
.fab.wa { background:#25d366; color:#fff; }
.fab.ph { background:var(--gold); color:#1e0d4a; }
.fab:hover { transform:scale(1.12) translateY(-3px); box-shadow:0 10px 28px rgba(0,0,0,.3); }
.btt { position:fixed; bottom:28px; left:28px; width:42px; height:42px; border-radius:50%; background:var(--purple); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; opacity:0; visibility:hidden; transition:all .35s; z-index:999; box-shadow:0 6px 20px rgba(61,26,120,.4); }
.btt.show { opacity:1; visibility:visible; }
.btt:hover { background:var(--gold); color:#1e0d4a; transform:translateY(-3px); }